fix(i18n): update i18n

package.json

@@ -58,7 +58,7 @@
     "@fullhuman/postcss-purgecss": "6.0.0",
     "@js-basics/vector": "2.1.0",
     "@nuxt/content": "2.13.4",
-    "@nuxtjs/i18n": "8.5.6",
+    "@nuxtjs/i18n": "^9.0.0",
     "@nuxtjs/seo": "2.0.0-rc.23",
     "@pinia/nuxt": "0.7.0",
     "lost": "9.0.2",

src/components/fragment/LanguageSwitch.vue

@@ -5,40 +5,38 @@
         :to="switchLocalePath(language.code)"
         class="language-switch"
         :title="language.code"
-        >{{ language.code }}
+      >
+        {{ language.code }}
       </site-link>
     </li>
   </fragment-link-list>
 </template>
 
-<script>
+<script setup>
 import FragmentLinkList from '@/components/fragment/LinkList';
+import { useSwitchLocalePath, useI18n } from '#imports';
+import { computed } from 'vue';
+const switchLocalePath = useSwitchLocalePath();
+const { locales, locale: currentLocale } = useI18n();
 
-export default {
-  components: {
-    FragmentLinkList
-  },
-  props: {
-    filterCurrentLang: {
-      type: Boolean,
-      required: false,
-      default() {
-        return false;
-      }
-    }
-  },
-
-  computed: {
-    languages() {
-      return this.$i18n.locales.filter(locale => {
-        return (
-          !this.filterCurrentLang ||
-          (this.filterCurrentLang && locale.code !== this.$i18n.locale)
-        );
-      });
+const $props = defineProps({
+  filterCurrentLang: {
+    type: Boolean,
+    required: false,
+    default() {
+      return false;
     }
   }
-};
+});
+
+const languages = computed(() => {
+  return locales.value.filter(locale => {
+    return (
+      !$props.filterCurrentLang ||
+      ($props.filterCurrentLang && locale.code !== currentLocale.value)
+    );
+  });
+});
 </script>
 
 <style lang="postcss" scoped>

src/components/fragment/LinkList.vue

@@ -15,8 +15,10 @@
 </template>
 
 <script setup>
-import { useBoosterFonts } from '#imports';
+import { useBoosterFonts, useLocalePath } from '#imports';
 import { computed } from 'vue';
+
+const localePath = useLocalePath();
 const { $getFont } = useBoosterFonts();
 
 const props = defineProps({

src/components/module/TextImage.vue

@@ -21,6 +21,9 @@
 
 <script setup>
 import BoosterPicture from '#booster/components/BoosterPicture';
+import { useLocalePath } from '#imports';
+
+const localePath = useLocalePath();
 
 defineProps({
   mirror: {

src/components/page/Header.vue

@@ -23,8 +23,10 @@
 <script setup>
 import { useLayoutStore } from '@/stores/layout';
 import { computed } from 'vue';
+import { useLocalePath } from '#imports';
 
 const layoutStore = useLayoutStore();
+const localePath = useLocalePath();
 
 const props = defineProps({
   sticky: {

src/components/page/Menu.vue

@@ -23,10 +23,11 @@
 
 <script setup>
 import { useModalStore } from '@/stores/layout';
-import { useRoute } from '#imports';
+import { useRoute, useLocalePath } from '#imports';
 import { computed, watch } from 'vue';
 
 const modalStore = useModalStore();
+const localePath = useLocalePath();
 
 const $route = useRoute();