Merge branch 'main' into 171-amateur-dashboard

.github/dependabot.yml

@@ -10,9 +10,11 @@ updates:
       include: scope
     allow:
       - dependency-type: direct
+    groups:
+      patches:
+        update-types:
+        - patch
     ignore:
-      - dependency-name: '*'
-        update-types: ['version-update:semver-patch']
       # Nuxt has it's own update mechanism:
       # https://github.com/nuxt/nuxt/blob/7b35a1fe4faed49fffe3427a0db4aabae138f4ae/docs/3.api/5.commands/upgrade.md
       - dependency-name: 'nuxt'

.nvmrc

@@ -1 +1 @@
-v20
+v22

README.md

@@ -4,7 +4,7 @@ These are the sources for the B&G Data Website, including the content (md) and w
 
 ## Prerequisites
 
-- [Node.js](https://nodejs.org/) v20.x.
+- [Node.js](https://nodejs.org/) v22.x.
 
 If you use [`nvm`](https://github.com/nvm-sh/nvm) to manage different Node versions, running `nvm use` will activate the required version through `.nvmrc`.
 

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>

components/CardItem.vue

@@ -8,7 +8,7 @@
     link
     :v-ripple="{ class: rippleClass }"
     :to="
-      localePath({
+      $localePath({
         name: path,
         params: { slug: card.slug },
       })

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),

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>

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 }}

components/visual/VisualDatasetInfo.vue

@@ -49,7 +49,7 @@
         <v-btn
           color="primary"
           :to="
-            localePath({
+            $localePath({
               name: 'datasets-slug',
               params: { slug: dataset.slug },
             })

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>