From 157b8d2937f034adf107d0ccadf7167bff7d7bd5 Mon Sep 17 00:00:00 2001
From: Kuchenpirat <24235032+Kuchenpirat@users.noreply.github.com>
Date: Fri, 10 Apr 2026 02:39:05 +0200
Subject: [PATCH] chore: upgrade to vuetify v4 (#7432)

---
 frontend/app/assets/main.css                  |   9 +-
 .../components/Domain/Recipe/RecipeCard.vue   |   6 +-
 .../Domain/Recipe/RecipeCardSection.vue       |  33 ++-
 .../Domain/Recipe/RecipeIngredientEditor.vue  |   2 +-
 .../Domain/Recipe/RecipeOrganizerPage.vue     |   6 +-
 .../Domain/Recipe/RecipeOrganizerSelector.vue |   6 +-
 .../Domain/Recipe/RecipePage/RecipePage.vue   |  18 +-
 .../app/components/Layout/DefaultLayout.vue   |   1 -
 .../Layout/LayoutParts/AppFooter.vue          |   2 +-
 .../components/global/BannerExperimental.vue  |   1 +
 .../app/components/global/ContextMenu.vue     |  19 +-
 .../app/components/global/LanguageDialog.vue  |   5 +-
 frontend/app/layouts/admin.vue                |   1 -
 frontend/app/pages/admin/backups.vue          |   4 +-
 frontend/app/pages/admin/site-settings.vue    |   3 +
 .../app/pages/g/[groupSlug]/r/create/html.vue |   1 +
 .../app/pages/g/[groupSlug]/r/create/url.vue  |   8 +-
 .../pages/household/mealplan/planner/edit.vue |   7 +-
 .../pages/household/mealplan/planner/view.vue |   5 +-
 frontend/app/pages/household/members.vue      |   2 +-
 frontend/app/pages/household/notifiers.vue    |  12 +-
 frontend/app/pages/user/profile/edit.vue      |   2 +-
 frontend/app/plugins/dark-mode.client.ts      |   4 +-
 frontend/package.json                         |   5 +-
 frontend/yarn.lock                            | 195 +++++++++---------
 25 files changed, 169 insertions(+), 188 deletions(-)

diff --git a/frontend/app/assets/main.css b/frontend/app/assets/main.css
index ec82ea5a3..865db4e3d 100644
--- a/frontend/app/assets/main.css
+++ b/frontend/app/assets/main.css
@@ -61,10 +61,6 @@
   max-width: 100%;
 }
 
-a {
-  color: rgb(var(--v-theme-primary));
-}
-
 .fill-height {
   min-height: 100vh;
 }
@@ -72,3 +68,8 @@ a {
 .vue-simple-handler {
   background-color: rgb(var(--v-theme-primary)) !important;
 }
+
+p {
+  margin-top: 0;
+  margin-bottom: 0;
+}
diff --git a/frontend/app/components/Domain/Recipe/RecipeCard.vue b/frontend/app/components/Domain/Recipe/RecipeCard.vue
index d37d9f119..14a8a54d2 100644
--- a/frontend/app/components/Domain/Recipe/RecipeCard.vue
+++ b/frontend/app/components/Domain/Recipe/RecipeCard.vue
@@ -36,10 +36,8 @@
             </div>
           </v-expand-transition>
         </RecipeCardImage>
-        <v-card-title class="mb-n3 px-4">
-          <div class="headerClass">
-            {{ name }}
-          </div>
+        <v-card-title class="mb-n3 px-4" style="font-size: 1.25rem;">
+          {{ name }}
         </v-card-title>
 
         <slot name="actions">
diff --git a/frontend/app/components/Domain/Recipe/RecipeCardSection.vue b/frontend/app/components/Domain/Recipe/RecipeCardSection.vue
index 5600e5853..fabbec49b 100644
--- a/frontend/app/components/Domain/Recipe/RecipeCardSection.vue
+++ b/frontend/app/components/Domain/Recipe/RecipeCardSection.vue
@@ -1,24 +1,17 @@
 <template>
   <div>
-    <v-app-bar
+    <v-row
       v-if="!disableToolbar"
-      color="transparent"
-      :absolute="false"
-      flat
-      class="mt-n1 flex-sm-wrap rounded position-relative w-100 left-0 top-0"
+      class="align-center pb-2"
     >
-      <slot name="title">
-        <v-icon
-          v-if="title"
-          size="large"
-          start
-        >
-          {{ displayTitleIcon }}
-        </v-icon>
-        <v-toolbar-title class="headline">
-          {{ title }}
-        </v-toolbar-title>
-      </slot>
+      <v-icon
+        v-if="title"
+        size="large"
+        start
+      >
+        {{ displayTitleIcon }}
+      </v-icon>
+      <span class="text-headline-small">{{ title }}</span>
       <v-spacer />
       <v-btn
         :icon="$vuetify.display.xs"
@@ -111,7 +104,7 @@
         ]"
         @toggle-dense-view="toggleMobileCards()"
       />
-    </v-app-bar>
+    </v-row>
     <div v-if="recipes && ready">
       <div class="mt-2">
         <v-row v-if="!useMobileCards">
@@ -136,7 +129,7 @@
         </v-row>
         <v-row
           v-else
-          dense
+          density="comfortable"
         >
           <v-col
             v-for="recipe in recipes"
@@ -159,7 +152,7 @@
           </v-col>
         </v-row>
       </div>
-      <v-card v-intersect="infiniteScroll" />
+      <v-card v-intersect="infiniteScroll" variant="flat" />
     </div>
     <v-fade-transition>
       <AppLoader
diff --git a/frontend/app/components/Domain/Recipe/RecipeIngredientEditor.vue b/frontend/app/components/Domain/Recipe/RecipeIngredientEditor.vue
index 22a0617fc..169212c90 100644
--- a/frontend/app/components/Domain/Recipe/RecipeIngredientEditor.vue
+++ b/frontend/app/components/Domain/Recipe/RecipeIngredientEditor.vue
@@ -13,7 +13,7 @@
     />
     <v-row
       :no-gutters="mdAndUp"
