chore(deps): update dependency @nuxtjs/i18n to v9 (#1647)

* chore(deps): update dependency @nuxtjs/i18n to v9 * code adjustments --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Frank Elsinga <[email protected]> Co-authored-by: Frank Elsinga <[email protected]>
TUM-Dev · Nov 10, 2024 · b82a96f · b82a96f
1 parent 205485b
commit b82a96f
Show file tree

Hide file tree

Showing 5 changed files with 198 additions and 140 deletions.
diff --git a/webclient/app/components/PreferencesPopup.vue b/webclient/app/components/PreferencesPopup.vue
@@ -10,7 +10,7 @@ const { t } = useI18n({ useScope: "local" });
 const { locale } = useI18n();
 const switchLocalePath = useSwitchLocalePath();
 
-async function updateLocale(value: string) {
+async function updateLocale(value: "de" | "en") {
   await navigateTo(switchLocalePath(value));
 }
 </script>
@@ -55,7 +55,11 @@ async function updateLocale(value: string) {
           </SelectionSwitch>
         </MenuItem>
         <MenuItem as="div" class="text-md text-zinc-500 block px-4 py-1 font-semibold">
-          <SelectionSwitch v-model="locale" :label="t('language')" @update:model-value="updateLocale">
+          <SelectionSwitch
+            v-model="locale"
+            :label="t('language')"
+            @update:model-value="(value) => updateLocale(value as 'de' | 'en')"
+          >
             <SelectionOption value="de">de</SelectionOption>
             <SelectionOption value="en">en</SelectionOption>
           </SelectionSwitch>

diff --git a/webclient/app/layouts/default.vue b/webclient/app/layouts/default.vue
@@ -4,10 +4,7 @@ import { useFeedback } from "~/composables/feedback";
 const searchBarFocused = ref(false);
 const feedback = useFeedback();
 
-const i18nHead = useLocaleHead({
-  addDirAttribute: true,
-  addSeoAttributes: true,
-});
+const i18nHead = useLocaleHead({ dir: true, seo: true });
 useHead({
   htmlAttrs: {
     lang: i18nHead.value.htmlAttrs!.lang,

diff --git a/webclient/app/layouts/details.vue b/webclient/app/layouts/details.vue
@@ -4,10 +4,7 @@ import { useFeedback } from "~/composables/feedback";
 const searchBarFocused = ref(false);
 const feedback = useFeedback();
 
-const i18nHead = useLocaleHead({
-  addDirAttribute: true,
-  addSeoAttributes: true,
-});
+const i18nHead = useLocaleHead({ dir: true, seo: true });
 useHead({
   htmlAttrs: {
     lang: i18nHead.value.htmlAttrs!.lang,

diff --git a/webclient/package.json b/webclient/package.json
@@ -39,7 +39,7 @@
   },
   "devDependencies": {
     "@nuxt/eslint": "0.6.1",
-    "@nuxtjs/i18n": "8.5.5",
+    "@nuxtjs/i18n": "9.0.0",
     "@nuxtjs/tailwindcss": "6.12.2",
     "@types/geojson": "7946.0.14",
     "@types/nightwind": "1.0.0",