Fix breaking changes for nuxtjs/i18n v9.x

https://i18n.nuxtjs.org/docs/guide/migrating#upgrading-from-nuxtjsi18n-v8x-to-v9x
beeldengeluid · Nov 26, 2024 · be35d6c · be35d6c
1 parent 0d99ade
commit be35d6c
Show file tree

Hide file tree

Showing 9 changed files with 15 additions and 11 deletions.
diff --git a/components/ArticleHeader.vue b/components/ArticleHeader.vue
@@ -9,7 +9,7 @@
       <section>
         <div class="d-flex justify-space-between align-center">
           <h3>
-            <NuxtLink class="category" :to="localePath(path)">
+            <NuxtLink class="category" :to="$localePath(path)">
               {{ $t(dataClass) }}
             </NuxtLink>
           </h3>

diff --git a/components/CardItem.vue b/components/CardItem.vue
@@ -8,7 +8,7 @@
     link
     :v-ripple="{ class: rippleClass }"
     :to="
-      localePath({
+      $localePath({
         name: path,
         params: { slug: card.slug },
       })

diff --git a/components/ChipList.vue b/components/ChipList.vue
@@ -8,7 +8,7 @@
       label
       size="large"
       link
-      :to="localePath('/' + path + '/' + chip.slug)"
+      :to="$localePath('/' + path + '/' + chip.slug)"
       :style="{
         backgroundImage: getImageOverlayCSS(
           getImageSrc(chip.image),

diff --git a/components/PrevNext.vue b/components/PrevNext.vue
@@ -3,15 +3,19 @@
     <v-col>
       <NuxtLink
         v-if="prev"
-        :to="localePath({ name: 'showcase-slug', params: { slug: prev.slug } })"
+        :to="
+          $localePath({ name: 'showcase-slug', params: { slug: prev.slug } })
+        "
       >
         {{ prev.title }}
       </NuxtLink>
     </v-col>
     <v-col>
       <NuxtLink
         v-if="next"
-        :to="localePath({ name: 'showcase-slug', params: { slug: next.slug } })"
+        :to="
+          $localePath({ name: 'showcase-slug', params: { slug: next.slug } })
+        "
       >
         {{ next.title }}
       </NuxtLink>

diff --git a/components/SectionHeading.vue b/components/SectionHeading.vue
@@ -5,7 +5,7 @@
         <h1>
           <component
             :is="actionPath ? 'NuxtLink' : 'span'"
-            :to="localePath(actionPath)"
+            :to="$localePath(actionPath)"
             class="text-decoration-none text-grey-darken-4"
           >
             {{ title }}&nbsp;<span :class="`text-${color}`">/</span>
@@ -16,7 +16,7 @@
         <slot name="actions">
           <v-btn
             v-if="actionTitle && actionPath"
-            :to="localePath(actionPath)"
+            :to="$localePath(actionPath)"
             variant="plain"
           >
             {{ actionTitle }}

diff --git a/components/visual/VisualDatasetInfo.vue b/components/visual/VisualDatasetInfo.vue
@@ -49,7 +49,7 @@
         <v-btn
           color="primary"
           :to="
-            localePath({
+            $localePath({
               name: 'datasets-slug',
               params: { slug: dataset.slug },
             })

diff --git a/components/visual/VisualMain.vue b/components/visual/VisualMain.vue
@@ -60,7 +60,7 @@
               </div>
 
               <!-- Button -->
-              <v-btn :to="localePath('datasets')" color="primary">
+              <v-btn :to="$localePath('datasets')" color="primary">
                 {{ $t('all_datasets') }}
               </v-btn>
             </div>

diff --git a/error.vue b/error.vue
@@ -2,7 +2,7 @@
   <v-app>
     <h1>{{ error.statusCode }}</h1>
     <p>{{ error.message }}</p>
-    <NuxtLink :to="localePath('/')">Home page</NuxtLink>
+    <NuxtLink :to="$localePath('/')">Home page</NuxtLink>
   </v-app>
 </template>
 

diff --git a/pages/index.vue b/pages/index.vue
@@ -68,7 +68,7 @@
                 :value="aboutPage"
                 :excerpt="true"
               />
-              <v-btn color="primary" :to="localePath('about')">
+              <v-btn color="primary" :to="$localePath('about')">
                 {{ $t('read_more') }}
               </v-btn>
             </v-col>