fix(docs): Downgraded @nuxtjs/i18n.

Skyost · Dec 28, 2024 · 35f8452 · 35f8452
1 parent f74012a
commit 35f8452
Show file tree

Hide file tree

Showing 5 changed files with 182 additions and 213 deletions.
diff --git a/docs/app.vue b/docs/app.vue
@@ -1,3 +1,17 @@
+<script setup lang="ts">
+if (import.meta.client) {
+  onMounted(() => {
+    const i18n = useI18n()
+    const browserLocale = i18n.getBrowserLocale()
+    const locales = i18n.locales
+    const locale = locales.value.find(({ code }) => code === browserLocale)
+    if (locale) {
+      i18n.setLocale(locale.code)
+    }
+  })
+}
+</script>
+
 <template>
   <nuxt-layout>
     <b-modal-orchestrator />

diff --git a/docs/layouts/default.vue b/docs/layouts/default.vue
@@ -1,20 +1,20 @@
 <script setup lang="ts">
-const i18nHead = useLocaleHead()
-useHead({
-  htmlAttrs: {
-    lang: i18nHead.value.htmlAttrs!.lang,
-  },
-  link: [...(i18nHead.value.link || [])],
-  meta: [...(i18nHead.value.meta || [])],
+const head = useLocaleHead({
+  addDirAttribute: true,
+  identifierAttribute: 'id',
+  addSeoAttributes: true,
 })
 </script>
 
 <template>
-  <div>
+  <Html
+    :lang="head.htmlAttrs?.lang"
+    :dir="head.htmlAttrs?.dir"
+  >
     <page-navbar />
     <slot />
     <page-footer />
-  </div>
+  </Html>
 </template>
 
 <style lang="scss">

diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
@@ -84,7 +84,7 @@ export default defineNuxtConfig({
     vueI18n: 'i18n.config.ts',
     baseUrl: siteMeta.url,
     locales: availableLocales,
-    langDir: 'locales',
+    langDir: './i18n/locales',
     defaultLocale: 'en',
     strategy: 'no_prefix',
     compilation: {