-      dense
+      density="comfortable"
       class="d-flex flex-wrap my-1"
     >
       <v-col
diff --git a/frontend/app/components/Domain/Recipe/RecipeOrganizerPage.vue b/frontend/app/components/Domain/Recipe/RecipeOrganizerPage.vue
index fdc49e013..231de0d6a 100644
--- a/frontend/app/components/Domain/Recipe/RecipeOrganizerPage.vue
+++ b/frontend/app/components/Domain/Recipe/RecipeOrganizerPage.vue
@@ -43,7 +43,7 @@
       </v-card-text>
     </BaseDialog>
 
-    <v-row dense>
+    <v-row density="comfortable">
       <v-col>
         <v-text-field
           v-model="searchString"
@@ -57,7 +57,7 @@
       </v-col>
     </v-row>
 
-    <v-app-bar
+    <v-row
       color="transparent"
       flat
       class="mt-n1 rounded align-center position-relative w-100 left-0 top-0"
@@ -76,7 +76,7 @@
         create
         @click="dialogs.organizer = true"
       />
-    </v-app-bar>
+    </v-row>
     <section
       v-for="(itms, key, idx) in itemsSorted"
       :key="'header' + idx"
diff --git a/frontend/app/components/Domain/Recipe/RecipeOrganizerSelector.vue b/frontend/app/components/Domain/Recipe/RecipeOrganizerSelector.vue
index 7ac8c709f..446351f92 100644
--- a/frontend/app/components/Domain/Recipe/RecipeOrganizerSelector.vue
+++ b/frontend/app/components/Domain/Recipe/RecipeOrganizerSelector.vue
@@ -27,12 +27,10 @@
         color="accent"
         variant="flat"
         label
-
+        :text="item.name"
         closable
         @click:close="removeByIndex(index)"
-      >
-        {{ item.value }}
-      </v-chip>
+      />
     </template>
     <template
       v-if="showAdd"
diff --git a/frontend/app/components/Domain/Recipe/RecipePage/RecipePage.vue b/frontend/app/components/Domain/Recipe/RecipePage/RecipePage.vue
index be8e20f00..e7fd9f95d 100644
--- a/frontend/app/components/Domain/Recipe/RecipePage/RecipePage.vue
+++ b/frontend/app/components/Domain/Recipe/RecipePage/RecipePage.vue
@@ -21,7 +21,7 @@
       @save="saveParsedIngredients"
     />
     <v-container v-show="!isCookMode" key="recipe-page" class="px-0" :class="{ 'pa-0': $vuetify.display.smAndDown }">
-      <v-card :flat="$vuetify.display.smAndDown" class="d-print-none">
+      <v-card flat class="d-print-none">
         <RecipePageHeader
           :recipe="recipe"
           :recipe-scale="scale"
@@ -68,17 +68,21 @@
             <!--
               The left column is conditionally rendered based on cook mode.
             -->
-            <v-col v-if="!isCookMode || isEditForm" cols="12" sm="12" md="4" lg="4">
-              <RecipePageIngredientToolsView v-if="!isEditForm" :recipe="recipe" :scale="scale" />
-              <RecipePageOrganizers v-if="$vuetify.display.mdAndUp" v-model="recipe" @item-selected="chipClicked" />
+            <v-col
+              v-if="!isCookMode || isEditForm"
+              cols="12"
+              sm="12"
+              md="4"
+              :class="$vuetify.display.mdAndUp ? 'border-e-thin' : null"
+            >
+              <RecipePageIngredientToolsView v-if="!isEditForm" :recipe="recipe" :scale="scale" class="pr-2" />
+              <RecipePageOrganizers v-if="$vuetify.display.mdAndUp" v-model="recipe" class="pr-2" @item-selected="chipClicked" />
             </v-col>
-            <v-divider v-if="$vuetify.display.mdAndUp && !isCookMode" class="my-divider" :vertical="true" />
-
             <!--
               the right column is always rendered, but it's layout width is determined by where the left column is
               rendered.
             -->
-            <v-col cols="12" sm="12" :md="8 + (isCookMode ? 1 : 0) * 4" :lg="8 + (isCookMode ? 1 : 0) * 4">
+            <v-col cols="12" sm="12" :md="8 + (isCookMode ? 1 : 0) * 4">
               <RecipePageInstructions
                 v-model="recipe.recipeInstructions"
                 v-model:assets="recipe.assets"
diff --git a/frontend/app/components/Layout/DefaultLayout.vue b/frontend/app/components/Layout/DefaultLayout.vue
index 8033bb23a..6e926bab0 100644
--- a/frontend/app/components/Layout/DefaultLayout.vue
+++ b/frontend/app/components/Layout/DefaultLayout.vue
@@ -13,7 +13,6 @@
 
     <AppSidebar
       v-model="sidebar"
-      absolute
       :top-link="topLinks"
       :secondary-links="cookbookLinks || []"
     >
diff --git a/frontend/app/components/Layout/LayoutParts/AppFooter.vue b/frontend/app/components/Layout/LayoutParts/AppFooter.vue
index e2d119f71..5fefbef0d 100644
--- a/frontend/app/components/Layout/LayoutParts/AppFooter.vue
+++ b/frontend/app/components/Layout/LayoutParts/AppFooter.vue
@@ -7,7 +7,7 @@
     <v-row
       justify="center"
       align="center"
-      dense
+      density="comfortable"
       no-gutters
     >
       <v-col
diff --git a/frontend/app/components/global/BannerExperimental.vue b/frontend/app/components/global/BannerExperimental.vue
index 24875b232..71df5d58c 100644
--- a/frontend/app/components/global/BannerExperimental.vue
+++ b/frontend/app/components/global/BannerExperimental.vue
@@ -10,6 +10,7 @@
       <a
         :href="issue"
         target="_blank"
