@frigear-nu/base 0.0.5 → 0.1.0

package/app/app.config.ts

@@ -6,6 +6,8 @@ export default defineAppConfig({
     },
   },
   header: {
+    // Shows the colour-mode toggle in the header. Apps whose account menu offers Appearance can turn it off.
+    colorMode: true,
     icon: {
       desktop: false,
       mobile: true,

package/app/app.d.ts

@@ -1,6 +1,8 @@
 declare module 'nuxt/schema' {
   interface AppConfigInput {
     header?: {
+      /** Show the colour-mode toggle in the header (default `true`). */
+      colorMode?: boolean
       icon?: {
         desktop?: boolean
         mobile?: boolean
@@ -14,6 +16,8 @@ declare module 'nuxt/schema' {
 
   interface AppConfig {
     header?: {
+      /** Show the colour-mode toggle in the header (default `true`). */
+      colorMode?: boolean
       icon?: {
         desktop?: boolean
         mobile?: boolean

package/app/components/App/AppHeader.vue

@@ -2,6 +2,9 @@
 const { data: config } = await useConfig()
 const { data: navigation } = useMenu('main')
 const multiLocale = useRuntimeConfig().public.multiLocale === true
+// Off when the account menu offers Appearance instead (the footer toggle stays for signed-out visitors).
+const appConfig = useAppConfig()
+const colorModeButton = computed(() => appConfig.header?.colorMode !== false)
 </script>
 
 <template>
@@ -18,7 +21,7 @@ const multiLocale = useRuntimeConfig().public.multiLocale === true
     <template #right>
       <AppHeaderCTA />
       <LanguageSelect v-if="multiLocale" />
-      <UColorModeButton />
+      <UColorModeButton v-if="colorModeButton" />
       <AppHeaderRight />
     </template>
 

package/app/components/App/AppHeaderBody.vue

@@ -2,17 +2,24 @@
 import type { ContentNavigationItem } from '@nuxt/content'
 
 const { data: config } = await useConfig()
+// The same entries as the desktop header (`main` menu, including items modules add); the content config's
+// `navigation` when the menu has none.
+const { data: menu } = await useMenu('main')
+const appConfig = useAppConfig()
 
 const items = computed(() => {
-  const iconOnMobile = useAppConfig().header?.icon?.mobile
+  // The content config's `navigation` is only a list when the host sets one.
+  const fallback = Array.isArray(config.value?.navigation) ? config.value.navigation : []
+  const source = menu.value?.length ? menu.value : fallback
+  const iconOnMobile = appConfig.header?.icon?.mobile
 
   if (typeof iconOnMobile === 'boolean' && !iconOnMobile) {
-    return config.value?.navigation?.map(item => ({
+    return source.map(item => ({
       ...item,
       icon: undefined,
     }))
   } else {
-    return config.value?.navigation
+    return source
   }
 })
 
@@ -21,15 +28,15 @@ const navigation = inject<Ref<ContentNavigationItem[]>>('navigation')
 
 <template>
   <div class="mt-4">
-    <UPageGrid v-if="config?.navigation">
+    <UPageGrid v-if="items?.length">
       <UPageCard
-        v-for="item in items "
+        v-for="item in items"
         :key="item.label"
         :title="item.label"
         :icon="item.icon"
         :description="item.description"
         :to="item.to"
-        class="hober:shadow-lg"
+        class="hover:shadow-lg"
         variant="subtle"
         :ui="{ title: 'text-xl font-semibold' }"
       />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frigear-nu/base",
-  "version": "0.0.5",
+  "version": "0.1.0",
   "description": "Shared Nuxt layer for Frigear websites - bundled modules, UI defaults, content collections, layouts and routing.",
   "homepage": "https://docs.frigear.dev/layers/base",
   "repository": {
@@ -24,17 +24,17 @@
   ],
   "dependencies": {
     "@comark/nuxt": "0.6.2",
-    "@frigear-nu/menu": "0.0.10",
+    "@frigear-nu/menu": "0.1.0",
     "@iconify-json/lucide": "^1.2.127",
     "@iconify-json/simple-icons": "^1.2.94",
-    "@nuxt/content": "3.16.0",
-    "@nuxt/fonts": "^0.14.0",
+    "@nuxt/content": "^3.16.1",
+    "@nuxt/fonts": "^1.0.0",
     "@nuxt/hints": "^1.1.4",
     "@nuxt/icon": "^2.5.1",
     "@nuxt/image": "^2.1.0",
-    "@nuxt/kit": "^4.6.0",
-    "@nuxt/schema": "^4.6.0",
-    "@nuxt/ui": "^4.11.0",
+    "@nuxt/kit": "^4.6.1",
+    "@nuxt/schema": "^4.6.1",
+    "@nuxt/ui": "^4.11.2",
     "@nuxtjs/device": "4.0.0",
     "@nuxtjs/i18n": "^10.6.0",
     "@nuxtjs/robots": "^7.0.2",
@@ -50,11 +50,11 @@
     "zod": "^4.5.4"
   },
   "peerDependencies": {
-    "nuxt": "^4.6.0"
+    "nuxt": "^4.6.1"
   },
   "devDependencies": {
     "@nuxt/eslint": "^1.17.0",
-    "eslint": "^10.9.1",
+    "eslint": "^10.12.0",
     "nuxt": "^4.6.1",
     "typescript": "^6.0.3",
     "vue-tsc": "^3.3.11"