nest header within global

src/content-env.d.ts

@@ -107,6 +107,7 @@ declare module 'content/routes.js' {
    * Defines global values for the site.
    */
   type SiteGlobals = {
+    header: HeaderEntry[],
     id: string
     warning: WarningModal
   }
@@ -115,10 +116,4 @@ declare module 'content/routes.js' {
    * Global values the site uses.
    */
   const siteGlobals: SiteGlobals
-
-  /**
-   * The header the app uses.
-   * If not present, the header will not show.
-   */
-  const header: HeaderEntry[]
 }

src/main.vue

@@ -13,7 +13,6 @@ import WarningPrompt from 'src/components/shared/warning-prompt.vue'
 
 const router = useRouter()
 const routeStore = useRouteStore()
-const headerConfig = routeStore._header
 const globalConfig = routeStore._globals
 
 let currentRoute = getCurrentRoute()
@@ -87,11 +86,11 @@ onMounted(async () => {
 <template lang="pug">
 #main-container
   header(
-    v-if='ready && !!headerConfig'
+    v-if='ready && !!globalConfig.header'
   )
     ul
       HeaderLink(
-        v-for='entry in headerConfig'
+        v-for='entry in globalConfig.header'
         :entry='entry'
       )
   main(

src/routes.ts

@@ -1,7 +1,6 @@
 import { defineStore } from 'pinia'
 import { type RouteRecordRaw } from 'vue-router'
 import {
-  header,
   routes,
   siteGlobals,
   type GalleryListDefinition,
@@ -90,7 +89,6 @@ export const initializeRouteStore = (routerRoutes: readonly RouteRecordRaw[]) =>
       } as any
     }
   })
-  routeStore._header = header
   routeStore._globals = siteGlobals
 }