@frigear-nu/base 0.0.3 → 0.0.4

package/app/components/App/AppHeader.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 const { data: config } = await useConfig()
 const { data: navigation } = useMenu('main')
+const multiLocale = useRuntimeConfig().public.multiLocale === true
 </script>
 
 <template>
@@ -16,7 +17,7 @@ const { data: navigation } = useMenu('main')
     <AppHeaderCenter />
     <template #right>
       <AppHeaderCTA />
-      <LanguageSelect v-if="typeof $i18n !== 'undefined' && $i18n.locales && $i18n.locales.value && $i18n.locales.value.length > 1" />
+      <LanguageSelect v-if="multiLocale" />
       <UColorModeButton />
       <AppHeaderRight />
     </template>

package/app/components/LanguageSelect.vue

@@ -2,6 +2,7 @@
 import type { DropdownMenuItem } from '@nuxt/ui'
 
 const { locale, locales } = useI18n()
+const multiLocale = useRuntimeConfig().public.multiLocale === true
 const route = useRoute()
 const { localizePath } = useContentLocale()
 
@@ -41,6 +42,7 @@ const currentLabel = computed(() =>
 
 <template>
   <UDropdownMenu
+    v-if="multiLocale"
     :items="items"
     :content="{ align: 'end' }"
     :ui="{ content: 'w-44' }"

package/modules/routing.ts

@@ -35,6 +35,11 @@ export default defineNuxtModule({
     const isI18nEnabled = !!i18nOptions?.locales
     const routeNameSeparator = i18nOptions?.routesNameSeparator || DEFAULT_ROUTE_NAME_SEPARATOR
 
+    // Derived from the build-time config so the server and client always agree (reading the runtime i18n
+    // state made the language picker render on the server and disappear after hydration).
+    const publicConfig = nuxt.options.runtimeConfig.public as Record<string, unknown>
+    publicConfig.multiLocale = getAvailableLocales(nuxt.options as typeof nuxt.options & { i18n?: LayerI18nOptions }).length > 1
+
     // Only add the landing route if the consuming app doesn't already
     // define its own `index.vue` (which takes precedence over the layer's).
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frigear-nu/base",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Shared Nuxt layer for Frigear websites - bundled modules, UI defaults, content collections, layouts and routing.",
   "homepage": "https://docs.frigear.dev/layers/base",
   "repository": {