+        color="primary"
       >{{ $t("banner-experimental.issue-link-text") }}</a>
     </template>
   </BannerWarning>
diff --git a/frontend/app/components/global/ContextMenu.vue b/frontend/app/components/global/ContextMenu.vue
index 9ea31f5d9..986fe8bea 100644
--- a/frontend/app/components/global/ContextMenu.vue
+++ b/frontend/app/components/global/ContextMenu.vue
@@ -12,16 +12,13 @@
   >
     <template #activator="{ props }">
       <v-btn
-        :class="{ 'rounded-circle': fab }"
-        :small="fab"
-        :color="color"
-        :icon="!fab"
+        size="small"
+        :icon="$globals.icons.dotsVertical"
+        variant="text"
         dark
         v-bind="props"
         @click.prevent
-      >
-        <v-icon>{{ $globals.icons.dotsVertical }}</v-icon>
-      </v-btn>
+      />
     </template>
     <v-list density="compact">
       <v-list-item
@@ -52,13 +49,5 @@ defineProps({
     type: Boolean,
     default: true,
   },
-  fab: {
-    type: Boolean,
-    default: false,
-  },
-  color: {
-    type: String,
-    default: "grey-darken-2",
-  },
 });
 </script>
diff --git a/frontend/app/components/global/LanguageDialog.vue b/frontend/app/components/global/LanguageDialog.vue
index 08a9a7d71..a85c7aed2 100644
--- a/frontend/app/components/global/LanguageDialog.vue
+++ b/frontend/app/components/global/LanguageDialog.vue
@@ -22,9 +22,9 @@
             v-bind="props"
             class="px-2 py-2"
           >
-            <v-list-item-title> {{ item.raw.name }} </v-list-item-title>
+            <v-list-item-title> {{ item.name }} </v-list-item-title>
             <v-list-item-subtitle>
-              {{ item.raw.progress }}% {{ $t("language-dialog.translated") }}
+              {{ item.progress }}% {{ $t("language-dialog.translated") }}
             </v-list-item-subtitle>
           </div>
         </template>
@@ -34,6 +34,7 @@
           <a
             href="https://docs.mealie.io/contributors/translating/"
             target="_blank"
+            class="text-primary"
           >
             {{ $t("language-dialog.read-the-docs") }}
           </a>
diff --git a/frontend/app/layouts/admin.vue b/frontend/app/layouts/admin.vue
index 9ef66dfb0..35a8b2c48 100644
--- a/frontend/app/layouts/admin.vue
+++ b/frontend/app/layouts/admin.vue
@@ -13,7 +13,6 @@
 
     <AppSidebar
       v-model="sidebar"
-      absolute
       :top-link="topLinks"
       :user="{ data: true }"
       :secondary-header="$t('sidebar.developer')"
diff --git a/frontend/app/pages/admin/backups.vue b/frontend/app/pages/admin/backups.vue
index 061d133dd..0dce63213 100644
--- a/frontend/app/pages/admin/backups.vue
+++ b/frontend/app/pages/admin/backups.vue
@@ -33,7 +33,7 @@
           <p class="mt-3">
             <i18n-t keypath="settings.backup.postgresql-note">
               <template #backup-restore-process>
-                <a href="https://nightly.mealie.io/documentation/getting-started/usage/backups-and-restoring/">{{
+                <a class="text-primary" href="https://nightly.mealie.io/documentation/getting-started/usage/backups-and-restoring/">{{
                   $t('settings.backup.backup-restore-process-in-the-documentation') }}</a>
               </template>
             </i18n-t>
@@ -146,7 +146,7 @@
       </section>
     </section>
     <v-container class="mt-4 d-flex justify-center text-center">
-      <nuxt-link :to="`/group/migrations`"> {{ $t('recipe.looking-for-migrations') }} </nuxt-link>
+      <nuxt-link class="text-primary" :to="`/group/migrations`"> {{ $t('recipe.looking-for-migrations') }} </nuxt-link>
     </v-container>
   </v-container>
 </template>
diff --git a/frontend/app/pages/admin/site-settings.vue b/frontend/app/pages/admin/site-settings.vue
index 715ec5409..791e6838e 100644
--- a/frontend/app/pages/admin/site-settings.vue
+++ b/frontend/app/pages/admin/site-settings.vue
@@ -177,6 +177,7 @@
               <template v-if="property.slot === 'recipe-scraper'">
                 <v-list-item-subtitle>
                   <a
+                    class="text-primary"
                     target="_blank"
                     :href="`https://github.com/hhursev/recipe-scrapers/releases/tag/${property.value}`"
                   >
@@ -187,6 +188,7 @@
               <template v-else-if="property.slot === 'build'">
                 <v-list-item-subtitle>
                   <a
+                    class="text-primary"
                     target="_blank"
                     :href="`https://github.com/mealie-recipes/mealie/commit/${property.value}`"
                   >
@@ -197,6 +199,7 @@
               <template v-else-if="property.slot === 'version' && property.value !== 'develop' && property.value !== 'nightly'">
                 <v-list-item-subtitle>
                   <a
+                    class="text-primary"
                     target="_blank"
                     :href="`https://github.com/mealie-recipes/mealie/releases/tag/${property.value}`"
                   >
diff --git a/frontend/app/pages/g/[groupSlug]/r/create/html.vue b/frontend/app/pages/g/[groupSlug]/r/create/html.vue
index fdb73d9f5..d3d5bc429 100644
--- a/frontend/app/pages/g/[groupSlug]/r/create/html.vue
+++ b/frontend/app/pages/g/[groupSlug]/r/create/html.vue
@@ -16,6 +16,7 @@
           <a
             href="https://schema.org/Recipe"
             target="_blank"
+            class="text-primary"
           >https://schema.org/Recipe</a>
         </p>
         <v-switch
diff --git a/frontend/app/pages/g/[groupSlug]/r/create/url.vue b/frontend/app/pages/g/[groupSlug]/r/create/url.vue
index d1fad100c..10eceb924 100644
--- a/frontend/app/pages/g/[groupSlug]/r/create/url.vue
+++ b/frontend/app/pages/g/[groupSlug]/r/create/url.vue
@@ -18,11 +18,11 @@
           <v-card-text class="px-0">
             <p>
               {{ $t('recipe.scrape-recipe-have-a-lot-of-recipes') }}
-              <router-link :to="bulkImporterTarget">{{ $t('recipe.scrape-recipe-suggest-bulk-importer') }}</router-link>.
+              <router-link :to="bulkImporterTarget" class="text-primary">{{ $t('recipe.scrape-recipe-suggest-bulk-importer') }}</router-link>.
             </p>
             <p>
               {{ $t('recipe.scrape-recipe-have-raw-html-or-json-data') }}
-              <router-link :to="htmlOrJsonImporterTarget">{{ $t('recipe.scrape-recipe-you-can-import-from-raw-data-directly') }}</router-link>.
+              <router-link :to="htmlOrJsonImporterTarget" class="text-primary">{{ $t('recipe.scrape-recipe-you-can-import-from-raw-data-directly') }}</router-link>.
             </p>
           </v-card-text>
           <v-text-field
@@ -113,7 +113,7 @@
         </div>
         <div class="d-flex row justify-space-around my-3 force-url-white">
           <a
-            class="dark"
+            class="dark text-primary"
             href="https://developers.google.com/search/docs/data-types/recipe"
             target="_blank"
             rel="noreferrer nofollow"
@@ -121,6 +121,7 @@
             {{ $t("new-recipe.google-ld-json-info") }}
           </a>
           <a
+            class="text-primary"
             href="https://github.com/mealie-recipes/mealie/issues"
             target="_blank"
             rel="noreferrer nofollow"
@@ -128,6 +129,7 @@
             {{ $t("new-recipe.github-issues") }}
           </a>
           <a
+            class="text-primary"
             href="https://schema.org/Recipe"
             target="_blank"
             rel="noreferrer nofollow"
diff --git a/frontend/app/pages/household/mealplan/planner/edit.vue b/frontend/app/pages/household/mealplan/planner/edit.vue
index 95370f86e..b8fbe19b1 100644
--- a/frontend/app/pages/household/mealplan/planner/edit.vue
+++ b/frontend/app/pages/household/mealplan/planner/edit.vue
@@ -71,9 +71,10 @@
         :key="index"
         cols="12"
         sm="12"
-        md="3"
-        lg="3"
-        xl="2"
+        md="6"
+        lg="4"
+        xl="3"
+        xxl="2"
         class="col-borders my-1 d-flex flex-column"
       >
         <v-card class="mb-2 border-left-primary rounded-sm pa-2">
diff --git a/frontend/app/pages/household/mealplan/planner/view.vue b/frontend/app/pages/household/mealplan/planner/view.vue
index b037da480..5fa97fe0e 100644
--- a/frontend/app/pages/household/mealplan/planner/view.vue
+++ b/frontend/app/pages/household/mealplan/planner/view.vue
@@ -6,9 +6,10 @@
         :key="index"
         cols="12"
         sm="12"
-        md="4"
+        md="6"
         lg="4"
-        xl="2"
+        xl="3"
+        xxl="2"
         class="col-borders my-1 d-flex flex-column"
       >
         <v-card class="mb-2 border-left-primary rounded-sm px-2">
diff --git a/frontend/app/pages/household/members.vue b/frontend/app/pages/household/members.vue
index 5182e4344..ff78a9cfc 100644
--- a/frontend/app/pages/household/members.vue
+++ b/frontend/app/pages/household/members.vue
@@ -22,7 +22,7 @@
       </i18n-t>
       <v-container class="mt-1 px-0">
         <nuxt-link
-          class="text-center"
+          class="text-center text-primary"
           :to="`/user/profile/edit`"
         > {{ $t('group.looking-to-update-your-profile') }}
         </nuxt-link>
diff --git a/frontend/app/pages/household/notifiers.vue b/frontend/app/pages/household/notifiers.vue
index aa9f1b8a9..72fb0e36a 100644
--- a/frontend/app/pages/household/notifiers.vue
+++ b/frontend/app/pages/household/notifiers.vue
@@ -49,34 +49,34 @@
         <a
           href="https://github.com/caronc/apprise/wiki"
           target="_blanks"
-          class="mx-2"
+          class="mx-2 text-primary"
         > Apprise </a>
         <a
           href="https://github.com/caronc/apprise/wiki/Notify_gotify"
           target="_blanks"
-          class="mx-2"
+          class="mx-2 text-primary"
         > Gotify </a>
         <a
           href="https://github.com/caronc/apprise/wiki/Notify_discord"
           target="_blanks"
-          class="mx-2"
+          class="mx-2 text-primary"
         > Discord </a>
         <a
           href="https://github.com/caronc/apprise/wiki/Notify_homeassistant"
           target="_blanks"
-          class="mx-2"
+          class="mx-2 text-primary"
         > Home
           Assistant
         </a>
         <a
           href="https://github.com/caronc/apprise/wiki/Notify_matrix"
           target="_blanks"
-          class="mx-2"
+          class="mx-2 text-primary"
         > Matrix </a>
         <a
           href="https://github.com/caronc/apprise/wiki/Notify_pushover"
           target="_blanks"
-          class="mx-2"
+          class="mx-2 text-primary"
         > Pushover </a>
       </div>
     </BasePageTitle>
diff --git a/frontend/app/pages/user/profile/edit.vue b/frontend/app/pages/user/profile/edit.vue
index f7bc75cba..bcd5c6a6b 100644
--- a/frontend/app/pages/user/profile/edit.vue
+++ b/frontend/app/pages/user/profile/edit.vue
@@ -192,7 +192,7 @@
         </v-card-text>
       </v-card>
       <nuxt-link
-        class="mt-5 d-flex flex-column justify-center text-center"
+        class="mt-5 d-flex flex-column justify-center text-center text-primary"
         :to="`/group`"
       > {{
         $t('profile.looking-for-privacy-settings') }} </nuxt-link>
diff --git a/frontend/app/plugins/dark-mode.client.ts b/frontend/app/plugins/dark-mode.client.ts
index 42be4772f..9819a73b8 100644
--- a/frontend/app/plugins/dark-mode.client.ts
+++ b/frontend/app/plugins/dark-mode.client.ts
@@ -6,12 +6,12 @@ export default defineNuxtPlugin((nuxtApp) => {
       console.log(`changing theme to ${v ? "dark" : "light"} using @vueuse/useDark`);
       const $vuetify = nuxtApp.vueApp.$nuxt.$vuetify;
       if ($vuetify)
-        $vuetify.theme.global.name.value = v ? "dark" : "light";
+        $vuetify.theme.toggle();
     },
   });
 
   nuxtApp.hook("vuetify:ready", (vuetify) => {
-    vuetify.theme.global.name.value = isDark.value ? "dark" : "light";
+    vuetify.theme.change(isDark.value ? "dark" : "light");
   });
 
   return {
diff --git a/frontend/package.json b/frontend/package.json
index cf5f37d9c..cb6671f8f 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -33,12 +33,13 @@
     "sse.js": "^2.8.0",
     "vue-advanced-cropper": "^2.8.9",
     "vue-draggable-plus": "^0.6.0",
-    "vuetify": "^3.9.7",
-    "vuetify-nuxt-module": "^0.18.9"
+    "vuetify": "^4.0.5",
+    "vuetify-nuxt-module": "^0.19.5"
   },
   "devDependencies": {
     "@nuxt/eslint": "^1.2.0",
     "@stylistic/eslint-plugin": "^5.4.0",
+    "@types/node": "^25.5.2",
     "@types/sortablejs": "^1.15.8",
     "eslint": "^9.22.0",
     "eslint-config-prettier": "^10.0.2",
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index a195d4928..d7d540c22 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -10,10 +10,10 @@
     package-manager-detector "^1.3.0"
     tinyexec "^1.0.1"
 
-"@antfu/utils@^0.7.10":
-  version "0.7.10"
-  resolved "https://registry.yarnpkg.com/@antfu/utils/-/utils-0.7.10.tgz#ae829f170158e297a9b6a28f161a8e487d00814d"
-  integrity sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==
+"@antfu/utils@^8.1.0":
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/@antfu/utils/-/utils-8.1.1.tgz#95b1947d292a9a2efffba2081796dcaa05ecedfb"
+  integrity sha512-Mex9nXf9vR6AhcXmMrlz/HVgYYZpVGJ6YlPgwl7UnaFpnshXs6EK/oa5Gpf3CzENMjkvEx2tQtntGnb7UtSTOQ==
 
 "@apideck/better-ajv-errors@^0.3.1":
   version "0.3.6"
@@ -2044,7 +2044,7 @@
     unplugin "^2.3.3"
     unstorage "^1.16.0"
 
-"@nuxt/kit@4.4.2", "@nuxt/kit@^4.2.2", "@nuxt/kit@^4.4.2":
+"@nuxt/kit@4.4.2", "@nuxt/kit@^3.15.4 || ^4.0.0", "@nuxt/kit@^4.2.2", "@nuxt/kit@^4.4.2":
   version "4.4.2"
   resolved "https://registry.yarnpkg.com/@nuxt/kit/-/kit-4.4.2.tgz#272e5a80b4879d6612ab0bee86159e4ad6171e72"
   integrity sha512-5+IPRNX2CjkBhuWUwz0hBuLqiaJPRoKzQ+SvcdrQDbAyE+VDeFt74VpSFr5/R0ujrK4b+XnSHUJWdS72w6hsog==
@@ -2070,33 +2070,6 @@
     unctx "^2.5.0"
     untyped "^2.0.0"
 
-"@nuxt/kit@^3.12.4", "@nuxt/kit@^3.19.2":
-  version "3.20.0"
-  resolved "https://registry.yarnpkg.com/@nuxt/kit/-/kit-3.20.0.tgz#80e1e4621d0f0e09f32e405c2e98a2adeb6ea33b"
-  integrity sha512-EoF1Gf0SPj9vxgAIcGEH+a4PRLC7Dwsy21K6f5+POzylT8DgssN8zL5pwXC+X7OcfzBrwYFh7mM7phvh7ubgeg==
-  dependencies:
-    c12 "^3.3.0"
-    consola "^3.4.2"
-    defu "^6.1.4"
-    destr "^2.0.5"
-    errx "^0.1.0"
-    exsolve "^1.0.7"
-    ignore "^7.0.5"
-    jiti "^2.6.1"
-    klona "^2.0.6"
-    knitwork "^1.2.0"
-    mlly "^1.8.0"
-    ohash "^2.0.11"
-    pathe "^2.0.3"
-    pkg-types "^2.3.0"
-    rc9 "^2.1.2"
-    scule "^1.3.0"
-    semver "^7.7.3"
-    tinyglobby "^0.2.15"
-    ufo "^1.6.1"
-    unctx "^2.4.1"
-    untyped "^2.0.0"
-
 "@nuxt/kit@^3.17.2", "@nuxt/kit@^3.17.3":
   version "3.19.2"
   resolved "https://registry.yarnpkg.com/@nuxt/kit/-/kit-3.19.2.tgz#e49bd5e6672fdf21289f24603151e42a77b97e51"
@@ -2126,6 +2099,33 @@
     unimport "^5.2.0"
     untyped "^2.0.0"
 
+"@nuxt/kit@^3.19.2":
+  version "3.20.0"
+  resolved "https://registry.yarnpkg.com/@nuxt/kit/-/kit-3.20.0.tgz#80e1e4621d0f0e09f32e405c2e98a2adeb6ea33b"
+  integrity sha512-EoF1Gf0SPj9vxgAIcGEH+a4PRLC7Dwsy21K6f5+POzylT8DgssN8zL5pwXC+X7OcfzBrwYFh7mM7phvh7ubgeg==
+  dependencies:
+    c12 "^3.3.0"
+    consola "^3.4.2"
+    defu "^6.1.4"
+    destr "^2.0.5"
+    errx "^0.1.0"
+    exsolve "^1.0.7"
+    ignore "^7.0.5"
+    jiti "^2.6.1"
+    klona "^2.0.6"
+    knitwork "^1.2.0"
+    mlly "^1.8.0"
+    ohash "^2.0.11"
+    pathe "^2.0.3"
+    pkg-types "^2.3.0"
+    rc9 "^2.1.2"
+    scule "^1.3.0"
+    semver "^7.7.3"
+    tinyglobby "^0.2.15"
+    ufo "^1.6.1"
+    unctx "^2.4.1"
+    untyped "^2.0.0"
+
 "@nuxt/kit@^3.9.0":
   version "3.20.2"
   resolved "https://registry.yarnpkg.com/@nuxt/kit/-/kit-3.20.2.tgz#6af1b227f15ee9518337b1306829872d17a6e341"
@@ -3307,6 +3307,13 @@
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
   integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
 
+"@types/node@^25.5.2":
+  version "25.5.2"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-25.5.2.tgz#94861e32f9ffd8de10b52bbec403465c84fff762"
+  integrity sha512-tO4ZIRKNC+MDWV4qKVZe3Ql/woTnmHDr5JD8UI5hn2pwBrHEwOEMZK7WlNb5RKB6EoJ02gwmQS9OrjuFnZYdpg==
+  dependencies:
+    undici-types "~7.18.0"
+
 "@types/resolve@1.20.2":
   version "1.20.2"
   resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.20.2.tgz#97d26e00cd4a0423b4af620abecf3e6f442b7975"
@@ -3886,10 +3893,10 @@
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.32.tgz#dd8ba0d709bf3f758c324a81c8897bad5e1540cf"
   integrity sha512-ksNyrmRQzWJJ8n3cRDuSF7zNNontuJg1YHnmWRJd2AMu8Ij2bqwiiri2lH5rHtYPZjj4STkNcgcmiQqlOjiYGg==
 
-"@vuetify/loader-shared@^2.1.1":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@vuetify/loader-shared/-/loader-shared-2.1.1.tgz#bc3bbf845f910f1b2e0317be9293f42dfc94006d"
-  integrity sha512-jSZTzTYaoiv8iwonFCVZQ0YYX/M+Uyl4ng+C4egMJT0Hcmh9gIxJL89qfZICDeo3g0IhqrvipW2FFKKRDMtVcA==
+"@vuetify/loader-shared@^2.1.2":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/@vuetify/loader-shared/-/loader-shared-2.1.2.tgz#faf27cb8c40ba5a45b930b9a2785e35525e9c96f"
+  integrity sha512-X+1jBLmXHkpQEnC0vyOb4rtX2QSkBiFhaFXz8yhQqN2A4vQ6k2nChxN4Ol7VAY5KoqMdFoRMnmNdp/1qYXDQig==
   dependencies:
     upath "^2.0.1"
 
@@ -4350,7 +4357,7 @@ bundle-name@^4.1.0:
   dependencies:
     run-applescript "^7.0.0"
 
-bundle-require@^5.0.0, bundle-require@^5.1.0:
+bundle-require@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/bundle-require/-/bundle-require-5.1.0.tgz#8db66f41950da3d77af1ef3322f4c3e04009faee"
   integrity sha512-3WrrOuZiyaaZPWiEt4G3+IffISVC9HYlWueJEBWED4ZH4aIAC2PnkdnuRrR94M+w6yGWn4AglWtJtBI8YqvgoA==
@@ -5351,7 +5358,7 @@ es-to-primitive@^1.3.0:
     is-date-object "^1.0.5"
     is-symbol "^1.0.4"
 
-esbuild@>=0.25.0, "esbuild@^0.20.2 || ^0.21.0 || ^0.22.0 || ^0.23.0", esbuild@^0.25.1, esbuild@^0.25.4, esbuild@^0.25.9, esbuild@^0.27.0, esbuild@^0.27.5, esbuild@~0.25.0:
+esbuild@>=0.25.0, "esbuild@^0.20.2 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0", esbuild@^0.25.1, esbuild@^0.25.4, esbuild@^0.25.9, esbuild@^0.27.0, esbuild@^0.27.5, esbuild@~0.27.0:
   version "0.25.12"
   resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.25.12.tgz#97a1d041f4ab00c2fce2f838d2b9969a2d2a97a5"
   integrity sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==
@@ -6411,18 +6418,17 @@ import-fresh@^3.2.1:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
 
-importx@^0.4.3:
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/importx/-/importx-0.4.4.tgz#c0b4d6d8ca9df6dffe3d4552c155fee838419fca"
-  integrity sha512-Lo1pukzAREqrBnnHC+tj+lreMTAvyxtkKsMxLY8H15M/bvLl54p3YuoTI70Tz7Il0AsgSlD7Lrk/FaApRcBL7w==
+importx@^0.5.1:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/importx/-/importx-0.5.2.tgz#db5f142d10e1c2a10f4ae14d69d1e6a8bf2c86f8"
+  integrity sha512-YEwlK86Ml5WiTxN/ECUYC5U7jd1CisAVw7ya4i9ZppBoHfFkT2+hChhr3PE2fYxUKLkNyivxEQpa5Ruil1LJBQ==
   dependencies:
-    bundle-require "^5.0.0"
-    debug "^4.3.6"
-    esbuild "^0.20.2 || ^0.21.0 || ^0.22.0 || ^0.23.0"
-    jiti "2.0.0-beta.3"
-    jiti-v1 "npm:jiti@^1.21.6"
-    pathe "^1.1.2"
-    tsx "^4.19.0"
+    bundle-require "^5.1.0"
+    debug "^4.4.0"
+    esbuild "^0.20.2 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0"
+    jiti "^2.4.2"
+    pathe "^2.0.3"
+    tsx "^4.19.2"
 
 impound@^1.1.5:
   version "1.1.5"
@@ -6811,16 +6817,6 @@ jake@^10.8.5:
     filelist "^1.0.4"
     picocolors "^1.1.1"
 
-"jiti-v1@npm:jiti@^1.21.6":
-  version "1.21.7"
-  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.7.tgz#9dd81043424a3d28458b193d965f0d18a2300ba9"
-  integrity sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==
-
-jiti@2.0.0-beta.3:
-  version "2.0.0-beta.3"
-  resolved "https://registry.yarnpkg.com/jiti/-/jiti-2.0.0-beta.3.tgz#8b97dcb268a7409c3fbda9242453486564a11c36"
-  integrity sha512-pmfRbVRs/7khFrSAYnSiJ8C0D5GvzkE4Ey2pAvUcJsw1ly/p+7ut27jbJrjY79BpAJQJ4gXYFtK6d1Aub+9baQ==
-
 jiti@^2.1.2, jiti@^2.4.2, jiti@^2.5.1, jiti@^2.6.1:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/jiti/-/jiti-2.6.1.tgz#178ef2fc9a1a594248c20627cd820187a4d78d92"
@@ -7124,14 +7120,6 @@ load-tsconfig@^0.2.3:
   resolved "https://registry.yarnpkg.com/load-tsconfig/-/load-tsconfig-0.2.5.tgz#453b8cd8961bfb912dea77eb6c168fe8cca3d3a1"
   integrity sha512-IXO6OCs9yg8tMKzfPZ1YmheJbZCiEsnBdcB03l0OcfK9prKnJb96siuHCr5Fl37/yo9DnKU+TLpxzTUspw9shg==
 
-local-pkg@^0.5.0:
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/local-pkg/-/local-pkg-0.5.1.tgz#69658638d2a95287534d4c2fff757980100dbb6d"
-  integrity sha512-9rrA30MRRP3gBD3HTGnC6cDFpaE1kVDWxWgqWJUN0RvDNAo+Nz/9GxB+nHOH0ifbVFy0hSA1V6vFDvnx54lTEQ==
-  dependencies:
-    mlly "^1.7.3"
-    pkg-types "^1.2.1"
-
 local-pkg@^1.0.0, local-pkg@^1.1.1, local-pkg@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/local-pkg/-/local-pkg-1.1.2.tgz#c03d208787126445303f8161619dc701afa4abb5"
@@ -7434,7 +7422,7 @@ minizlib@^3.1.0:
   dependencies:
     minipass "^7.1.2"
 
-mlly@^1.2.0, mlly@^1.7.1, mlly@^1.7.2, mlly@^1.7.3, mlly@^1.7.4, mlly@^1.8.0:
+mlly@^1.2.0, mlly@^1.7.1, mlly@^1.7.2, mlly@^1.7.4, mlly@^1.8.0:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/mlly/-/mlly-1.8.0.tgz#e074612b938af8eba1eaf43299cbc89cb72d824e"
   integrity sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==
@@ -8124,7 +8112,7 @@ pidtree@^0.6.0:
   resolved "https://registry.yarnpkg.com/pidtree/-/pidtree-0.6.0.tgz#90ad7b6d42d5841e69e0a2419ef38f8883aa057c"
   integrity sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==
 
-pkg-types@^1.2.1, pkg-types@^1.3.1:
+pkg-types@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.3.1.tgz#bd7cc70881192777eef5326c19deb46e890917df"
   integrity sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==
@@ -9738,12 +9726,12 @@ tslib@^2.1.0, tslib@^2.4.0, tslib@^2.6.2, tslib@^2.8.0:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
   integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
 
-tsx@^4.19.0:
-  version "4.20.6"
-  resolved "https://registry.yarnpkg.com/tsx/-/tsx-4.20.6.tgz#8fb803fd9c1f70e8ccc93b5d7c5e03c3979ccb2e"
-  integrity sha512-ytQKuwgmrrkDTFP4LjR0ToE2nqgy886GpvRSpU0JAnrdBYppuY5rLkRUYPU1yCryb24SsKBTL/hlDQAEFVwtZg==
+tsx@^4.19.2:
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/tsx/-/tsx-4.21.0.tgz#32aa6cf17481e336f756195e6fe04dae3e6308b1"
+  integrity sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==
   dependencies:
-    esbuild "~0.25.0"
+    esbuild "~0.27.0"
     get-tsconfig "^4.7.5"
   optionalDependencies:
     fsevents "~2.3.3"
@@ -9852,14 +9840,14 @@ unbox-primitive@^1.1.0:
     has-symbols "^1.1.0"
     which-boxed-primitive "^1.1.1"
 
-unconfig@^0.5.5:
-  version "0.5.5"
-  resolved "https://registry.yarnpkg.com/unconfig/-/unconfig-0.5.5.tgz#5026af9c50211fc7f2c866953674b17f6b49f09a"
-  integrity sha512-VQZ5PT9HDX+qag0XdgQi8tJepPhXiR/yVOkn707gJDKo31lGjRilPREiQJ9Z6zd/Ugpv6ZvO5VxVIcatldYcNQ==
+unconfig@^0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/unconfig/-/unconfig-0.6.1.tgz#ae5a1b46e6e50426da8060d46879511f5874515b"
+  integrity sha512-cVU+/sPloZqOyJEAfNwnQSFCzFrZm85vcVkryH7lnlB/PiTycUkAjt5Ds79cfIshGOZ+M5v3PBDnKgpmlE5DtA==
   dependencies:
-    "@antfu/utils" "^0.7.10"
+    "@antfu/utils" "^8.1.0"
     defu "^6.1.4"
-    importx "^0.4.3"
+    importx "^0.5.1"
 
 uncrypto@^0.1.3:
   version "0.1.3"
@@ -9876,6 +9864,11 @@ unctx@^2.4.1, unctx@^2.5.0:
     magic-string "^0.30.21"
     unplugin "^2.3.11"
 
+undici-types@~7.18.0:
+  version "7.18.2"
+  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-7.18.2.tgz#29357a89e7b7ca4aef3bf0fd3fd0cd73884229e9"
+  integrity sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==
+
 unenv@2.0.0-rc.24, unenv@^2.0.0-rc.24:
   version "2.0.0-rc.24"
   resolved "https://registry.yarnpkg.com/unenv/-/unenv-2.0.0-rc.24.tgz#dd0035c3e93fedfa12c8454e34b7f17fe83efa2e"
@@ -10357,12 +10350,12 @@ vite-plugin-vue-tracer@^1.3.0:
     pathe "^2.0.3"
     source-map-js "^1.2.1"
 
-vite-plugin-vuetify@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/vite-plugin-vuetify/-/vite-plugin-vuetify-2.1.2.tgz#8e28dcb5b20f4635d350010547654cf2b4dad373"
-  integrity sha512-I/wd6QS+DO6lHmuGoi1UTyvvBTQ2KDzQZ9oowJQEJ6OcjWfJnscYXx2ptm6S7fJSASuZT8jGRBL3LV4oS3LpaA==
+vite-plugin-vuetify@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/vite-plugin-vuetify/-/vite-plugin-vuetify-2.1.3.tgz#9968d1e85429f93fc2dc06da8c4a5e7651986964"
+  integrity sha512-Q4SC/4TqbNvaZIFb9YsfBqkGlYHbJJJ6uU3CnRBZqLUF3s5eCMVZAaV4GkTbehIH/bhSj42lMXztOwc71u6rVw==
   dependencies:
-    "@vuetify/loader-shared" "^2.1.1"
+    "@vuetify/loader-shared" "^2.1.2"
     debug "^4.3.3"
     upath "^2.0.1"
 
@@ -10533,32 +10526,28 @@ vue@^3.5.30:
     "@vue/server-renderer" "3.5.32"
     "@vue/shared" "3.5.32"
 
-vuetify-nuxt-module@^0.18.9:
-  version "0.18.9"
-  resolved "https://registry.yarnpkg.com/vuetify-nuxt-module/-/vuetify-nuxt-module-0.18.9.tgz#154b8f8e689da4fac3bcb2372ef0e745b8e0b536"
-  integrity sha512-jr+Hujsw5U465LKJD1/SQgqJIXuJNbXM0HOp9vPmtPFPlGFwZ4kb1YfUPNmuCEDaSIY6rkb7+W+FEJvt9PQELQ==
+vuetify-nuxt-module@^0.19.5:
+  version "0.19.5"
+  resolved "https://registry.yarnpkg.com/vuetify-nuxt-module/-/vuetify-nuxt-module-0.19.5.tgz#196240bd7a62a07272d78102ec4b12367688adae"
+  integrity sha512-B4SgLFqNlxaF/PZacxy+Wdy09G33E/aZXAPjNbFIblT7JOs07+VuNPrGUQuAzKwiGmU30xgkm5PL9opNpVcXTg==
   dependencies:
-    "@nuxt/kit" "^3.12.4"
+    "@nuxt/kit" "^3.15.4 || ^4.0.0"
     defu "^6.1.4"
     destr "^2.0.3"
-    local-pkg "^0.5.0"
+    local-pkg "^1.1.2"
     pathe "^1.1.2"
     perfect-debounce "^1.0.0"
+    semver "^7.7.3"
     ufo "^1.5.4"
-    unconfig "^0.5.5"
+    unconfig "^0.6.1"
     upath "^2.0.1"
-    vite-plugin-vuetify "^2.1.2"
-    vuetify "^3.7.0"
+    vite-plugin-vuetify "^2.1.3"
+    vuetify "^3.7.0 || ^4.0.0-0"
 
-vuetify@^3.7.0:
-  version "3.10.8"
-  resolved "https://registry.yarnpkg.com/vuetify/-/vuetify-3.10.8.tgz#2c65e0cd0924981953e4c7f3779a94207035306b"
-  integrity sha512-TV1bx8mUjOPbhmEsamm38/CBcVe5DHYepOZGE6aQJ2uxvg96B4k+QHgIJcD5uKVfKmxKkJRtHdEXyq6JP9wBtg==
-
-vuetify@^3.9.7:
-  version "3.10.3"
-  resolved "https://registry.yarnpkg.com/vuetify/-/vuetify-3.10.3.tgz#f04e507bb5efee6b52f11b2fd60a20dced1a8831"
-  integrity sha512-psc7oZfjz3LwH96ZRzSm4iGcOKKoeoVZIyO5Q5xO4vcUfWYxobL7TvMQv53jv1PnNvaMIXWeVIrQmiyce5dpTg==
+"vuetify@^3.7.0 || ^4.0.0-0", vuetify@^4.0.5:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/vuetify/-/vuetify-4.0.5.tgz#bcaf674d2d5c9ebb6cf0517b733bbb4922e94cb3"
+  integrity sha512-pFysKOHuY3dROTVh9PdlhVz50ZR0E5/goY5ecTXc8F8tajUA2ee3xZ8Lqs1WtEw/X3w93wx/LogyjgaQCAL/Ig==
 
 w3c-keyname@^2.2.4:
   version "2.2.8"