From b2ba49df23437f79ad530da25d53cd719097ba67 Mon Sep 17 00:00:00 2001
From: mnenie <121057011+mneniee@users.noreply.github.com>
Date: Sat, 20 Jul 2024 18:41:42 +0300
Subject: [PATCH 1/4] feat: add i18n, localization: layout

---
 .husky/pre-commit                             |   2 -
 package.json                                  |   4 +-
 src/app/index.ts                              |   3 +
 src/app/providers/router/index.ts             |   6 +-
 src/features/filter/ui/SearchFilter.vue       |   8 +-
 src/features/plan/ui/PlanCard.vue             |   4 +-
 .../lang-switcher/ui/LanguageSwitcher.vue     |  41 +-
 src/shared/lib/i18n/index.ts                  |  33 +
 src/shared/lib/i18n/locales/en-US.ts          |  17 +
 src/shared/lib/i18n/locales/ru-RU.ts          |  17 +
 src/shared/ui/select/UiSelect.vue             |  12 +-
 src/shared/ui/select/types.ts                 |   5 +-
 src/widgets/layout/config/links.ts            |   8 +-
 src/widgets/layout/ui/header/HeaderMain.vue   |  24 +-
 src/widgets/layout/ui/sidebar/Sidebar.vue     |   6 +-
 src/widgets/layout/ui/sidebar/WorkSpace.vue   |  19 +-
 yarn.lock                                     | 812 ++++++++++--------
 17 files changed, 601 insertions(+), 420 deletions(-)
 create mode 100644 src/shared/lib/i18n/index.ts
 create mode 100644 src/shared/lib/i18n/locales/en-US.ts
 create mode 100644 src/shared/lib/i18n/locales/ru-RU.ts

diff --git a/.husky/pre-commit b/.husky/pre-commit
index 5a182ef..35b91f0 100644
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1,4 +1,2 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
 
 yarn lint-staged
diff --git a/package.json b/package.json
index 10e9bad..7e5370e 100644
--- a/package.json
+++ b/package.json
@@ -28,15 +28,17 @@
     "@unhead/vue": "^1.9.14",
     "@vee-validate/zod": "^4.13.1",
     "@vueuse/core": "^10.11.0",
-    "@vueuse/integrations": "^10.11.0",
+    "@vueuse/integrations": "^10.10.0",
     "axios": "^1.7.2",
     "chart.js": "^4.4.3",
     "floating-vue": "^5.2.2",
     "lucide-vue-next": "^0.396.0",
     "pinia": "^2.1.7",
     "splitpanes": "^3.1.5",
+    "universal-cookie": "^6.1.3",
     "vee-validate": "^4.13.1",
     "vue": "^3.4.29",
+    "vue-i18n": "9",
     "vue-router": "^4.3.3",
     "vue-sonner": "^1.1.3",
     "zod": "^3.23.8"
diff --git a/src/app/index.ts b/src/app/index.ts
index 070d625..e2c4070 100644
--- a/src/app/index.ts
+++ b/src/app/index.ts
@@ -2,6 +2,8 @@ import { createApp } from 'vue';
 import { router, pinia } from './providers';
 import { createHead } from '@unhead/vue';
 import App from './App.vue';
+import i18n from '@/shared/lib/i18n';
+
 import './styles/primary/index.scss';
 import 'floating-vue/dist/style.css';
 
@@ -14,6 +16,7 @@ const head = createHead();
 
 app.use(pinia);
 app.use(router);
+app.use(i18n);
 app.use(head);
 app.use(autoAnimatePlugin);
 app.directive('tooltip', vTooltip);
diff --git a/src/app/providers/router/index.ts b/src/app/providers/router/index.ts
index ea9c0ff..de98924 100644
--- a/src/app/providers/router/index.ts
+++ b/src/app/providers/router/index.ts
@@ -81,7 +81,7 @@ export const router = createRouter({
 router.beforeEach((to, from) => {
   // TODO(@mnenie): Add guards logic
   // Needs to add guard auth logic in router
-  if (to.meta.requiresAuth === true) {
-    return router.push({ name: RouteNames.login });
-  }
+  // if (to.meta.requiresAuth === true) {
+  //   return router.push({ name: RouteNames.login });
+  // }
 });
diff --git a/src/features/filter/ui/SearchFilter.vue b/src/features/filter/ui/SearchFilter.vue
index 3702d9b..1031895 100644
--- a/src/features/filter/ui/SearchFilter.vue
+++ b/src/features/filter/ui/SearchFilter.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
+import { computed, ref } from 'vue';
+import { useDark } from '@vueuse/core';
+import { useI18n } from 'vue-i18n';
 import { UiInput, UiBadge } from '@/shared/ui';
 import { Search } from 'lucide-vue-next';
-import { computed, ref } from 'vue';
 import useFilter from '../lib/composables/useFilter';
-import { useDark } from '@vueuse/core';
 
 const props = defineProps<{
   isExpanded: boolean;
@@ -26,6 +27,7 @@ const iconColor = computed(() => {
 });
 
 const { onToggleArea } = useFilter(inputRef, props, emit);
+const { t } = useI18n();
 </script>
 
 <template>
@@ -40,7 +42,7 @@ const { onToggleArea } = useFilter(inputRef, props, emit);
       id="input"
       ref="inputRef"
       v-model.trim="search"
-      :placeholder="'Search'"
+      :placeholder="t('sidebar.input')"
       :class="$style.input_filter"
     />
     <UiBadge v-show="isExpanded" variant="secondary" :class="$style.badge">
diff --git a/src/features/plan/ui/PlanCard.vue b/src/features/plan/ui/PlanCard.vue
index 37176b0..7b60db5 100644
--- a/src/features/plan/ui/PlanCard.vue
+++ b/src/features/plan/ui/PlanCard.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import { useDark } from '@vueuse/core';
+import { useI18n } from 'vue-i18n';
 import { UiProgressBar } from '@/shared/ui';
 import { WandSparkles, DollarSign } from 'lucide-vue-next';
 
@@ -9,6 +10,7 @@ const props = defineProps<{
 }>();
 
 const isDark = useDark();
+const { t } = useI18n();
 
 const planPosition = computed(() => {
   return props.isExpanded ? 'flex-start' : 'center';
@@ -26,7 +28,7 @@ const iconColor = computed(() => {
       <WandSparkles :class="$style.icon" :color="iconColor" />
       <div :class="$style.plan_about">
         <div :class="$style.text">
-          <span class="text-xs">Upgrade your plan</span>
+          <span class="text-xs">{{ t('sidebar.plan') }}</span>
           <span class="text-xs">6/10</span>
         </div>
         <UiProgressBar :progress="6" />
diff --git a/src/features/settings/lang-switcher/ui/LanguageSwitcher.vue b/src/features/settings/lang-switcher/ui/LanguageSwitcher.vue
index a6a010e..5f9e522 100644
--- a/src/features/settings/lang-switcher/ui/LanguageSwitcher.vue
+++ b/src/features/settings/lang-switcher/ui/LanguageSwitcher.vue
@@ -1,13 +1,44 @@
 <script setup lang="ts">
 import { UiSelect } from '@/shared/ui';
-import { ref, shallowReactive } from 'vue';
+import { ref, shallowReactive, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useCookies } from '@vueuse/integrations/useCookies';
+import type { Options } from '@/shared/ui/select/types';
 
-// after -> locales instead
-const options = shallowReactive(['English', 'Русский', '简体中文']);
+const { locale } = useI18n();
 
-const selectLang = ref('English');
+const options = shallowReactive<Options[]>([
+  { name: 'English', value: 'en-US' },
+  { name: 'Русский', value: 'ru-RU' },
+  { name: '简体中文', value: 'zn-CN' }
+]);
+
+const cookies = useCookies();
+
+const language = ref('');
+
+// TODO: think to way of computed property intead
+watch(
+  () => locale.value,
+  () => {
+    const selectedOptionByValue = options.find((option) => option.value === locale.value);
+    selectedOptionByValue ? (language.value = selectedOptionByValue.name) : '';
+
+    watch(
+      () => language.value,
+      (name) => {
+        const selectedOptionByName = options.find((option) => option.name === name);
+        if (selectedOptionByName) {
+          locale.value = selectedOptionByName.value;
+          cookies.set('i18n', selectedOptionByName.value);
+        }
+      }
+    );
+  },
+  { immediate: true }
+);
 </script>
 
 <template>
-  <UiSelect v-model="selectLang" :options />
+  <UiSelect v-model="language" :options />
 </template>
diff --git a/src/shared/lib/i18n/index.ts b/src/shared/lib/i18n/index.ts
new file mode 100644
index 0000000..c324a60
--- /dev/null
+++ b/src/shared/lib/i18n/index.ts
@@ -0,0 +1,33 @@
+import { createI18n } from 'vue-i18n';
+import { useCookies } from '@vueuse/integrations/useCookies';
+import enLocale from './locales/en-US';
+import ruLocale from './locales/ru-RU';
+
+type MessageSchema = typeof enLocale;
+
+const messages = {
+  'en-US': {
+    ...enLocale
+  },
+  'ru-RU': {
+    ...ruLocale
+  }
+};
+const cookies = useCookies();
+
+const getCurrentLocale = () => {
+  const cookieLanguage = cookies.get('i18n');
+  if (cookieLanguage) {
+    return cookieLanguage;
+  }
+
+  return 'en-US';
+};
+
+const i18n = createI18n<[MessageSchema], 'en-US' | 'ru-RU'>({
+  legacy: false,
+  locale: getCurrentLocale(),
+  messages: messages
+});
+
+export default i18n;
diff --git a/src/shared/lib/i18n/locales/en-US.ts b/src/shared/lib/i18n/locales/en-US.ts
new file mode 100644
index 0000000..05f56ec
--- /dev/null
+++ b/src/shared/lib/i18n/locales/en-US.ts
@@ -0,0 +1,17 @@
+export default {
+  sidebar: {
+    badge: 'free',
+    input: 'Search',
+    section: 'workspace',
+    boards: 'Boards',
+    templates: 'Templates',
+    members: 'Members',
+    settings: 'Settings',
+    plan: 'Upgrade your plan'
+  },
+  header: {
+    upgrade: 'Upgrade "Pro"',
+    collaboration: 'Invite members',
+    name: 'Test Workspace'
+  }
+};
diff --git a/src/shared/lib/i18n/locales/ru-RU.ts b/src/shared/lib/i18n/locales/ru-RU.ts
new file mode 100644
index 0000000..e669aac
--- /dev/null
+++ b/src/shared/lib/i18n/locales/ru-RU.ts
@@ -0,0 +1,17 @@
+export default {
+  sidebar: {
+    badge: 'бесплатно',
+    input: 'Поиск',
+    section: 'рабочее пространство',
+    boards: 'Доски',
+    templates: 'Шаблоны',
+    members: 'Участники',
+    settings: 'Настройки',
+    plan: 'Обновите свой план'
+  },
+  header: {
+    upgrade: 'Обновите до "Pro"',
+    collaboration: 'Пригласить участников',
+    name: 'Тестовое рабочее пространство'
+  }
+};
diff --git a/src/shared/ui/select/UiSelect.vue b/src/shared/ui/select/UiSelect.vue
index f3fcafc..1785298 100644
--- a/src/shared/ui/select/UiSelect.vue
+++ b/src/shared/ui/select/UiSelect.vue
@@ -7,7 +7,7 @@ import { Check, ChevronsUpDown } from 'lucide-vue-next';
 const props = withDefaults(
   defineProps<{
     modelValue?: null | string;
-    options: Options;
+    options: Options[];
   }>(),
   {
     modelValue: null
@@ -39,17 +39,17 @@ const selected = ref(props.modelValue);
         <div
           v-for="(option, i) of options"
           :key="i"
-          :class="[$style.item, { [$style.active]: option === selected }]"
+          :class="[$style.item, { [$style.active]: option.name === selected }]"
           @click="
-            selected = option;
+            selected = option.name;
             open = false;
-            emit('update:modelValue', option);
+            emit('update:modelValue', option.name);
           "
         >
           <div :class="$style.icon">
-            <Check v-if="option === selected" :size="14"  />
+            <Check v-if="option.name === selected" :size="14"  />
           </div>
-          <span class="text-sm">{{ option }}</span>
+          <span class="text-sm">{{ option.name }}</span>
         </div>
       </div>
     </Transition>
diff --git a/src/shared/ui/select/types.ts b/src/shared/ui/select/types.ts
index c1b0574..8967f17 100644
--- a/src/shared/ui/select/types.ts
+++ b/src/shared/ui/select/types.ts
@@ -1 +1,4 @@
-export type Options = Array<string>;
+export type Options = {
+  name: string;
+  value: string;
+};
diff --git a/src/widgets/layout/config/links.ts b/src/widgets/layout/config/links.ts
index 0809bf5..137cdcb 100644
--- a/src/widgets/layout/config/links.ts
+++ b/src/widgets/layout/config/links.ts
@@ -4,8 +4,8 @@ import { RouteNames } from '@/shared/config/consts';
 import { SquareDashedKanban, Settings, Users, BringToFront } from 'lucide-vue-next';
 
 export const links = ref<Link[]>([
-  { id: 0, title: 'Boards', pathName: RouteNames.boards, icon: h(SquareDashedKanban) },
-  { id: 1, title: 'Templates', pathName: RouteNames.templates, icon: h(BringToFront) },
-  { id: 2, title: 'Members', pathName: RouteNames.members, icon: h(Users) },
-  { id: 3, title: 'Settings', pathName: RouteNames.settings, icon: h(Settings) }
+  { id: 0, title: 'boards', pathName: RouteNames.boards, icon: h(SquareDashedKanban) },
+  { id: 1, title: 'templates', pathName: RouteNames.templates, icon: h(BringToFront) },
+  { id: 2, title: 'members', pathName: RouteNames.members, icon: h(Users) },
+  { id: 3, title: 'settings', pathName: RouteNames.settings, icon: h(Settings) }
 ]);
diff --git a/src/widgets/layout/ui/header/HeaderMain.vue b/src/widgets/layout/ui/header/HeaderMain.vue
index 14043ca..40b7fff 100644
--- a/src/widgets/layout/ui/header/HeaderMain.vue
+++ b/src/widgets/layout/ui/header/HeaderMain.vue
@@ -1,7 +1,21 @@
 <script setup lang="ts">
+import { useI18n } from 'vue-i18n';
 import { UserAvatar } from '@/entities/user';
 import { UiButton } from '@/shared/ui';
 import { Link } from 'lucide-vue-next';
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
+import { RouteNames } from '@/shared/config/consts';
+
+const { t } = useI18n();
+const route = useRoute();
+
+const path = computed(() => {
+  if (route.name!.toString().startsWith(RouteNames.members)) {
+    return t('sidebar.members');
+  }
+  return t('sidebar.' + route.name?.toString());
+});
 </script>
 
 <template>
@@ -9,19 +23,19 @@ import { Link } from 'lucide-vue-next';
     <div :class="$style.about">
       <div :class="$style.workspace_part">
         <div :class="$style.box">
-          <span>T</span>
+          <span>{{ t('header.name').slice(0, 1) }}</span>
         </div>
         <div :class="$style.name">
-          <p class="text-base" style="font-weight: 500; line-height: 22px">Test Workspace</p>
-          <span class="text-xs">Boards</span>
+          <p class="text-base" style="font-weight: 500; line-height: 22px">{{ t('header.name') }}</p>
+          <span class="text-xs">{{ path }}</span>
         </div>
       </div>
     </div>
     <div :class="$style.user_section">
-      <UiButton :class="$style.upgrade"> Upgrade "Pro" </UiButton>
+      <UiButton :class="$style.upgrade"> {{ t('header.upgrade') }} </UiButton>
       <UiButton :variant="'secondary'">
         <Link :size="18" style="margin-right: 8px" />
-        <span>Invite members</span>
+        <span>{{ t('header.collaboration') }}</span>
       </UiButton>
       <UserAvatar>
         <img src="https://avatars.githubusercontent.com/u/121057011?v=4" style="width: 100%" />
diff --git a/src/widgets/layout/ui/sidebar/Sidebar.vue b/src/widgets/layout/ui/sidebar/Sidebar.vue
index 43f86f6..ce37efc 100644
--- a/src/widgets/layout/ui/sidebar/Sidebar.vue
+++ b/src/widgets/layout/ui/sidebar/Sidebar.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import { useDark } from '@vueuse/core';
+import { useI18n } from 'vue-i18n';
 import { UiBadge } from '@/shared/ui';
 import { links } from '../../config/links';
 import WorkSpace from './WorkSpace.vue';
@@ -25,6 +26,7 @@ const paddingExpanded = computed(() => {
 });
 
 const isDark = useDark();
+const { t } = useI18n();
 
 const iconUrl = computed(() => {
   return isDark.value ? '/icons/kanban-dark.png' : '/icons/kanban.png';
@@ -37,7 +39,7 @@ const iconUrl = computed(() => {
       <div :class="$style.text">
         <img :src="iconUrl" :style="{ marginTop: isExpanded ? '0px' : '3px' }" />
         <h3 v-show="isExpanded" class="heading-4">Jenda</h3>
-        <UiBadge v-show="isExpanded">free</UiBadge>
+        <UiBadge v-show="isExpanded">{{ t('sidebar.badge') }}</UiBadge>
       </div>
       <div v-if="!isExpanded" :class="$style.arrow_expanded">
         <ChevronRight :size="14" @click="emit('onToggle')" />
@@ -135,7 +137,7 @@ const iconUrl = computed(() => {
     border-color: var(--dark-border);
   }
 
-  .arrow_expanded{
+  .arrow_expanded {
     background-color: rgba(var(--zinc-rgb-600), 0.8);
     color: var(--zinc-200);
   }
diff --git a/src/widgets/layout/ui/sidebar/WorkSpace.vue b/src/widgets/layout/ui/sidebar/WorkSpace.vue
index 330b65b..155b799 100644
--- a/src/widgets/layout/ui/sidebar/WorkSpace.vue
+++ b/src/widgets/layout/ui/sidebar/WorkSpace.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
-import { UiButton } from '@/shared/ui';
-import type { Link } from '../../types';
 import { computed } from 'vue';
 import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
 import { useDark } from '@vueuse/core';
 import { RouteNames } from '@/shared/config/consts';
+import { UiButton } from '@/shared/ui';
+import type { Link } from '../../types';
 
 const props = defineProps<{
   links: Link[];
@@ -14,12 +15,10 @@ const props = defineProps<{
 const route = useRoute();
 const isDark = useDark();
 
+const { t } = useI18n();
+
 const isCurrentPath = (link: Link) => {
-  if (
-    route.name === RouteNames.members ||
-    route.name === RouteNames.members + '.guests' ||
-    route.name === RouteNames.members + '.all'
-  ) {
+  if (route.name?.toString().startsWith(RouteNames.members)) {
     return link.pathName === RouteNames.members;
   }
   return link.pathName === route.name;
@@ -45,13 +44,13 @@ const iconColor = computed(() => {
 </script>
 
 <template>
-  <p v-show="isExpanded" :class="[$style.name_block, 'text-sm']">workspace</p>
+  <p v-show="isExpanded" :class="[$style.name_block, 'text-sm']">{{ t('sidebar.section') }}</p>
   <div :class="$style.sidebar_main_links">
     <RouterLink
       v-for="link in pathName"
       :key="link.id"
       v-tooltip.right="{
-        content: link.title,
+        content: t(`sidebar.${link.title}`),
         triggers: ['hover'],
         disabled: isExpanded
       }"
@@ -64,7 +63,7 @@ const iconColor = computed(() => {
         :style="{ padding: !isExpanded ? '0px' : '' }"
       >
         <component :is="link.icon" :size="18" :color="iconColor" />
-        <span v-show="isExpanded" class="text-sm">{{ link.title }}</span>
+        <span v-show="isExpanded" class="text-sm">{{ t(`sidebar.${link.title}`) }}</span>
       </UiButton>
     </RouterLink>
   </div>
diff --git a/yarn.lock b/yarn.lock
index 1e8251b..2a7bc41 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -15,7 +15,7 @@
     "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.24"
 
-"@antfu/utils@^0.7.7":
+"@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==
@@ -29,37 +29,37 @@
     picocolors "^1.0.0"
 
 "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.24.8":
-  version "7.24.8"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.8.tgz#f9196455334c38d059ac8b1a16a51decda9d30d3"
-  integrity sha512-c4IM7OTg6k1Q+AJ153e2mc2QVTezTwnb4VzquwcyiEzGnW0Kedv4do/TrkU98qPeC5LNiMt/QXwIjzYXLBpyZg==
+  version "7.24.9"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.9.tgz#53eee4e68f1c1d0282aa0eb05ddb02d033fc43a0"
+  integrity sha512-e701mcfApCJqMMueQI0Fb68Amflj83+dvAvHawoBpAz+GDjCIyGHzNwnefjsWJ3xiYAqqiQFoWbspGYBdb2/ng==
 
 "@babel/core@^7.23.0", "@babel/core@^7.24.4":
-  version "7.24.8"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.8.tgz#c24f83985214f599cee5fc26d393d9ab320342f4"
-  integrity sha512-6AWcmZC/MZCO0yKys4uhg5NlxL0ESF3K6IAaoQ+xSXvPyPyxNWRafP+GDbI88Oh68O7QkJgmEtedWPM9U0pZNg==
+  version "7.24.9"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.9.tgz#dc07c9d307162c97fa9484ea997ade65841c7c82"
+  integrity sha512-5e3FI4Q3M3Pbr21+5xJwCv6ZT6KmGkI0vw3Tozy5ODAQFTIWe37iT8Cr7Ice2Ntb+M3iSKCEWMB1MBgKrW3whg==
   dependencies:
     "@ampproject/remapping" "^2.2.0"
     "@babel/code-frame" "^7.24.7"
-    "@babel/generator" "^7.24.8"
+    "@babel/generator" "^7.24.9"
     "@babel/helper-compilation-targets" "^7.24.8"
-    "@babel/helper-module-transforms" "^7.24.8"
+    "@babel/helper-module-transforms" "^7.24.9"
     "@babel/helpers" "^7.24.8"
     "@babel/parser" "^7.24.8"
     "@babel/template" "^7.24.7"
     "@babel/traverse" "^7.24.8"
-    "@babel/types" "^7.24.8"
+    "@babel/types" "^7.24.9"
     convert-source-map "^2.0.0"
     debug "^4.1.0"
     gensync "^1.0.0-beta.2"
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/generator@^7.24.8":
-  version "7.24.8"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.8.tgz#1802d6ac4d77a9199c75ae3eb6a08336e5d1d39a"
-  integrity sha512-47DG+6F5SzOi0uEvK4wMShmn5yY0mVjVJoWTphdY2B4Rx9wHgjK7Yhtr0ru6nE+sn0v38mzrWOlah0p/YlHHOQ==
+"@babel/generator@^7.24.8", "@babel/generator@^7.24.9":
+  version "7.24.10"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.10.tgz#a4ab681ec2a78bbb9ba22a3941195e28a81d8e76"
+  integrity sha512-o9HBZL1G2129luEUlG1hB4N/nlYNWHnpwlND9eOMclRqqu1YDy2sSYVCFUZwl8I1Gxh+QSRrP2vD7EpUmFVXxg==
   dependencies:
-    "@babel/types" "^7.24.8"
+    "@babel/types" "^7.24.9"
     "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.25"
     jsesc "^2.5.1"
@@ -170,10 +170,10 @@
   dependencies:
     "@babel/types" "^7.22.15"
 
-"@babel/helper-module-transforms@^7.24.7", "@babel/helper-module-transforms@^7.24.8":
-  version "7.24.8"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.24.8.tgz#b1f2df4f96f3465b0d035b697ec86cb51ff348fe"
-  integrity sha512-m4vWKVqvkVAWLXfHCCfff2luJj86U+J0/x+0N3ArG/tP0Fq7zky2dYwMbtPmkc/oulkkbjdL3uWzuoBwQ8R00Q==
+"@babel/helper-module-transforms@^7.24.7", "@babel/helper-module-transforms@^7.24.8", "@babel/helper-module-transforms@^7.24.9":
+  version "7.24.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.24.9.tgz#e13d26306b89eea569180868e652e7f514de9d29"
+  integrity sha512-oYbh+rtFKj/HwBQkFlUzvcybzklmVdVV3UU+mN7n2t/q3yGHbuVdNxyFvSBO1tfvjyArpHNcWMAzsSPdyI46hw==
   dependencies:
     "@babel/helper-environment-visitor" "^7.24.7"
     "@babel/helper-module-imports" "^7.24.7"
@@ -1052,10 +1052,10 @@
     debug "^4.3.1"
     globals "^11.1.0"
 
-"@babel/types@^7.22.15", "@babel/types@^7.23.9", "@babel/types@^7.24.0", "@babel/types@^7.24.7", "@babel/types@^7.24.8", "@babel/types@^7.4.4", "@babel/types@^7.6.1", "@babel/types@^7.9.6":
-  version "7.24.8"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.8.tgz#d51ffa9043b17d36622efa44e861a49e69e130a8"
-  integrity sha512-SkSBEHwwJRU52QEVZBmMBnE5Ux2/6WU1grdYyOhpbCNxbmJrDuDCphBzKZSO3taf0zztp+qkWlymE5tVL5l0TA==
+"@babel/types@^7.22.15", "@babel/types@^7.23.9", "@babel/types@^7.24.0", "@babel/types@^7.24.7", "@babel/types@^7.24.8", "@babel/types@^7.24.9", "@babel/types@^7.4.4", "@babel/types@^7.6.1", "@babel/types@^7.9.6":
+  version "7.24.9"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.9.tgz#228ce953d7b0d16646e755acf204f4cf3d08cc73"
+  integrity sha512-xm8XrMKz0IlUdocVbYJe0Z9xEgidU7msskG8BbhnTPK/HZ2z/7FP7ykqPgrUH+C+r414mNfNWam1f2vqOjqjYQ==
   dependencies:
     "@babel/helper-string-parser" "^7.24.8"
     "@babel/helper-validator-identifier" "^7.24.7"
@@ -1276,6 +1276,27 @@
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz#4a2868d75d6d6963e423bcf90b7fd1be343409d3"
   integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==
 
+"@intlify/core-base@9.13.1":
+  version "9.13.1"
+  resolved "https://registry.yarnpkg.com/@intlify/core-base/-/core-base-9.13.1.tgz#bd1f38e665095993ef9b67aeeb794f3cabcb515d"
+  integrity sha512-+bcQRkJO9pcX8d0gel9ZNfrzU22sZFSA0WVhfXrf5jdJOS24a+Bp8pozuS9sBI9Hk/tGz83pgKfmqcn/Ci7/8w==
+  dependencies:
+    "@intlify/message-compiler" "9.13.1"
+    "@intlify/shared" "9.13.1"
+
+"@intlify/message-compiler@9.13.1":
+  version "9.13.1"
+  resolved "https://registry.yarnpkg.com/@intlify/message-compiler/-/message-compiler-9.13.1.tgz#ff8129badf77db3fb648b8d3cceee87c8033ed0a"
+  integrity sha512-SKsVa4ajYGBVm7sHMXd5qX70O2XXjm55zdZB3VeMFCvQyvLew/dLvq3MqnaIsTMF1VkkOb9Ttr6tHcMlyPDL9w==
+  dependencies:
+    "@intlify/shared" "9.13.1"
+    source-map-js "^1.0.2"
+
+"@intlify/shared@9.13.1":
+  version "9.13.1"
+  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-9.13.1.tgz#202741d11ece1a9c7480bfd3f27afcf9cb8f72e4"
+  integrity sha512-u3b6BKGhE6j/JeRU6C/RL2FgyJfy6LakbtfeVF8fJXURpZZTzfh3e05J0bu0XPw447Q6/WUp3C4ajv4TMS4YsQ==
+
 "@isaacs/cliui@^8.0.2":
   version "8.0.2"
   resolved "https://registry.yarnpkg.com/@isaacs/cliui/-/cliui-8.0.2.tgz#b37667b7bc181c168782259bab42474fbf52b550"
@@ -1491,10 +1512,10 @@
   resolved "https://registry.yarnpkg.com/@sindresorhus/merge-streams/-/merge-streams-2.3.0.tgz#719df7fb41766bc143369eaa0dd56d8dc87c9958"
   integrity sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==
 
-"@storybook/addon-actions@8.2.2":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-8.2.2.tgz#689438421a68bf41dd023ac2ac65d62c439f5943"
-  integrity sha512-SN4cSRt3f0qXi5te+yhMseSdQuZntA8lGlASbRmN77YQTpIaGsNiH88xFoky0s9qz531hiRfU1R0ZSMylBwSKw==
+"@storybook/addon-actions@8.2.5":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-8.2.5.tgz#19f689b2520effa3f161fb23b0442c33d370c0d0"
+  integrity sha512-8kevyvbvEdo0qn+hL/ub/RVsCGlWvCgL6ZAsZm50aWl1GXPpXj3nggKnyJwgAGUQzDC0CDPlNpSOP4ri3NY8tw==
   dependencies:
     "@storybook/global" "^5.0.0"
     "@types/uuid" "^9.0.1"
@@ -1502,35 +1523,35 @@
     polished "^4.2.2"
     uuid "^9.0.0"
 
-"@storybook/addon-backgrounds@8.2.2":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-8.2.2.tgz#4b6508ebf14f6809a5806e7287b9bddf4166ba39"
-  integrity sha512-m/xJe7uKL+kfJx7pQcHwAeIvJ3tdLIpDGrMAVDNDJHcAxfe44cFjIInaV/1HKf3y5Awap+DZFW66ekkxuI9zzA==
+"@storybook/addon-backgrounds@8.2.5":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-8.2.5.tgz#b5490d9ec61da7f71fe1243ae7528566fb5f6abc"
+  integrity sha512-FZowGG+58qWHePjE6tGTTjT+m4/ZTI1uZD7GA++phdi5m8V/LGwJl8zBNZqUha/ygJ0i3Yvnj4tclWDSa8wtnQ==
   dependencies:
     "@storybook/global" "^5.0.0"
     memoizerific "^1.11.3"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-controls@8.2.2":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-8.2.2.tgz#bd201d780d5d6148784074e4f42ef15d348d32f9"
-  integrity sha512-y241aOANGzT5XBADUIvALwG/xF5eC6UItzmWJaFvOzSBCq74GIA0+Hu9atyFdvFQbXOrdvPWC4jR+9iuBFRxAA==
+"@storybook/addon-controls@8.2.5":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-8.2.5.tgz#a39568b5a93d0bebd93055d95574e11c1d24d460"
+  integrity sha512-8IoeEmiOyg5aTIyW4gdUUV/xJZk8y5bACkNhDTIepyfTZLoVNsVXS1tjqrG4EXQR6dNY4XV9dDIUIRI11/K6tQ==
   dependencies:
     dequal "^2.0.2"
     lodash "^4.17.21"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-docs@8.2.2":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-8.2.2.tgz#729c45062fc01d6eb051b4f24c90cbbfdb740056"
-  integrity sha512-qk/yjAR9RpsSrKLLbeCgb6u58c8TmYqyJSnXgbAozZZNKHBWlIpvZ/hTNYud8qo0coPlxnLdjnZf32TykWGlAg==
+"@storybook/addon-docs@8.2.5":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-8.2.5.tgz#41e72c980dde7827619faf563730e4c5fce1a4ca"
+  integrity sha512-fJ2Aam6rQO5BVRIDrA4gVxxnVmMCkk4wC6RDi8oSTOcjM0FRl3ktv+6gPbNWq/+b8dqU23Y4wSyM4UUAIP0PAA==
   dependencies:
     "@babel/core" "^7.24.4"
     "@mdx-js/react" "^3.0.0"
-    "@storybook/blocks" "8.2.2"
-    "@storybook/csf-plugin" "8.2.2"
+    "@storybook/blocks" "8.2.5"
+    "@storybook/csf-plugin" "8.2.5"
     "@storybook/global" "^5.0.0"
-    "@storybook/react-dom-shim" "8.2.2"
+    "@storybook/react-dom-shim" "8.2.5"
     "@types/react" "^16.8.0 || ^17.0.0 || ^18.0.0"
     fs-extra "^11.1.0"
     react "^16.8.0 || ^17.0.0 || ^18.0.0"
@@ -1540,80 +1561,80 @@
     ts-dedent "^2.0.0"
 
 "@storybook/addon-essentials@^8.1.10":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-8.2.2.tgz#4bf0d59c63a9d34d6b904d634e41281f41d4217f"
-  integrity sha512-yN//BFMbSvNV0+Sll2hcKmgJX06TUKQDm6pZimUjkXczFtOmK7K/UdDmKjWS+qjhfJdWpxdRoEpxoHvvRmNfsA==
-  dependencies:
-    "@storybook/addon-actions" "8.2.2"
-    "@storybook/addon-backgrounds" "8.2.2"
-    "@storybook/addon-controls" "8.2.2"
-    "@storybook/addon-docs" "8.2.2"
-    "@storybook/addon-highlight" "8.2.2"
-    "@storybook/addon-measure" "8.2.2"
-    "@storybook/addon-outline" "8.2.2"
-    "@storybook/addon-toolbars" "8.2.2"
-    "@storybook/addon-viewport" "8.2.2"
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-8.2.5.tgz#2d5099581417afeeda1457fbd8bc9c523ed0cd46"
+  integrity sha512-SmA4QOiI9/d9bycagStm1gtlt2iR1EpWXJnhct4oqcj5nxmp+jviyhv1Pb+Rm/zKNE5qcaI4AcRDRVTJRUwESw==
+  dependencies:
+    "@storybook/addon-actions" "8.2.5"
+    "@storybook/addon-backgrounds" "8.2.5"
+    "@storybook/addon-controls" "8.2.5"
+    "@storybook/addon-docs" "8.2.5"
+    "@storybook/addon-highlight" "8.2.5"
+    "@storybook/addon-measure" "8.2.5"
+    "@storybook/addon-outline" "8.2.5"
+    "@storybook/addon-toolbars" "8.2.5"
+    "@storybook/addon-viewport" "8.2.5"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-highlight@8.2.2":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-highlight/-/addon-highlight-8.2.2.tgz#43fe77e26d32d7cb0cbe082a28df7fc7aaf977bc"
-  integrity sha512-yDTRzzL+IJAymgY32xoZl09BGBVmPOUV2wVNGYcZkkBLvz2GSQMTfUe1/7F4jAx//+rFBu48/MQzsTC7Bk8kPw==
+"@storybook/addon-highlight@8.2.5":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-highlight/-/addon-highlight-8.2.5.tgz#a934623cf101e5c9b09e45f3959e3ae87dc88dea"
+  integrity sha512-fgzmilW3jGD68xYiR8sRjOB+joETc6/2+Fmj4S85BNnKy2ViXc1D+LHIw1id5/oT9MNN1i62D517EXRZkPakGw==
   dependencies:
     "@storybook/global" "^5.0.0"
 
 "@storybook/addon-interactions@^8.1.10":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-interactions/-/addon-interactions-8.2.2.tgz#e9edcc3cbbb84fbeab71fcbfe0107cc443e02379"
-  integrity sha512-zRRuUwm/l41JtTUgjIoQTUgLT99Hsdz9cqKca/8NYo1MGBdEcKE41DH4aBIzKaOKFu7p9q00/o/X1EqYX4LMUA==
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-interactions/-/addon-interactions-8.2.5.tgz#509dd41729b27f87854ff7224ef61f3423dcd527"
+  integrity sha512-YVdpU/VRrRvX3BUiYxno6jDttbbQxngOkgcY8u+LLXbo3LfFLeXwpUmJXvGOrIU1wDHsZ4FAPBS/beFntcFhBw==
   dependencies:
     "@storybook/global" "^5.0.0"
-    "@storybook/instrumenter" "8.2.2"
-    "@storybook/test" "8.2.2"
+    "@storybook/instrumenter" "8.2.5"
+    "@storybook/test" "8.2.5"
     polished "^4.2.2"
     ts-dedent "^2.2.0"
 
 "@storybook/addon-links@^8.1.10":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-8.2.2.tgz#b2d64ac9c8623d209a7ccf2e1db9f690484948a6"
-  integrity sha512-eGh7O7SgTJMtnuXC0HlRPOegu1njcJS2cnVqjbzjvjxsPSBhbHpdYMi9Q9E7al/FKuqMUOjIR9YLIlmK1AJaqA==
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-8.2.5.tgz#647883573ad15f7ad59b83a4551031d186bf6571"
+  integrity sha512-jcD1/KXSqEE/QkQtBx3beD7UQJ3NQLEqYjCiF6UzsdFzcbfgAlfL5fKv8Lh/g8VynPcQzpfhMnSkj445EmF9hQ==
   dependencies:
     "@storybook/csf" "0.1.11"
     "@storybook/global" "^5.0.0"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-measure@8.2.2":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-8.2.2.tgz#15284db17ff851820bf67f611950c54979c1829e"
-  integrity sha512-3rCo/aMltt5FrBVdr2dYlD8HlE2q9TLKGJZnwh9on4QyL6ArHbdYw0LmyHe/LrFahJ49w1XQZBMSJcAdRkkS7w==
+"@storybook/addon-measure@8.2.5":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-8.2.5.tgz#d31d606c2d5b33cbe726399379272dcf622cd4e2"
+  integrity sha512-rC/kukXM+3Sd1U5Wboozs82p3rLaHBRCmQfk3bFhWyGKvbYWEWmSr7w0DLH8/X7pi1u8IMSqeRll7tDJrEXeaw==
   dependencies:
     "@storybook/global" "^5.0.0"
     tiny-invariant "^1.3.1"
 
-"@storybook/addon-outline@8.2.2":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-outline/-/addon-outline-8.2.2.tgz#ccb547892f1a94776f97b956ed887411cdff69e5"
-  integrity sha512-Y+PQtfTNO8GLX5nz+3x5AMfHNvdGvBXazJ29+Rl1ygYN1+Q9ZhRJDE1kAK0wLxb7CG14peAgdYEaQb3Rduv7HQ==
+"@storybook/addon-outline@8.2.5":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-outline/-/addon-outline-8.2.5.tgz#d58ffc69cb910963b9f256e2205d635041400d23"
+  integrity sha512-YRS60tyZH79FfH9NEOndGVG/AmlXdYMd3nT2XfMBPZ+uTay/hcUzp6/wVsL+ucyVXi0avHbyNjY+iFP6m/MhRw==
   dependencies:
     "@storybook/global" "^5.0.0"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-toolbars@8.2.2":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-8.2.2.tgz#a81d12e5f840723b99c3a1d0ffa18e6e798a03b5"
-  integrity sha512-JGOueOc3EPljlCl9dVSQee0aMYoqGNvN0UH+R6wYJ3bDZ+tUG/iYpsZVPUOvS8vzp3Imk5Is1kzQbQYJtzdGLg==
+"@storybook/addon-toolbars@8.2.5":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-8.2.5.tgz#a2c6cb465f9b8cde4be29b5725eb93d0afeb8107"
+  integrity sha512-XqjJxpXjTKurL81QF+Xa69J/8TSstXvLWVqeX+132C0//Yq3VeUir87hvI2qw/qbQT9sGeRX72vqKhoxS+kvIQ==
 
-"@storybook/addon-viewport@8.2.2":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-8.2.2.tgz#023604e28a803f1023e5c3844a033e9a4cf41012"
-  integrity sha512-gkZ8bsjGGP0NuevkT2iKC+szezSy+w4BrBDknf490mRU2K/B2e7TGojf/j/AtxzILMzD4IKzKUXbE/zwcqjZvA==
+"@storybook/addon-viewport@8.2.5":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-8.2.5.tgz#b9e7e45e52274020d3a842845a006a856fe6f3c1"
+  integrity sha512-QH2A+rzoMf8dcREOUpAsx1vvP7w3MQ8HbZCawk7KdkW/KS0L8zhkHfsNL9cfLcgCJA0wtOmRPD25ZVGoxUAHSA==
   dependencies:
     memoizerific "^1.11.3"
 
-"@storybook/blocks@8.2.2", "@storybook/blocks@^8.1.10":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/blocks/-/blocks-8.2.2.tgz#873dc8810a48563a8f8806d7939d1dfff9725191"
-  integrity sha512-av0Tryg4toDl2L/d1ABErtsAk9wvM1su6+M4wq5/Go50sk5IjGTldhbZFa9zNOohxLkZwaj0Q5xAgJ1Y+m5KrQ==
+"@storybook/blocks@8.2.5", "@storybook/blocks@^8.1.10":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/blocks/-/blocks-8.2.5.tgz#e072ffeb691285e0e7e7a5993532649ddaa8fd75"
+  integrity sha512-SJXo9NxgdXEeFA4OgfMaffjOxFBrMFIq/27F6/Z+JEs6lHZhayaBsofFcVbKEtivsg9+MbOLnN1TbwgnjjRw5g==
   dependencies:
     "@storybook/csf" "0.1.11"
     "@storybook/global" "^5.0.0"
@@ -1630,12 +1651,12 @@
     ts-dedent "^2.0.0"
     util-deprecate "^1.0.2"
 
-"@storybook/builder-vite@8.2.2":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/builder-vite/-/builder-vite-8.2.2.tgz#6e387afb00bee8eabc44514ff29418fe68f190f5"
-  integrity sha512-tyt+CjzLEuRHU2NERZSy7JfnTpTJo10HrRysJcRtzclu3TOzx7bWszUJRHho9ttyypBX6w5+8TPcqXh/vu0tig==
+"@storybook/builder-vite@8.2.5":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/builder-vite/-/builder-vite-8.2.5.tgz#a7234e0eac0c9189fd5c326770b426d0ca3d1aab"
+  integrity sha512-5CiJY+vJKt8FpEK0MVAXrIj4UDahi4fxPoUYcxawaYHTCpspaxFtLrHuNQkDbyDSjBednIMOIAm8ei2pha3Z6Q==
   dependencies:
-    "@storybook/csf-plugin" "8.2.2"
+    "@storybook/csf-plugin" "8.2.5"
     "@types/find-cache-dir" "^3.2.1"
     browser-assert "^1.2.1"
     es-module-lexer "^1.5.0"
@@ -1645,15 +1666,15 @@
     magic-string "^0.30.0"
     ts-dedent "^2.0.0"
 
-"@storybook/codemod@8.2.2":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/codemod/-/codemod-8.2.2.tgz#b5cd20911d40e11647c2bf0fe97a658f53d7ddef"
-  integrity sha512-wRUVKLHVUhbLJYKW3QOufUxJGwaUT4jTCD8+HOGpHPdJO3NrwXu186xt4tuPZO2Y/NnacPeCQPsaK5ok4O8o7A==
+"@storybook/codemod@8.2.5":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/codemod/-/codemod-8.2.5.tgz#0646b5a69d83bbbcfac626e57a37f43e8452d032"
+  integrity sha512-bUCvOqW3LUjz6epmTfocWBm0S7Ae52xmHvhVqgAUsKp9bVw2CGt9uaPR8dVE4IfI1yJZKRjf3u7Y60OTfWew4g==
   dependencies:
     "@babel/core" "^7.24.4"
     "@babel/preset-env" "^7.24.4"
     "@babel/types" "^7.24.0"
-    "@storybook/core" "8.2.2"
+    "@storybook/core" "8.2.5"
     "@storybook/csf" "0.1.11"
     "@types/cross-spawn" "^6.0.2"
     cross-spawn "^7.0.3"
@@ -1664,10 +1685,15 @@
     recast "^0.23.5"
     tiny-invariant "^1.3.1"
 
-"@storybook/core@8.2.2":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/core/-/core-8.2.2.tgz#93f59ed2662386dc4874d4e9660c52fd9ce6e6e8"
-  integrity sha512-L4ojYI+Os/i5bCReDIlFgEDQSS94mbJlNU9WRzEGZpqNC5/hbFEC9Tip7P1MiRx9NrewkzU7b+UCP7mi3e4drQ==
+"@storybook/components@^8.2.5":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-8.2.5.tgz#f2a9930879cd241312757d45af7b5f523c8593f6"
+  integrity sha512-/cqAzQ1w9tK44BvKDNkY3MxcqoDaMvZeI5c4rGh/nYMjulXV4cAOTSlVK07XfkOJENj/wHHSDz8tZTrl2FhmuQ==
+
+"@storybook/core@8.2.5":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/core/-/core-8.2.5.tgz#1160ad2e46a0a03f8ec0815ef0b7b96351900ad5"
+  integrity sha512-KjaeIkbdcog4Jmx3MoSjQZpfESin1qHEcFiLoOkICOpuKsj37xdMFcuSre8IbcVGCJPkt1RvEmfeu1N90jOgww==
   dependencies:
     "@storybook/csf" "0.1.11"
     "@types/express" "^4.17.21"
@@ -1681,10 +1707,10 @@
     util "^0.12.4"
     ws "^8.2.3"
 
-"@storybook/csf-plugin@8.2.2":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/csf-plugin/-/csf-plugin-8.2.2.tgz#e9c5d7e54e60555589e7a0f6f49e95c5681ee499"
-  integrity sha512-3K2RUpDDvq3DT46qAIj2VBC+fzTTebRUcZUsRfS6G1AzaX9p25iClEHiwcJacFkgQKhkci8A/Ly3Z4JJ3b4Pgw==
+"@storybook/csf-plugin@8.2.5":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/csf-plugin/-/csf-plugin-8.2.5.tgz#db3529fb10d2610628428e39a0fb839324fd197d"
+  integrity sha512-YpkvfDbKyilI54QMz/NyHGOlXxVeE+3LTKLx4GV/JrnGW+EtqQTYNaWWnTsesX0AsUICBAvxqyO9HtFtRjeL+Q==
   dependencies:
     unplugin "^1.3.1"
 
@@ -1712,27 +1738,37 @@
   resolved "https://registry.yarnpkg.com/@storybook/icons/-/icons-1.2.9.tgz#bb4a51a79e186b62e2dd0e04928b8617ac573838"
   integrity sha512-cOmylsz25SYXaJL/gvTk/dl3pyk7yBFRfeXTsHvTA3dfhoU/LWSq0NKL9nM7WBasJyn6XPSGnLS4RtKXLw5EUg==
 
-"@storybook/instrumenter@8.2.2":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/instrumenter/-/instrumenter-8.2.2.tgz#cde254538fad1678a433c18f7a4a9d18cf8a21a1"
-  integrity sha512-refwnHqKHhya45MgqakhMG0jKhTiEIAl0aOwAaQy9+zf9ncMIYQAXRQsSZ2Z188lFWE24wbeHKteb62a5ZfWwQ==
+"@storybook/instrumenter@8.2.5":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/instrumenter/-/instrumenter-8.2.5.tgz#35bd480ff9ef67d55003ed3fb6a19be656cdb65f"
+  integrity sha512-HeETFUYYZDM3A76oO8p7V1nCrxdAglhO+3FtPa2EqSWueYISANyOOTu/8NIW3EbKP3GsfWi509ofQhsLBHy9dQ==
   dependencies:
     "@storybook/global" "^5.0.0"
     "@vitest/utils" "^1.3.1"
     util "^0.12.4"
 
-"@storybook/react-dom-shim@8.2.2":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/react-dom-shim/-/react-dom-shim-8.2.2.tgz#2521ca3d7e3fbc1ec475bd94388598afa482b248"
-  integrity sha512-4fb1/yT9WXHzHjs0In6orIEZxga5eXd9UaXEFGudBgowCjDUVP9LabDdKTbGusz20lfaAkATsRG/W+EcSLoh8w==
+"@storybook/manager-api@^8.2.5":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/manager-api/-/manager-api-8.2.5.tgz#8dfde1d980507f57e02fbf25519ae7c2abe29523"
+  integrity sha512-4UHRlpcbYF2UiO9tonafnJMC2wJXWjTXivHjuf3ehbJXmopkNe/4zLtNTRyf3Hozf4CuYtNotw0tXflBrGlIlw==
+
+"@storybook/preview-api@^8.2.5":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/preview-api/-/preview-api-8.2.5.tgz#f56c3227a418f7d797a6526b277c69360d47c0b7"
+  integrity sha512-C5A3MtubUM5Tq1An1gIqiEmiBX4ybaTzAeBuohsqToPmWHvM2uIdSl6XpTyQQJowkvrqBKjchqZUy/2mynX4lQ==
 
-"@storybook/test@8.2.2", "@storybook/test@^8.1.10":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/test/-/test-8.2.2.tgz#d85725adc9b4bd998560911ef899911e91f56512"
-  integrity sha512-X2qAKErjTh1X7XLAZqCMtU0ZK8JuwdKmgiqU0oXWxIDmCX6/Dm9ZIcdMZHs/S+K/UnIByjNlQpTShLVfRUeN1w==
+"@storybook/react-dom-shim@8.2.5":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/react-dom-shim/-/react-dom-shim-8.2.5.tgz#442bd8a5178c728e1649f1224a7814aed9b87da8"
+  integrity sha512-r+ZppgZR1AmM+2E9GRIaL/JjD3C/kl8sexD1mrGN4PBzrqqy6BNedHroWvf9JmfAvD/bp55peJ+LWAsSU/NvQQ==
+
+"@storybook/test@8.2.5", "@storybook/test@^8.1.10":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/test/-/test-8.2.5.tgz#8deef496ab1d9595b867ddff0754b9e8cb63b927"
+  integrity sha512-8fo5qh3dNTlcUsnpYB5klcsnjIhEpkyVC+KCqapDI/iFD6qDmZXzbEcP/HsVMICwGTanr2kFCmf5c8kfAiOMew==
   dependencies:
     "@storybook/csf" "0.1.11"
-    "@storybook/instrumenter" "8.2.2"
+    "@storybook/instrumenter" "8.2.5"
     "@testing-library/dom" "10.1.0"
     "@testing-library/jest-dom" "6.4.5"
     "@testing-library/user-event" "14.5.2"
@@ -1740,25 +1776,34 @@
     "@vitest/spy" "1.6.0"
     util "^0.12.4"
 
+"@storybook/theming@^8.2.5":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-8.2.5.tgz#51615b3ca1ee43be7df92e99cd778d0a695d4362"
+  integrity sha512-EEOSmW55MeLB3iskf5uUqffsqu003tTta8XQ1Xg8em3gePxPsjqzQtly1Ws5PtRg1Zvt1Zc6NKHwabiVzxothA==
+
 "@storybook/vue3-vite@^8.1.10":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/vue3-vite/-/vue3-vite-8.2.2.tgz#4bbdd8ba5ca6fe7a20bfadb0f48ecddc672da03b"
-  integrity sha512-Xjnyjf4F+RG3WGcLe06sNRkEVatEhgHqDJq8s1XGCq0MWb4kygJ4VCKcOCfoZ/gBduWxoYONBKWd0ZMNpmHlpQ==
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/vue3-vite/-/vue3-vite-8.2.5.tgz#2178fb391a31df392b38487a910a5bd1b858d029"
+  integrity sha512-O39XHAu+uh3fA7Qc3nV5ZsPhVlW2RntnMtBlE6SexYr4bG9hK2I7Y2EvUQbqgBDC0lJ+62fg8vszGjcbGfgwxw==
   dependencies:
-    "@storybook/builder-vite" "8.2.2"
-    "@storybook/vue3" "8.2.2"
+    "@storybook/builder-vite" "8.2.5"
+    "@storybook/vue3" "8.2.5"
     find-package-json "^1.2.0"
     magic-string "^0.30.0"
     typescript "^5.0.0"
     vue-component-meta "^2.0.0"
     vue-docgen-api "^4.75.1"
 
-"@storybook/vue3@8.2.2", "@storybook/vue3@^8.1.10":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@storybook/vue3/-/vue3-8.2.2.tgz#96550a245bb107bab5ff0d9edbb83bf6642f49c7"
-  integrity sha512-6XlbAZB02AS62lCrYY6JmwXJrSbZQgduyYyXn7qAUJ/HGVmQ05CHXU6ONAcypkOu+4ZUhgpmZP6ft0acdesEGQ==
+"@storybook/vue3@8.2.5", "@storybook/vue3@^8.1.10":
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/@storybook/vue3/-/vue3-8.2.5.tgz#fcc6ab15bb36bd888b5d5199d48cae239d752cad"
+  integrity sha512-DtYPg5FwUxzVMoSRt01n8Je4mPjZWivcamQrmaLji9YSNV4qBLC/IqHH0SPiDPhklu0TmXG2PW+Riaalb0nQqg==
   dependencies:
+    "@storybook/components" "^8.2.5"
     "@storybook/global" "^5.0.0"
+    "@storybook/manager-api" "^8.2.5"
+    "@storybook/preview-api" "^8.2.5"
+    "@storybook/theming" "^8.2.5"
     "@vue/compiler-core" "^3.0.0"
     lodash "^4.17.21"
     ts-dedent "^2.0.0"
@@ -1823,6 +1868,11 @@
   dependencies:
     "@types/node" "*"
 
+"@types/cookie@^0.6.0":
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/@types/cookie/-/cookie-0.6.0.tgz#eac397f28bf1d6ae0ae081363eca2f425bedf0d5"
+  integrity sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==
+
 "@types/cross-spawn@^6.0.2":
   version "6.0.6"
   resolved "https://registry.yarnpkg.com/@types/cross-spawn/-/cross-spawn-6.0.6.tgz#0163d0b79a6f85409e0decb8dcca17147f81fd22"
@@ -1892,9 +1942,9 @@
   integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
 
 "@types/lodash@^4.14.167":
-  version "4.17.6"
-  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.17.6.tgz#193ced6a40c8006cfc1ca3f4553444fb38f0e543"
-  integrity sha512-OpXEVoCKSS3lQqjx9GGGOapBeuW5eUboYHRlHP9urXPX25IKZ6AnP5ZRxtVf63iieUbsHxLn8NQ5Nlftc6yzAA==
+  version "4.17.7"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.17.7.tgz#2f776bcb53adc9e13b2c0dfd493dfcbd7de43612"
+  integrity sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA==
 
 "@types/mdx@^2.0.0":
   version "2.0.13"
@@ -1907,16 +1957,16 @@
   integrity sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==
 
 "@types/node@*", "@types/node@^20.14.5":
-  version "20.14.10"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.14.10.tgz#a1a218290f1b6428682e3af044785e5874db469a"
-  integrity sha512-MdiXf+nDuMvY0gJKxyfZ7/6UFsETO7mGKF54MVD/ekJS6HdFtpZFBgrh6Pseu64XTb2MLyFPlbW6hj8HYRQNOQ==
+  version "20.14.11"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.14.11.tgz#09b300423343460455043ddd4d0ded6ac579b74b"
+  integrity sha512-kprQpL8MMeszbz6ojB5/tU8PLN4kesnN8Gjzw349rDlNgsSzg90lAVj3llK99Dh7JON+t9AuscPPFW6mPbTnSA==
   dependencies:
     undici-types "~5.26.4"
 
 "@types/node@^18.0.0":
-  version "18.19.39"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.19.39.tgz#c316340a5b4adca3aee9dcbf05de385978590593"
-  integrity sha512-nPwTRDKUctxw3di5b4TfT3I0sWDiWoPQCZjXhvdkINntwr8lcoVCKsTgnXeRubKIlfnV+eN/HYk6Jb40tbcEAQ==
+  version "18.19.41"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.19.41.tgz#27695cf2cac63f22c202b9217c0bcf3fb192a2f0"
+  integrity sha512-LX84pRJ+evD2e2nrgYCHObGWkiQJ1mL+meAgbvnwk/US6vmMY7S2ygBTGV2Jw91s9vUsLSXeDEkUHZIJGLrhsg==
   dependencies:
     undici-types "~5.26.4"
 
@@ -1986,29 +2036,29 @@
   integrity sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==
 
 "@typescript-eslint/eslint-plugin@^7.1.1":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.16.0.tgz#b3563927341eca15124a18c6f94215f779f5c02a"
-  integrity sha512-py1miT6iQpJcs1BiJjm54AMzeuMPBSPuKPlnT8HlfudbcS5rYeX5jajpLf3mrdRh9dA/Ec2FVUY0ifeVNDIhZw==
+  version "7.16.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.16.1.tgz#f5f5da52db674b1f2cdb9d5f3644e5b2ec750465"
+  integrity sha512-SxdPak/5bO0EnGktV05+Hq8oatjAYVY3Zh2bye9pGZy6+jwyR3LG3YKkV4YatlsgqXP28BTeVm9pqwJM96vf2A==
   dependencies:
     "@eslint-community/regexpp" "^4.10.0"
-    "@typescript-eslint/scope-manager" "7.16.0"
-    "@typescript-eslint/type-utils" "7.16.0"
-    "@typescript-eslint/utils" "7.16.0"
-    "@typescript-eslint/visitor-keys" "7.16.0"
+    "@typescript-eslint/scope-manager" "7.16.1"
+    "@typescript-eslint/type-utils" "7.16.1"
+    "@typescript-eslint/utils" "7.16.1"
+    "@typescript-eslint/visitor-keys" "7.16.1"
     graphemer "^1.4.0"
     ignore "^5.3.1"
     natural-compare "^1.4.0"
     ts-api-utils "^1.3.0"
 
 "@typescript-eslint/parser@^7.1.1":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-7.16.0.tgz#53fae8112f8c912024aea7b499cf7374487af6d8"
-  integrity sha512-ar9E+k7CU8rWi2e5ErzQiC93KKEFAXA2Kky0scAlPcxYblLt8+XZuHUZwlyfXILyQa95P6lQg+eZgh/dDs3+Vw==
-  dependencies:
-    "@typescript-eslint/scope-manager" "7.16.0"
-    "@typescript-eslint/types" "7.16.0"
-    "@typescript-eslint/typescript-estree" "7.16.0"
-    "@typescript-eslint/visitor-keys" "7.16.0"
+  version "7.16.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-7.16.1.tgz#84c581cf86c8b2becd48d33ddc41a6303d57b274"
+  integrity sha512-u+1Qx86jfGQ5i4JjK33/FnawZRpsLxRnKzGE6EABZ40KxVT/vWsiZFEBBHjFOljmmV3MBYOHEKi0Jm9hbAOClA==
+  dependencies:
+    "@typescript-eslint/scope-manager" "7.16.1"
+    "@typescript-eslint/types" "7.16.1"
+    "@typescript-eslint/typescript-estree" "7.16.1"
+    "@typescript-eslint/visitor-keys" "7.16.1"
     debug "^4.3.4"
 
 "@typescript-eslint/scope-manager@5.62.0":
@@ -2019,21 +2069,21 @@
     "@typescript-eslint/types" "5.62.0"
     "@typescript-eslint/visitor-keys" "5.62.0"
 
-"@typescript-eslint/scope-manager@7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-7.16.0.tgz#eb0757af5720c9c53c8010d7a0355ae27e17b7e5"
-  integrity sha512-8gVv3kW6n01Q6TrI1cmTZ9YMFi3ucDT7i7aI5lEikk2ebk1AEjrwX8MDTdaX5D7fPXMBLvnsaa0IFTAu+jcfOw==
+"@typescript-eslint/scope-manager@7.16.1":
+  version "7.16.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-7.16.1.tgz#2b43041caabf8ddd74512b8b550b9fc53ca3afa1"
+  integrity sha512-nYpyv6ALte18gbMz323RM+vpFpTjfNdyakbf3nsLvF43uF9KeNC289SUEW3QLZ1xPtyINJ1dIsZOuWuSRIWygw==
   dependencies:
-    "@typescript-eslint/types" "7.16.0"
-    "@typescript-eslint/visitor-keys" "7.16.0"
+    "@typescript-eslint/types" "7.16.1"
+    "@typescript-eslint/visitor-keys" "7.16.1"
 
-"@typescript-eslint/type-utils@7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-7.16.0.tgz#ec52b1932b8fb44a15a3e20208e0bd49d0b6bd00"
-  integrity sha512-j0fuUswUjDHfqV/UdW6mLtOQQseORqfdmoBNDFOqs9rvNVR2e+cmu6zJu/Ku4SDuqiJko6YnhwcL8x45r8Oqxg==
+"@typescript-eslint/type-utils@7.16.1":
+  version "7.16.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-7.16.1.tgz#4d7ae4f3d9e3c8cbdabae91609b1a431de6aa6ca"
+  integrity sha512-rbu/H2MWXN4SkjIIyWcmYBjlp55VT+1G3duFOIukTNFxr9PI35pLc2ydwAfejCEitCv4uztA07q0QWanOHC7dA==
   dependencies:
-    "@typescript-eslint/typescript-estree" "7.16.0"
-    "@typescript-eslint/utils" "7.16.0"
+    "@typescript-eslint/typescript-estree" "7.16.1"
+    "@typescript-eslint/utils" "7.16.1"
     debug "^4.3.4"
     ts-api-utils "^1.3.0"
 
@@ -2042,10 +2092,10 @@
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.62.0.tgz#258607e60effa309f067608931c3df6fed41fd2f"
   integrity sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==
 
-"@typescript-eslint/types@7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-7.16.0.tgz#60a19d7e7a6b1caa2c06fac860829d162a036ed2"
-  integrity sha512-fecuH15Y+TzlUutvUl9Cc2XJxqdLr7+93SQIbcZfd4XRGGKoxyljK27b+kxKamjRkU7FYC6RrbSCg0ALcZn/xw==
+"@typescript-eslint/types@7.16.1":
+  version "7.16.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-7.16.1.tgz#bbab066276d18e398bc64067b23f1ce84dfc6d8c"
+  integrity sha512-AQn9XqCzUXd4bAVEsAXM/Izk11Wx2u4H3BAfQVhSfzfDOm/wAON9nP7J5rpkCxts7E5TELmN845xTUCQrD1xIQ==
 
 "@typescript-eslint/typescript-estree@5.62.0":
   version "5.62.0"
@@ -2060,13 +2110,13 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/typescript-estree@7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-7.16.0.tgz#98ac779d526fab2a781e5619c9250f3e33867c09"
-  integrity sha512-a5NTvk51ZndFuOLCh5OaJBELYc2O3Zqxfl3Js78VFE1zE46J2AaVuW+rEbVkQznjkmlzWsUI15BG5tQMixzZLw==
+"@typescript-eslint/typescript-estree@7.16.1":
+  version "7.16.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-7.16.1.tgz#9b145ba4fd1dde1986697e1ce57dc501a1736dd3"
+  integrity sha512-0vFPk8tMjj6apaAZ1HlwM8w7jbghC8jc1aRNJG5vN8Ym5miyhTQGMqU++kuBFDNKe9NcPeZ6x0zfSzV8xC1UlQ==
   dependencies:
-    "@typescript-eslint/types" "7.16.0"
-    "@typescript-eslint/visitor-keys" "7.16.0"
+    "@typescript-eslint/types" "7.16.1"
+    "@typescript-eslint/visitor-keys" "7.16.1"
     debug "^4.3.4"
     globby "^11.1.0"
     is-glob "^4.0.3"
@@ -2074,15 +2124,15 @@
     semver "^7.6.0"
     ts-api-utils "^1.3.0"
 
-"@typescript-eslint/utils@7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-7.16.0.tgz#b38dc0ce1778e8182e227c98d91d3418449aa17f"
-  integrity sha512-PqP4kP3hb4r7Jav+NiRCntlVzhxBNWq6ZQ+zQwII1y/G/1gdIPeYDCKr2+dH6049yJQsWZiHU6RlwvIFBXXGNA==
+"@typescript-eslint/utils@7.16.1":
+  version "7.16.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-7.16.1.tgz#df42dc8ca5a4603016fd102db0346cdab415cdb7"
+  integrity sha512-WrFM8nzCowV0he0RlkotGDujx78xudsxnGMBHI88l5J8wEhED6yBwaSLP99ygfrzAjsQvcYQ94quDwI0d7E1fA==
   dependencies:
     "@eslint-community/eslint-utils" "^4.4.0"
-    "@typescript-eslint/scope-manager" "7.16.0"
-    "@typescript-eslint/types" "7.16.0"
-    "@typescript-eslint/typescript-estree" "7.16.0"
+    "@typescript-eslint/scope-manager" "7.16.1"
+    "@typescript-eslint/types" "7.16.1"
+    "@typescript-eslint/typescript-estree" "7.16.1"
 
 "@typescript-eslint/utils@^5.62.0":
   version "5.62.0"
@@ -2106,12 +2156,12 @@
     "@typescript-eslint/types" "5.62.0"
     eslint-visitor-keys "^3.3.0"
 
-"@typescript-eslint/visitor-keys@7.16.0":
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-7.16.0.tgz#a1d99fa7a3787962d6e0efd436575ef840e23b06"
-  integrity sha512-rMo01uPy9C7XxG7AFsxa8zLnWXTF8N3PYclekWSrurvhwiw1eW88mrKiAYe6s53AUY57nTRz8dJsuuXdkAhzCg==
+"@typescript-eslint/visitor-keys@7.16.1":
+  version "7.16.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-7.16.1.tgz#4287bcf44c34df811ff3bb4d269be6cfc7d8c74b"
+  integrity sha512-Qlzzx4sE4u3FsHTPQAAQFJFNOuqtuY0LFrZHwQ8IHK705XxBiWOFkfKRWu6niB7hwfgnwIpO4jTC75ozW1PHWg==
   dependencies:
-    "@typescript-eslint/types" "7.16.0"
+    "@typescript-eslint/types" "7.16.1"
     eslint-visitor-keys "^3.4.3"
 
 "@ungap/structured-clone@^1.0.0", "@ungap/structured-clone@^1.2.0":
@@ -2119,38 +2169,38 @@
   resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
   integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==
 
-"@unhead/dom@1.9.15":
-  version "1.9.15"
-  resolved "https://registry.yarnpkg.com/@unhead/dom/-/dom-1.9.15.tgz#1e1902f8e6897698da8a533706e9b0b6ec14fad7"
-  integrity sha512-4sdP/2Unt4zFRO8pBZVXvebidGmrLEvnDU6ZpasZfInjiiuuaQOVTJaiKnEnug3cmW2YjglPG2d1c2xAsHr3NQ==
+"@unhead/dom@1.9.16":
+  version "1.9.16"
+  resolved "https://registry.yarnpkg.com/@unhead/dom/-/dom-1.9.16.tgz#2cafa10d213526e6c76e44333f1c9b6148141080"
+  integrity sha512-aZIAnnc89Csi1vV4mtlHYI765B7m1yuaXUuQiYHwr6glE9FLyy2X87CzEci4yPH/YbkKm0bGQRfcxXq6Eq0W7g==
   dependencies:
-    "@unhead/schema" "1.9.15"
-    "@unhead/shared" "1.9.15"
+    "@unhead/schema" "1.9.16"
+    "@unhead/shared" "1.9.16"
 
-"@unhead/schema@1.9.15":
-  version "1.9.15"
-  resolved "https://registry.yarnpkg.com/@unhead/schema/-/schema-1.9.15.tgz#157f37fa78df0b33ba65d8bf1702251308aa84e4"
-  integrity sha512-9ADZuXOH+tOKHIjXsgg+SPINnh/YJEBMCjpg+8VLGgE2r5med3jAnOU8g7ALfuVEBRBrbFgs1qVKoKm1NkTXJQ==
+"@unhead/schema@1.9.16":
+  version "1.9.16"
+  resolved "https://registry.yarnpkg.com/@unhead/schema/-/schema-1.9.16.tgz#cd650cc3a48e501f676bd8b0077acd5bac6776a5"
+  integrity sha512-V2BshX+I6D2wN4ys5so8RQDUgsggsxW9FVBiuQi4h8oPWtHclogxzDiHa5BH2TgvNIoUxLnLYNAShMGipmVuUw==
   dependencies:
     hookable "^5.5.3"
     zhead "^2.2.4"
 
-"@unhead/shared@1.9.15":
-  version "1.9.15"
-  resolved "https://registry.yarnpkg.com/@unhead/shared/-/shared-1.9.15.tgz#e8706807c13b4f878103c3957be45b1d55359a8a"
-  integrity sha512-+U5r04eRtCNcniWjzNPRtwVuF9rW/6EXxhGvuohJBDaIE57J6BHWo5cEp7Pqts7DlTFs7LiDtH8ONNDv4QqRaw==
+"@unhead/shared@1.9.16":
+  version "1.9.16"
+  resolved "https://registry.yarnpkg.com/@unhead/shared/-/shared-1.9.16.tgz#86ce5161cfff9d52ca06642852835910063bf1d0"
+  integrity sha512-pfJnArULCY+GBr7OtYyyxihRiQLkT31TpyK6nUKIwyax4oNOGyhNfk0RFzNq16BwLg60d1lrc5bd5mZGbfClMA==
   dependencies:
-    "@unhead/schema" "1.9.15"
+    "@unhead/schema" "1.9.16"
 
 "@unhead/vue@^1.9.14":
-  version "1.9.15"
-  resolved "https://registry.yarnpkg.com/@unhead/vue/-/vue-1.9.15.tgz#b6e7edeb1e1e8fc05750f1c4e9dd5afe4f6ccfa9"
-  integrity sha512-h866wYOs6Q6+lc0av4EU0CPTtTvaz9UWwwsiNoulzJa95QyUN/gDPI/NiDuKweHswY+a0SSzEqe9Nhg+LlmHew==
+  version "1.9.16"
+  resolved "https://registry.yarnpkg.com/@unhead/vue/-/vue-1.9.16.tgz#94b2db11fd0658f0ae26d9e4edaa7047081c7cc4"
+  integrity sha512-kpMWWwm8cOwo4gw4An43pz30l2CqNtmJpX5Xsu79rwf6Viq8jHAjk6BGqyKy220M2bpa0Va4fnR532SgGO1YgQ==
   dependencies:
-    "@unhead/schema" "1.9.15"
-    "@unhead/shared" "1.9.15"
+    "@unhead/schema" "1.9.16"
+    "@unhead/shared" "1.9.16"
     hookable "^5.5.3"
-    unhead "1.9.15"
+    unhead "1.9.16"
 
 "@vee-validate/zod@^4.13.1":
   version "4.13.2"
@@ -2210,24 +2260,24 @@
     loupe "^2.3.7"
     pretty-format "^29.7.0"
 
-"@volar/language-core@2.4.0-alpha.15", "@volar/language-core@~2.4.0-alpha.15":
-  version "2.4.0-alpha.15"
-  resolved "https://registry.yarnpkg.com/@volar/language-core/-/language-core-2.4.0-alpha.15.tgz#d17dfac0014f5648dd9ccc090918795b03cde0e9"
-  integrity sha512-mt8z4Fm2WxfQYoQHPcKVjLQV6PgPqyKLbkCVY2cr5RSaamqCHjhKEpsFX66aL4D/7oYguuaUw9Bx03Vt0TpIIA==
+"@volar/language-core@2.4.0-alpha.17", "@volar/language-core@~2.4.0-alpha.15":
+  version "2.4.0-alpha.17"
+  resolved "https://registry.yarnpkg.com/@volar/language-core/-/language-core-2.4.0-alpha.17.tgz#a87b9ec8bf0c7f1f19362514ffe589da60172a96"
+  integrity sha512-FF9g89QZUVJpgZvrNpA+v5Sgo7MdUjeA1celxCe4nFTpfp4P/FUdZ1lgeYy7ZS5r13oC4Ei6HqWpfLN7PFM60w==
   dependencies:
-    "@volar/source-map" "2.4.0-alpha.15"
+    "@volar/source-map" "2.4.0-alpha.17"
 
-"@volar/source-map@2.4.0-alpha.15":
-  version "2.4.0-alpha.15"
-  resolved "https://registry.yarnpkg.com/@volar/source-map/-/source-map-2.4.0-alpha.15.tgz#b90dfd5a3ce30296dfcdcca647c6b41681b1b29b"
-  integrity sha512-8Htngw5TmBY4L3ClDqBGyfLhsB8EmoEXUH1xydyEtEoK0O6NX5ur4Jw8jgvscTlwzizyl/wsN1vn0cQXVbbXYg==
+"@volar/source-map@2.4.0-alpha.17":
+  version "2.4.0-alpha.17"
+  resolved "https://registry.yarnpkg.com/@volar/source-map/-/source-map-2.4.0-alpha.17.tgz#633d7e87ba792a010ba8135f9537c5ecb90cd486"
+  integrity sha512-6LOuR2nIloQCSNMNcUPRPLjL5CInIE1pYZ8lifOCSxQRiz8GcWaOm34kAvdm7pzPQqMRHBBnV/Ihkdt/w7oWAQ==
 
 "@volar/typescript@~2.4.0-alpha.15":
-  version "2.4.0-alpha.15"
-  resolved "https://registry.yarnpkg.com/@volar/typescript/-/typescript-2.4.0-alpha.15.tgz#407e3ca2134188ab77a6c5505b9ccccb9465f3c2"
-  integrity sha512-U3StRBbDuxV6Woa4hvGS4kz3XcOzrWUKgFdEFN+ba1x3eaYg7+ytau8ul05xgA+UNGLXXsKur7fTUhDFyISk0w==
+  version "2.4.0-alpha.17"
+  resolved "https://registry.yarnpkg.com/@volar/typescript/-/typescript-2.4.0-alpha.17.tgz#4c7c0e90e6db024c7792042061ef6141edda44cf"
+  integrity sha512-oJlz5xJd0O1Xe/I7AV3kPpV6gXlcyxfpMcj/w4/wGY5AxFHxyy5i7VhaE/BVk99zsT6M2KxcZyUSsL55RlNXlQ==
   dependencies:
-    "@volar/language-core" "2.4.0-alpha.15"
+    "@volar/language-core" "2.4.0-alpha.17"
     path-browserify "^1.0.1"
     vscode-uri "^3.0.8"
 
@@ -2264,71 +2314,71 @@
     "@babel/parser" "^7.23.9"
     "@vue/compiler-sfc" "^3.4.15"
 
-"@vue/compiler-core@3.4.31", "@vue/compiler-core@^3.0.0":
-  version "3.4.31"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.4.31.tgz#b51a76f1b30e9b5eba0553264dff0f171aedb7c6"
-  integrity sha512-skOiodXWTV3DxfDhB4rOf3OGalpITLlgCeOwb+Y9GJpfQ8ErigdBUHomBzvG78JoVE8MJoQsb+qhZiHfKeNeEg==
+"@vue/compiler-core@3.4.33", "@vue/compiler-core@^3.0.0":
+  version "3.4.33"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.4.33.tgz#0b6013f9300822fd6cb7c8f7683c0483fa456165"
+  integrity sha512-MoIREbkdPQlnGfSKDMgzTqzqx5nmEjIc0ydLVYlTACGBsfvOJ4tHSbZXKVF536n6fB+0eZaGEOqsGThPpdvF5A==
   dependencies:
     "@babel/parser" "^7.24.7"
-    "@vue/shared" "3.4.31"
+    "@vue/shared" "3.4.33"
     entities "^4.5.0"
     estree-walker "^2.0.2"
     source-map-js "^1.2.0"
 
-"@vue/compiler-dom@3.4.31", "@vue/compiler-dom@^3.2.0", "@vue/compiler-dom@^3.3.4", "@vue/compiler-dom@^3.4.0":
-  version "3.4.31"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.4.31.tgz#30961ca847f5d6ad18ffa26236c219f61b195f6b"
-  integrity sha512-wK424WMXsG1IGMyDGyLqB+TbmEBFM78hIsOJ9QwUVLGrcSk0ak6zYty7Pj8ftm7nEtdU/DGQxAXp0/lM/2cEpQ==
+"@vue/compiler-dom@3.4.33", "@vue/compiler-dom@^3.2.0", "@vue/compiler-dom@^3.3.4", "@vue/compiler-dom@^3.4.0":
+  version "3.4.33"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.4.33.tgz#1ceea5408a0e06c857a78d7a2be7fe3b63cf9f64"
+  integrity sha512-GzB8fxEHKw0gGet5BKlpfXEqoBnzSVWwMnT+dc25wE7pFEfrU/QsvjZMP9rD4iVXHBBoemTct8mN0GJEI6ZX5A==
   dependencies:
-    "@vue/compiler-core" "3.4.31"
-    "@vue/shared" "3.4.31"
+    "@vue/compiler-core" "3.4.33"
+    "@vue/shared" "3.4.33"
 
-"@vue/compiler-sfc@3.4.31", "@vue/compiler-sfc@^3.2.0", "@vue/compiler-sfc@^3.4.15":
-  version "3.4.31"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.4.31.tgz#cc6bfccda17df8268cc5440842277f61623c591f"
-  integrity sha512-einJxqEw8IIJxzmnxmJBuK2usI+lJonl53foq+9etB2HAzlPjAS/wa7r0uUpXw5ByX3/0uswVSrjNb17vJm1kQ==
+"@vue/compiler-sfc@3.4.33", "@vue/compiler-sfc@^3.2.0", "@vue/compiler-sfc@^3.4.15":
+  version "3.4.33"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.4.33.tgz#6ea43dee6bb341967be26b47786f1f73a8e089a2"
+  integrity sha512-7rk7Vbkn21xMwIUpHQR4hCVejwE6nvhBOiDgoBcR03qvGqRKA7dCBSsHZhwhYUsmjlbJ7OtD5UFIyhP6BY+c8A==
   dependencies:
     "@babel/parser" "^7.24.7"
-    "@vue/compiler-core" "3.4.31"
-    "@vue/compiler-dom" "3.4.31"
-    "@vue/compiler-ssr" "3.4.31"
-    "@vue/shared" "3.4.31"
+    "@vue/compiler-core" "3.4.33"
+    "@vue/compiler-dom" "3.4.33"
+    "@vue/compiler-ssr" "3.4.33"
+    "@vue/shared" "3.4.33"
     estree-walker "^2.0.2"
     magic-string "^0.30.10"
-    postcss "^8.4.38"
+    postcss "^8.4.39"
     source-map-js "^1.2.0"
 
-"@vue/compiler-ssr@3.4.31":
-  version "3.4.31"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.4.31.tgz#f62ffecdf15bacb883d0099780cf9a1e3654bfc4"
-  integrity sha512-RtefmITAje3fJ8FSg1gwgDhdKhZVntIVbwupdyZDSifZTRMiWxWehAOTCc8/KZDnBOcYQ4/9VWxsTbd3wT0hAA==
+"@vue/compiler-ssr@3.4.33":
+  version "3.4.33"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.4.33.tgz#59ed58f97abb691e6c3973616bb27a12b8c5b135"
+  integrity sha512-0WveC9Ai+eT/1b6LCV5IfsufBZ0HP7pSSTdDjcuW302tTEgoBw8rHVHKPbGUtzGReUFCRXbv6zQDDgucnV2WzQ==
   dependencies:
-    "@vue/compiler-dom" "3.4.31"
-    "@vue/shared" "3.4.31"
+    "@vue/compiler-dom" "3.4.33"
+    "@vue/shared" "3.4.33"
 
 "@vue/devtools-api@^6.5.0", "@vue/devtools-api@^6.5.1", "@vue/devtools-api@^6.6.1":
   version "6.6.3"
   resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.6.3.tgz#b23a588154cba8986bba82b6e1d0248bde3fd1a0"
   integrity sha512-0MiMsFma/HqA6g3KLKn+AGpL1kgKhFWszC9U29NfpWK5LE7bjeXxySWJrOJ77hBz+TBrBQ7o4QJqbPbqbs8rJw==
 
-"@vue/devtools-core@^7.3.5":
-  version "7.3.5"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-core/-/devtools-core-7.3.5.tgz#0a61b26e1eb980b1dec8ddc47df80ee7a02e3138"
-  integrity sha512-uSC3IkIp6MtyJYSh5xzY99sgqlAXLq+peE2KKXTi6JeRHOtMngFWFWENXi70IJ1EVGYztiFQoHhI9WZcgKBz8g==
+"@vue/devtools-core@^7.3.6":
+  version "7.3.6"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-core/-/devtools-core-7.3.6.tgz#5e836e08c2afb9b7766ddc42e7f99180caa49568"
+  integrity sha512-XqFYVkyS3eySHF4bgLt+KF6yL6nYzVY/JTJHnK6KIJXIE4GIAxmn5Gxfsb4cUG9sl0FGiMqRCnM37Q+P08wr8A==
   dependencies:
-    "@vue/devtools-kit" "^7.3.5"
-    "@vue/devtools-shared" "^7.3.5"
+    "@vue/devtools-kit" "^7.3.6"
+    "@vue/devtools-shared" "^7.3.6"
     mitt "^3.0.1"
     nanoid "^3.3.4"
     pathe "^1.1.2"
     vite-hot-client "^0.2.3"
 
-"@vue/devtools-kit@^7.3.5":
-  version "7.3.5"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-kit/-/devtools-kit-7.3.5.tgz#66669ee94da6c927fc28255477f65aae3f616316"
-  integrity sha512-wwfi10gJ1HMtjzcd8aIOnzBHlIRqsYDgcDyrKvkeyc0Gbcoe7UrkXRVHZUOtcxxoplHA0PwpT6wFg0uUCmi8Ww==
+"@vue/devtools-kit@^7.3.6":
+  version "7.3.6"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-kit/-/devtools-kit-7.3.6.tgz#dc08613a369e1168e905b00a4590be12bd36fa8f"
+  integrity sha512-5Ym9V3fkJenEoptqKoo+cgY5RTVwrSssFdzRsuyIgaeiskCT+rRJeQdwoo81tyrQ1mfS7Er1rYZlSzr3Y3L/ew==
   dependencies:
-    "@vue/devtools-shared" "^7.3.5"
+    "@vue/devtools-shared" "^7.3.6"
     birpc "^0.2.17"
     hookable "^5.5.3"
     mitt "^3.0.1"
@@ -2336,10 +2386,10 @@
     speakingurl "^14.0.1"
     superjson "^2.2.1"
 
-"@vue/devtools-shared@^7.3.5":
-  version "7.3.5"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-shared/-/devtools-shared-7.3.5.tgz#4c4020df6d71ab058518a8f3a272fc7f2682c5d8"
-  integrity sha512-Rqii3VazmWTi67a86rYopi61n5Ved05EybJCwyrfoO9Ok3MaS/4yRFl706ouoISMlyrASJFEzM0/AiDA6w4f9A==
+"@vue/devtools-shared@^7.3.6":
+  version "7.3.6"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-shared/-/devtools-shared-7.3.6.tgz#0a332f4d4d74d6eee056c6f7143e141a4b1b3e08"
+  integrity sha512-R/FOmdJV+hhuwcNoxp6e87RRkEeDMVhWH+nOsnHUrwjjsyeXJ2W1475Ozmw+cbZhejWQzftkHVKO28Fuo1yqCw==
   dependencies:
     rfdc "^1.4.1"
 
@@ -2374,43 +2424,43 @@
     path-browserify "^1.0.1"
     vue-template-compiler "^2.7.14"
 
-"@vue/reactivity@3.4.31":
-  version "3.4.31"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.4.31.tgz#eda80e90c4f9d7659efe1f5ed99c2dfdc9e93d77"
-  integrity sha512-VGkTani8SOoVkZNds1PfJ/T1SlAIOf8E58PGAhIOUDYPC4GAmFA2u/E14TDAFcf3vVDKunc4QqCe/SHr8xC65Q==
+"@vue/reactivity@3.4.33":
+  version "3.4.33"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.4.33.tgz#9d258a8bab369ce57402c51728d3769ecf7adb99"
+  integrity sha512-B24QIelahDbyHipBgbUItQblbd4w5HpG3KccL+YkGyo3maXyS253FzcTR3pSz739OTphmzlxP7JxEMWBpewilA==
   dependencies:
-    "@vue/shared" "3.4.31"
+    "@vue/shared" "3.4.33"
 
-"@vue/runtime-core@3.4.31":
-  version "3.4.31"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.4.31.tgz#ad3a41ad76385c0429e3e4dbefb81918494e10cf"
-  integrity sha512-LDkztxeUPazxG/p8c5JDDKPfkCDBkkiNLVNf7XZIUnJ+66GVGkP+TIh34+8LtPisZ+HMWl2zqhIw0xN5MwU1cw==
+"@vue/runtime-core@3.4.33":
+  version "3.4.33"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.4.33.tgz#c9481aa6d0785f7349a69f3e971082ac0ff720ee"
+  integrity sha512-6wavthExzT4iAxpe8q37/rDmf44nyOJGISJPxCi9YsQO+8w9v0gLCFLfH5TzD1V1AYrTAdiF4Y1cgUmP68jP6w==
   dependencies:
-    "@vue/reactivity" "3.4.31"
-    "@vue/shared" "3.4.31"
+    "@vue/reactivity" "3.4.33"
+    "@vue/shared" "3.4.33"
 
-"@vue/runtime-dom@3.4.31":
-  version "3.4.31"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.4.31.tgz#bae7ad844f944af33699c73581bc36125bab96ce"
-  integrity sha512-2Auws3mB7+lHhTFCg8E9ZWopA6Q6L455EcU7bzcQ4x6Dn4cCPuqj6S2oBZgN2a8vJRS/LSYYxwFFq2Hlx3Fsaw==
+"@vue/runtime-dom@3.4.33":
+  version "3.4.33"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.4.33.tgz#1a36e05478fd24c718f9c5ea9f4bac7d0481c779"
+  integrity sha512-iHsMCUSFJ+4z432Bn9kZzHX+zOXa6+iw36DaVRmKYZpPt9jW9riF32SxNwB124i61kp9+AZtheQ/mKoJLerAaQ==
   dependencies:
-    "@vue/reactivity" "3.4.31"
-    "@vue/runtime-core" "3.4.31"
-    "@vue/shared" "3.4.31"
+    "@vue/reactivity" "3.4.33"
+    "@vue/runtime-core" "3.4.33"
+    "@vue/shared" "3.4.33"
     csstype "^3.1.3"
 
-"@vue/server-renderer@3.4.31":
-  version "3.4.31"
-  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.4.31.tgz#bbe990f793c36d62d05bdbbaf142511d53e159fd"
-  integrity sha512-D5BLbdvrlR9PE3by9GaUp1gQXlCNadIZytMIb8H2h3FMWJd4oUfkUTEH2wAr3qxoRz25uxbTcbqd3WKlm9EHQA==
+"@vue/server-renderer@3.4.33":
+  version "3.4.33"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.4.33.tgz#b0c4981b2d7758356811fc9d7314a576de2a6d25"
+  integrity sha512-jTH0d6gQcaYideFP/k0WdEu8PpRS9MF8d0b6SfZzNi+ap972pZ0TNIeTaESwdOtdY0XPVj54XEJ6K0wXxir4fw==
   dependencies:
-    "@vue/compiler-ssr" "3.4.31"
-    "@vue/shared" "3.4.31"
+    "@vue/compiler-ssr" "3.4.33"
+    "@vue/shared" "3.4.33"
 
-"@vue/shared@3.4.31", "@vue/shared@^3.4.0":
-  version "3.4.31"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.4.31.tgz#af9981f57def2c3f080c14bf219314fc0dc808a0"
-  integrity sha512-Yp3wtJk//8cO4NItOPpi3QkLExAr/aLBGZMmTtW9WpdwBCJpRM6zj9WgWktXAl8IDIozwNMByT45JP3tO3ACWA==
+"@vue/shared@3.4.33", "@vue/shared@^3.4.0":
+  version "3.4.33"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.4.33.tgz#2c4f2cfa988bb81e05372f6de556b254ff13e92a"
+  integrity sha512-aoRY0jQk3A/cuvdkodTrM4NMfxco8n55eG4H7ML/CRy7OryHfiqvug4xrCBBMbbN+dvXAetDDwZW9DXWWjBntA==
 
 "@vue/test-utils@^2.4.6":
   version "2.4.6"
@@ -2425,15 +2475,6 @@
   resolved "https://registry.yarnpkg.com/@vue/tsconfig/-/tsconfig-0.5.1.tgz#3124ec16cc0c7e04165b88dc091e6b97782fffa9"
   integrity sha512-VcZK7MvpjuTPx2w6blwnwZAu5/LgBUtejFOi3pPGQFXQN5Ela03FUtd2Qtg4yWGGissVL0dr6Ro1LfOFh+PCuQ==
 
-"@vueuse/components@^10.11.0":
-  version "10.11.0"
-  resolved "https://registry.yarnpkg.com/@vueuse/components/-/components-10.11.0.tgz#fd4191e30070bed3b51bdc4d33a9edb4b5da08de"
-  integrity sha512-ZvLZI23d5ZAtva5fGyYh/jQtZO8l+zJ5tAXyYNqHJZkq1o5yWyqZhENvSv5mfDmN5IuAOp4tq02mRmX/ipFGcg==
-  dependencies:
-    "@vueuse/core" "10.11.0"
-    "@vueuse/shared" "10.11.0"
-    vue-demi ">=0.14.8"
-
 "@vueuse/core@10.11.0", "@vueuse/core@^10.11.0":
   version "10.11.0"
   resolved "https://registry.yarnpkg.com/@vueuse/core/-/core-10.11.0.tgz#b042585a8bf98bb29c177b33999bd0e3fcd9e65d"
@@ -2444,7 +2485,7 @@
     "@vueuse/shared" "10.11.0"
     vue-demi ">=0.14.8"
 
-"@vueuse/integrations@^10.11.0":
+"@vueuse/integrations@^10.10.0":
   version "10.11.0"
   resolved "https://registry.yarnpkg.com/@vueuse/integrations/-/integrations-10.11.0.tgz#ce2746587172af9ab8faa713f42e619609ed0de1"
   integrity sha512-Pp6MtWEIr+NDOccWd8j59Kpjy5YDXogXI61Kb1JxvSfVBO8NzFQkmrKmSZz47i+ZqHnIzxaT38L358yDHTncZg==
@@ -2842,9 +2883,9 @@ camelcase@^6.3.0:
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
 
 caniuse-lite@^1.0.30001640:
-  version "1.0.30001641"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001641.tgz#3572862cd18befae3f637f2a1101cc033c6782ac"
-  integrity sha512-Phv5thgl67bHYo1TtMY/MurjkHhV4EDaCosezRXgZ8jzA/Ub+wjxAvbGvjoFENStinwi5kCyOYV3mi5tOGykwA==
+  version "1.0.30001642"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001642.tgz#6aa6610eb24067c246d30c57f055a9d0a7f8d05f"
+  integrity sha512-3XQ0DoRgLijXJErLSl+bLnJ+Et4KqV1PY6JJBGAFlsNsz31zeAIncyeZfLCabHK/jtSh+671RM9YMldxjUPZtA==
 
 chai@^4.3.10:
   version "4.4.1"
@@ -3097,7 +3138,7 @@ cookie-signature@1.0.6:
   resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
   integrity sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==
 
-cookie@0.6.0:
+cookie@0.6.0, cookie@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.6.0.tgz#2798b04b071b0ecbff0dbb62a505a8efa4e19051"
   integrity sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==
@@ -3340,9 +3381,9 @@ ee-first@1.1.1:
   integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
 
 electron-to-chromium@^1.4.820:
-  version "1.4.827"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.827.tgz#76068ed1c71dd3963e1befc8ae815004b2da6a02"
-  integrity sha512-VY+J0e4SFcNfQy19MEoMdaIcZLmDCprqvBtkii1WTCTQHpRvf5N8+3kTYCgL/PcntvwQvmMJWTuDPsq+IlhWKQ==
+  version "1.4.830"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.830.tgz#a11899bc3343bc28f57a87fcf83060e0d28038d4"
+  integrity sha512-TrPKKH20HeN0J1LHzsYLs2qwXrp8TF4nHdu4sq61ozGbzMpWhI7iIOPYPPkxeq1azMT9PZ8enPFcftbs/Npcjg==
 
 emoji-regex@^10.3.0:
   version "10.3.0"
@@ -3386,10 +3427,10 @@ error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-error-stack-parser-es@^0.1.1:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/error-stack-parser-es/-/error-stack-parser-es-0.1.4.tgz#b470e8fba110f70b8b39b748c985b436a6575659"
-  integrity sha512-l0uy0kAoo6toCgVOYaAayqtPa2a1L15efxUMEnQebKwLQX2X0OpS6wMMQdc4juJXmxd9i40DuaUHq+mjIya9TQ==
+error-stack-parser-es@^0.1.4:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/error-stack-parser-es/-/error-stack-parser-es-0.1.5.tgz#15b50b67bea4b6ed6596976ee07c7867ae25bb1c"
+  integrity sha512-xHku1X40RO+fO8yJ8Wh2f2rZWVjqyhb1zgq1yZ8aZRQkv6OOKhKWRUaht3eSCUbAOBaKIgM+ykwFLE+QUxgGeg==
 
 es-define-property@^1.0.0:
   version "1.0.0"
@@ -3470,12 +3511,12 @@ eslint-config-prettier@^9.0.0:
   integrity sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==
 
 eslint-plugin-prettier@^5.0.0:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-5.1.3.tgz#17cfade9e732cef32b5f5be53bd4e07afd8e67e1"
-  integrity sha512-C9GCVAs4Eq7ZC/XFQHITLiHJxQngdtraXaM+LoUFoFp/lHNl2Zn8f3WQbe9HvTBBQ9YnKFB0/2Ajdqwo5D1EAw==
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.1.tgz#d1c8f972d8f60e414c25465c163d16f209411f95"
+  integrity sha512-gH3iR3g4JfF+yYPaJYkN7jEl9QbweL/YfkoRlNnuIEHEz1vHVlCmWOS+eGGiRuzHQXdJFCOTxRgvju9b8VUmrw==
   dependencies:
     prettier-linter-helpers "^1.0.0"
-    synckit "^0.8.6"
+    synckit "^0.9.1"
 
 eslint-plugin-storybook@^0.8.0:
   version "0.8.0"
@@ -3869,9 +3910,9 @@ floating-vue@^5.2.2:
     vue-resize "^2.0.0-alpha.1"
 
 flow-parser@0.*:
-  version "0.239.1"
-  resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.239.1.tgz#45cfc79bbcc54332cffeb13293b82a7c7358cd1c"
-  integrity sha512-topOrETNxJ6T2gAnQiWqAlzGPj8uI2wtmNOlDIMNB+qyvGJZ6R++STbUOTAYmvPhOMz2gXnXPH0hOvURYmrBow==
+  version "0.241.0"
+  resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.241.0.tgz#cc42f2e1ea8e9ef0a9ab5a9c3d9be01fc121d973"
+  integrity sha512-82yKXpz7iWknWFsognZUf5a6mBQLnVrYoYSU9Nbu7FTOpKlu3v9ehpiI9mYXuaIO3J0ojX1b83M/InXvld9HUw==
 
 follow-redirects@^1.15.6:
   version "1.15.6"
@@ -4237,9 +4278,9 @@ human-signals@^5.0.0:
   integrity sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==
 
 husky@^9.0.11:
-  version "9.0.11"
-  resolved "https://registry.yarnpkg.com/husky/-/husky-9.0.11.tgz#fc91df4c756050de41b3e478b2158b87c1e79af9"
-  integrity sha512-AB6lFlbwwyIqMdHYhwPe+kjOC3Oc5P3nThEoW/AaO2BX3vJDjWPFxYLxokUZOo6RNX20He3AaT8sESs9NJcmEw==
+  version "9.1.1"
+  resolved "https://registry.yarnpkg.com/husky/-/husky-9.1.1.tgz#73f8f1b58329f377654293148c1a6458f54ca224"
+  integrity sha512-fCqlqLXcBnXa/TJXmT93/A36tJsjdJkibQ1MuIiFyCCYUlpYpIaj2mv1w+3KR6Rzu1IC3slFTje5f6DUp2A2rg==
 
 iconv-lite@0.4.24:
   version "0.4.24"
@@ -4342,9 +4383,9 @@ is-callable@^1.1.3:
   integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
 is-core-module@^2.13.0:
-  version "2.14.0"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.14.0.tgz#43b8ef9f46a6a08888db67b1ffd4ec9e3dfd59d1"
-  integrity sha512-a5dFJih5ZLYlRtDc0dZWP7RiKr6xIKzmn/oAYCDvdLThadVgyJwlaoQPmRtMSpz+rk0OGAgIu+TcM9HUF0fk1A==
+  version "2.15.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.15.0.tgz#71c72ec5442ace7e76b306e9d48db361f22699ea"
+  integrity sha512-Dd+Lb2/zvk9SKy1TGCt1wFJFo/MWBPMX5x7KcvLajWTGuomczdQX61PvY5yK6SVACwpoexWo81IfFyoKY2QnTA==
   dependencies:
     hasown "^2.0.2"
 
@@ -5091,9 +5132,9 @@ node-fetch-native@^1.6.3:
   integrity sha512-IhOigYzAKHd244OC0JIMIUrjzctirCmPkaIfhDeGcEETWof5zKYUW7e7MYvChGWh/4CJeXEgsRyGzuF334rOOQ==
 
 node-releases@^2.0.14:
-  version "2.0.14"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.14.tgz#2ffb053bceb8b2be8495ece1ab6ce600c4461b0b"
-  integrity sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==
+  version "2.0.17"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.17.tgz#d74bc4fec38d839eec5db2a3c9c963d4f33cb366"
+  integrity sha512-Ww6ZlOiEQfPfXM45v17oabk77Z7mg5bOt7AjDyzy7RjK9OrLrLC8dyZQoAPEOtFX9SaNf1Tdvr5gRJWdTJj7GA==
 
 nopt@^7.2.0:
   version "7.2.1"
@@ -5498,7 +5539,7 @@ postcss-value-parser@^4.2.0:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@^8.4.38, postcss@^8.4.39:
+postcss@^8.4.39:
   version "8.4.39"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.39.tgz#aa3c94998b61d3a9c259efa51db4b392e1bde0e3"
   integrity sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==
@@ -6029,9 +6070,9 @@ semver@^6.0.0, semver@^6.3.1:
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
 semver@^7.3.6, semver@^7.3.7, semver@^7.5.3, semver@^7.5.4, semver@^7.6.0:
-  version "7.6.2"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.2.tgz#1e3b34759f896e8f14d6134732ce798aeb0c6e13"
-  integrity sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==
+  version "7.6.3"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.3.tgz#980f7b5550bc175fb4dc09403085627f9eb33143"
+  integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==
 
 send@0.18.0:
   version "0.18.0"
@@ -6177,7 +6218,7 @@ slice-ansi@^7.0.0:
     ansi-styles "^6.2.1"
     is-fullwidth-code-point "^5.0.0"
 
-"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.2.0:
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.0.2, source-map-js@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.0.tgz#16b809c162517b5b8c3e7dcd315a2a5c2612b2af"
   integrity sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==
@@ -6226,14 +6267,14 @@ std-env@^3.5.0:
   integrity sha512-JPbdCEQLj1w5GilpiHAx3qJvFndqybBysA3qUOnznweH4QbNYUsW/ea8QzSrnh0vNsezMMw5bcVool8lM0gwzg==
 
 storybook@^8.1.10:
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/storybook/-/storybook-8.2.2.tgz#86224681b7d20ea9211b73bea18b56f00ae2506d"
-  integrity sha512-xDT9gyzAEFQNeK7P+Mj/8bNzN+fbm6/4D6ihdSzmczayjydpNjMs74HDHMY6S4Bfu6tRVyEK2ALPGnr6ZVofBA==
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/storybook/-/storybook-8.2.5.tgz#61b64f00709763492182f8128f4aa3bbe83bacc5"
+  integrity sha512-nfcly5CY3D6KuHbsfhScPaGeraRA9EJhO9GF00/dnI0GXW4ILS8Kwket515IkKAuKcdjdZis6maEuosbG//Kbg==
   dependencies:
     "@babel/core" "^7.24.4"
     "@babel/types" "^7.24.0"
-    "@storybook/codemod" "8.2.2"
-    "@storybook/core" "8.2.2"
+    "@storybook/codemod" "8.2.5"
+    "@storybook/core" "8.2.5"
     "@types/semver" "^7.3.4"
     "@yarnpkg/fslib" "2.10.3"
     "@yarnpkg/libzip" "2.3.0"
@@ -6486,10 +6527,10 @@ symbol-tree@^3.2.4:
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
   integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
 
-synckit@^0.8.6:
-  version "0.8.8"
-  resolved "https://registry.yarnpkg.com/synckit/-/synckit-0.8.8.tgz#fe7fe446518e3d3d49f5e429f443cf08b6edfcd7"
-  integrity sha512-HwOKAP7Wc5aRGYdKH+dw0PRRpbO841v2DENBtjnR5HFWoiNByAl7vrx3p0G/rCyYXQsrxqtX48TImFtPcIHSpQ==
+synckit@^0.9.1:
+  version "0.9.1"
+  resolved "https://registry.yarnpkg.com/synckit/-/synckit-0.9.1.tgz#febbfbb6649979450131f64735aa3f6c14575c88"
+  integrity sha512-7gr8p9TQP6RAHusBOSLs46F4564ZrjV8xFmw5zCmgmhGUcw2hxsShhJ6CEiHQMgPDwAQ1fWHPM0ypc4RMAig4A==
   dependencies:
     "@pkgr/core" "^0.1.0"
     tslib "^2.6.2"
@@ -6675,9 +6716,9 @@ type-fest@^2.12.2, type-fest@^2.19.0, type-fest@~2.19:
   integrity sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==
 
 type-fest@^4.8.3:
-  version "4.21.0"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-4.21.0.tgz#2eec399d9bda4ac686286314d07c6675fef3fdd8"
-  integrity sha512-ADn2w7hVPcK6w1I0uWnM//y1rLXZhzB9mr0a3OirzclKF1Wp6VzevUmzz/NRAWunOT6E8HrnpGY7xOfc6K57fA==
+  version "4.22.1"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-4.22.1.tgz#cc493ba0c1fb7faecb80d13a70525a75afd9d8d6"
+  integrity sha512-9tHNEa0Ov81YOopiVkcCJVz5TM6AEQ+CHHjFIktqPnE3NV0AHIkx+gh9tiCl58m/66wWxkOC9eltpa75J4lQPA==
 
 type-is@~1.6.18:
   version "1.6.18"
@@ -6698,23 +6739,23 @@ typescript@~5.4.0:
   integrity sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==
 
 ufo@^1.5.3:
-  version "1.5.3"
-  resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.5.3.tgz#3325bd3c977b6c6cd3160bf4ff52989adc9d3344"
-  integrity sha512-Y7HYmWaFwPUmkoQCUIAYpKqkOf+SbVj/2fJJZ4RJMCfZp0rTGwRbzQD+HghfnhKOjL9E01okqz+ncJskGYfBNw==
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.5.4.tgz#16d6949674ca0c9e0fbbae1fa20a71d7b1ded754"
+  integrity sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==
 
 undici-types@~5.26.4:
   version "5.26.5"
   resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-5.26.5.tgz#bcd539893d00b56e964fd2657a4866b221a65617"
   integrity sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==
 
-unhead@1.9.15:
-  version "1.9.15"
-  resolved "https://registry.yarnpkg.com/unhead/-/unhead-1.9.15.tgz#aee4fd658b3cacfebb12323c6c5a51147ac8f6dd"
-  integrity sha512-/99Wft1CT0fxsWzmBeOwuH/k4HdMeyfDGyB4wFNVZVNTffRHDOqaqQ6RS+LHPsIiCKmm9FP7Vq7Rz09Zs/fQJQ==
+unhead@1.9.16:
+  version "1.9.16"
+  resolved "https://registry.yarnpkg.com/unhead/-/unhead-1.9.16.tgz#1b231f3fc308b1707704923d4894b76d2373cb69"
+  integrity sha512-FOoXkuRNDwt7PUaNE0LXNCb6RCz4vTpkGymz4tJ8rcaG5uUJ0lxGK536hzCFwFw3Xkp3n+tkt2yCcbAZE/FOvA==
   dependencies:
-    "@unhead/dom" "1.9.15"
-    "@unhead/schema" "1.9.15"
-    "@unhead/shared" "1.9.15"
+    "@unhead/dom" "1.9.16"
+    "@unhead/schema" "1.9.16"
+    "@unhead/shared" "1.9.16"
     hookable "^5.5.3"
 
 unicode-canonical-property-names-ecmascript@^2.0.0:
@@ -6776,6 +6817,14 @@ unist-util-visit@^5.0.0:
     unist-util-is "^6.0.0"
     unist-util-visit-parents "^6.0.0"
 
+universal-cookie@^6.1.3:
+  version "6.1.3"
+  resolved "https://registry.yarnpkg.com/universal-cookie/-/universal-cookie-6.1.3.tgz#891386460f4407f8443d416d07f7334440c5516c"
+  integrity sha512-AETYRrhpRgl9T1YtnODmQE32G81U3A+f3HO3ZeK7efbXqe3x+RNOW4RTpV0iff7zJWhGYJA6EI0Mm+w50aFTAw==
+  dependencies:
+    "@types/cookie" "^0.6.0"
+    cookie "^0.6.0"
+
 universalify@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0"
@@ -6880,28 +6929,28 @@ vite-node@1.6.0:
     vite "^5.0.0"
 
 vite-plugin-inspect@^0.8.4:
-  version "0.8.4"
-  resolved "https://registry.yarnpkg.com/vite-plugin-inspect/-/vite-plugin-inspect-0.8.4.tgz#1fcdf6703164d651db3f13c8c6610e1ced5108e1"
-  integrity sha512-G0N3rjfw+AiiwnGw50KlObIHYWfulVwaCBUBLh2xTW9G1eM9ocE5olXkEYUbwyTmX+azM8duubi+9w5awdCz+g==
+  version "0.8.5"
+  resolved "https://registry.yarnpkg.com/vite-plugin-inspect/-/vite-plugin-inspect-0.8.5.tgz#9063a03c6868c3c78bdddd3a64aa57f7fa9cd3b7"
+  integrity sha512-JvTUqsP1JNDw0lMZ5Z/r5cSj81VK2B7884LO1DC3GMBhdcjcsAnJjdWq7bzQL01Xbh+v60d3lju3g+z7eAtNew==
   dependencies:
-    "@antfu/utils" "^0.7.7"
+    "@antfu/utils" "^0.7.10"
     "@rollup/pluginutils" "^5.1.0"
-    debug "^4.3.4"
-    error-stack-parser-es "^0.1.1"
+    debug "^4.3.5"
+    error-stack-parser-es "^0.1.4"
     fs-extra "^11.2.0"
     open "^10.1.0"
     perfect-debounce "^1.0.0"
-    picocolors "^1.0.0"
+    picocolors "^1.0.1"
     sirv "^2.0.4"
 
 vite-plugin-vue-devtools@^7.3.1:
-  version "7.3.5"
-  resolved "https://registry.yarnpkg.com/vite-plugin-vue-devtools/-/vite-plugin-vue-devtools-7.3.5.tgz#e938fe75fcbd34fcb6bfbb2d21d6bc1c6bcba27d"
-  integrity sha512-6omLXTfYu0bmSmncPSbj4mdMPB3t5dAZkUyriJikahGEnvv5gynHlydDsJShHT6l/5dCkvmSesSji/2a6FfutQ==
+  version "7.3.6"
+  resolved "https://registry.yarnpkg.com/vite-plugin-vue-devtools/-/vite-plugin-vue-devtools-7.3.6.tgz#33eb1d5c252e05cc4666462771319747cd3aec27"
+  integrity sha512-j4Cssv6DVBtMZfyVBEm/4MZy7BiL6RedEn+f9jT3zFyGZKG1vNuEpTO86XvPPbHbYdITFyrkWb7VQuWyhfSgqA==
   dependencies:
-    "@vue/devtools-core" "^7.3.5"
-    "@vue/devtools-kit" "^7.3.5"
-    "@vue/devtools-shared" "^7.3.5"
+    "@vue/devtools-core" "^7.3.6"
+    "@vue/devtools-kit" "^7.3.6"
+    "@vue/devtools-shared" "^7.3.6"
     execa "^8.0.1"
     sirv "^2.0.4"
     vite-plugin-inspect "^0.8.4"
@@ -6923,9 +6972,9 @@ vite-plugin-vue-inspector@^5.1.2:
     magic-string "^0.30.4"
 
 vite@^5.0.0, vite@^5.3.1:
-  version "5.3.3"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-5.3.3.tgz#5265b1f0a825b3b6564c2d07524777c83e3c04c2"
-  integrity sha512-NPQdeCU0Dv2z5fu+ULotpuq5yfCS1BzKUIPhNbP3YBfAMGJXbt2nS+sbTFu+qchaqWTD+H3JK++nRwr6XIcp6A==
+  version "5.3.4"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-5.3.4.tgz#b36ebd47c8a5e3a8727046375d5f10bf9fdf8715"
+  integrity sha512-Cw+7zL3ZG9/NZBB8C+8QbQZmR54GwqIz+WMI4b3JgdYJvX+ny9AjJXqkGQlDXSXRP9rP0B4tbciRMOVEKulVOA==
   dependencies:
     esbuild "^0.21.3"
     postcss "^8.4.39"
@@ -7020,6 +7069,15 @@ vue-eslint-parser@^9.3.1, vue-eslint-parser@^9.4.3:
     lodash "^4.17.21"
     semver "^7.3.6"
 
+vue-i18n@9:
+  version "9.13.1"
+  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-9.13.1.tgz#a292c8021b7be604ebfca5609ae1f8fafe5c36d7"
+  integrity sha512-mh0GIxx0wPtPlcB1q4k277y0iKgo25xmDPWioVVYanjPufDBpvu5ySTjP5wOrSvlYQ2m1xI+CFhGdauv/61uQg==
+  dependencies:
+    "@intlify/core-base" "9.13.1"
+    "@intlify/shared" "9.13.1"
+    "@vue/devtools-api" "^6.5.0"
+
 vue-inbrowser-compiler-independent-utils@^4.69.0:
   version "4.71.1"
   resolved "https://registry.yarnpkg.com/vue-inbrowser-compiler-independent-utils/-/vue-inbrowser-compiler-independent-utils-4.71.1.tgz#dc6830b204f7cfdc30ffc4f31ba81b0c72c52136"
@@ -7060,15 +7118,15 @@ vue-tsc@^2.0.21:
     semver "^7.5.4"
 
 vue@^3.4.29:
-  version "3.4.31"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.4.31.tgz#83a3c4dab8302b0e974b0d4b92a2f6a6378ae797"
-  integrity sha512-njqRrOy7W3YLAlVqSKpBebtZpDVg21FPoaq1I7f/+qqBThK9ChAIjkRWgeP6Eat+8C+iia4P3OYqpATP21BCoQ==
-  dependencies:
-    "@vue/compiler-dom" "3.4.31"
-    "@vue/compiler-sfc" "3.4.31"
-    "@vue/runtime-dom" "3.4.31"
-    "@vue/server-renderer" "3.4.31"
-    "@vue/shared" "3.4.31"
+  version "3.4.33"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.4.33.tgz#42a186220c96b93143076871d0c7d7bc46540e4a"
+  integrity sha512-VdMCWQOummbhctl4QFMcW6eNtXHsFyDlX60O/tsSQuCcuDOnJ1qPOhhVla65Niece7xq/P2zyZReIO5mP+LGTQ==
+  dependencies:
+    "@vue/compiler-dom" "3.4.33"
+    "@vue/compiler-sfc" "3.4.33"
+    "@vue/runtime-dom" "3.4.33"
+    "@vue/server-renderer" "3.4.33"
+    "@vue/shared" "3.4.33"
 
 w3c-xmlserializer@^5.0.0:
   version "5.0.0"

From a49719d8b1ab48bf1f680804d9fa1493ae22a1e5 Mon Sep 17 00:00:00 2001
From: mnenie <121057011+mneniee@users.noreply.github.com>
Date: Sat, 20 Jul 2024 18:46:04 +0300
Subject: [PATCH 2/4] fix: select stories

---
 src/shared/ui/select/UiSelect.stories.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/shared/ui/select/UiSelect.stories.ts b/src/shared/ui/select/UiSelect.stories.ts
index c3c130a..27049c4 100644
--- a/src/shared/ui/select/UiSelect.stories.ts
+++ b/src/shared/ui/select/UiSelect.stories.ts
@@ -1,12 +1,15 @@
 import type { Meta, StoryFn } from '@storybook/vue3';
 import UiSelect from './UiSelect.vue';
+import type { Options } from './types';
 
 export default {
   title: 'UiSelect',
   component: UiSelect,
   args: {
-    options: ['English', 'Русский', '简体中文'],
-    modelValue: 'English'
+    options: [
+      { name: 'Option 1', value: '1' },
+      { name: 'Option 2', value: '2' }
+    ] as Options[]
   }
 } as Meta<typeof UiSelect>;
 

From e14e11b5422499b0215f2730141676e9f48fccb8 Mon Sep 17 00:00:00 2001
From: mnenie <121057011+mneniee@users.noreply.github.com>
Date: Sat, 20 Jul 2024 23:26:15 +0300
Subject: [PATCH 3/4] localization: templates, fix: bugs

---
 src/entities/board/ui/BoardPreviewCard.vue    | 13 +--
 src/entities/chart/model/types.ts             |  4 +-
 src/entities/chart/ui/ChartItem.vue           |  7 +-
 src/entities/template/config/index.ts         |  8 +-
 src/entities/template/ui/TemplateItem.vue     | 11 ++-
 .../boards/add-board/ui/CreationBoard.vue     |  9 ++-
 .../boards/add-board/ui/FormCreation.vue      | 16 ++--
 .../boards/filter/ui/FilterBoards.vue         | 22 +++++-
 src/features/filter/ui/SearchFilter.vue       |  3 +
 src/features/plan/ui/PlanCard.vue             |  3 +-
 .../lang-switcher/ui/LanguageSwitcher.vue     |  2 +-
 src/pages/Templates.vue                       | 13 +--
 src/shared/lib/i18n/index.ts                  |  6 +-
 src/shared/lib/i18n/locales/en-US.ts          | 62 +++++++++++++++
 src/shared/lib/i18n/locales/ru-RU.ts          | 64 ++++++++++++++-
 src/shared/lib/i18n/locales/zh-CN.ts          | 79 +++++++++++++++++++
 src/shared/ui/input/UiInput.vue               |  2 +-
 src/shared/ui/sheet/UiSheet.vue               | 18 +++--
 src/widgets/boards/config/charts.data.ts      | 10 +--
 src/widgets/boards/ui/TeamBoards.vue          |  9 ++-
 src/widgets/templates/ui/AllTemplates.vue     | 17 +++-
 21 files changed, 324 insertions(+), 54 deletions(-)
 create mode 100644 src/shared/lib/i18n/locales/zh-CN.ts

diff --git a/src/entities/board/ui/BoardPreviewCard.vue b/src/entities/board/ui/BoardPreviewCard.vue
index a062c4e..d067bd6 100644
--- a/src/entities/board/ui/BoardPreviewCard.vue
+++ b/src/entities/board/ui/BoardPreviewCard.vue
@@ -1,13 +1,16 @@
 <script setup lang="ts">
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
 import type { UserType } from '@/entities/user/model';
-import type { BoardPreview } from '../model';
 import { UserAvatar } from '@/entities/user';
-import { computed } from 'vue';
+import type { BoardPreview } from '../model';
 
 defineProps<{
   board: BoardPreview;
 }>();
 
+const { t } = useI18n();
+
 const userPosition = computed(() => {
   return (board: BoardPreview, user: UserType) => {
     return (board.users.length - 1 - +user._id!) * 12;
@@ -21,7 +24,7 @@ const userPosition = computed(() => {
       <span class="text-xs">{{ board.description }}</span>
     </div>
     <div :class="$style.bottom_part">
-      <span class="text-xs"> Updated: May 2024</span>
+      <span class="text-xs"> {{ t('boards.card.date_updated') }}: May 2024</span>
       <div :class="$style.users">
         <template v-for="user in board.users" :key="user._id">
           <UserAvatar
@@ -102,9 +105,9 @@ const userPosition = computed(() => {
       }
     }
 
-    .bottom_part{
+    .bottom_part {
       & > span {
-        color: var(--zinc-300)
+        color: var(--zinc-300);
       }
     }
   }
diff --git a/src/entities/chart/model/types.ts b/src/entities/chart/model/types.ts
index cd12ce6..6702352 100644
--- a/src/entities/chart/model/types.ts
+++ b/src/entities/chart/model/types.ts
@@ -2,7 +2,7 @@ import type { Component } from 'vue';
 
 export interface Chart {
   id: string;
-  title: string;
-  description: string;
+  titleKeyI18n: string;
+  descriptionKeyI18n: string;
   chart: Component;
 }
diff --git a/src/entities/chart/ui/ChartItem.vue b/src/entities/chart/ui/ChartItem.vue
index a1af796..e86b708 100644
--- a/src/entities/chart/ui/ChartItem.vue
+++ b/src/entities/chart/ui/ChartItem.vue
@@ -1,16 +1,19 @@
 <script setup lang="ts">
+import { useI18n } from 'vue-i18n';
 import type { Chart } from '../model';
 
 defineProps<{
   chart: Chart;
 }>();
+
+const { t } = useI18n();
 </script>
 
 <template>
   <div :class="$style.chart_container">
-    <h4 class="heading-4">{{ chart.title }}</h4>
+    <h4 class="heading-4">{{ t(`boards.chart.${chart.titleKeyI18n}`) }}</h4>
     <p class="text-sm">
-      {{ chart.description }}
+      {{ t(`boards.chart.${chart.descriptionKeyI18n}`) }}
     </p>
     <div :class="$style.chart">
       <component :is="chart.chart" />
diff --git a/src/entities/template/config/index.ts b/src/entities/template/config/index.ts
index 724b87e..8d3039e 100644
--- a/src/entities/template/config/index.ts
+++ b/src/entities/template/config/index.ts
@@ -1,7 +1,7 @@
-import { reactive } from 'vue';
+import { shallowReactive } from 'vue';
 import type { Template } from '../model';
 
-export const templates = reactive<Template[]>([
+export const _templates = shallowReactive<Template[]>([
   {
     id: '0',
     title: 'Base Kanban',
@@ -17,7 +17,7 @@ export const templates = reactive<Template[]>([
     img: 'https://storage.weeek.net/templates/tm/development-and-product/roadmap.png',
     tag: 'New',
     description: `Create a project based on our "Roadmap" template`,
-    date: 'June 12, 2024',
+    date: 'June 18, 2024',
     user: 'https://avatars.githubusercontent.com/u/121057011?v=4'
   },
   {
@@ -26,7 +26,7 @@ export const templates = reactive<Template[]>([
     img: 'https://storage.weeek.net/templates/tm/development-and-product/web-development.png',
     tag: 'New',
     description: `Create a basic project with "Web Development" template`,
-    date: 'June 12, 2024',
+    date: 'July 16, 2024',
     user: 'https://avatars.githubusercontent.com/u/121057011?v=4'
   }
 ]);
diff --git a/src/entities/template/ui/TemplateItem.vue b/src/entities/template/ui/TemplateItem.vue
index d458da7..0520839 100644
--- a/src/entities/template/ui/TemplateItem.vue
+++ b/src/entities/template/ui/TemplateItem.vue
@@ -1,10 +1,13 @@
 <script setup lang="ts">
+import { useI18n } from 'vue-i18n';
 import { UiBadge } from '@/shared/ui';
 import type { Template } from '../model';
 
 defineProps<{
   template: Template;
 }>();
+
+const { t } = useI18n();
 </script>
 
 <template>
@@ -20,7 +23,7 @@ defineProps<{
       </div>
       <div :class="$style.bottom">
         <span class="text-xs">{{ template.date }}</span>
-        <img v-tooltip.bottom-end="'creator'" :src="template.user" />
+        <img v-tooltip.bottom-end="t('templates.user')" :src="template.user" />
       </div>
     </div>
   </div>
@@ -60,6 +63,7 @@ defineProps<{
   }
   .main_content {
     padding: 15px;
+    width: 100%;
 
     .text {
       display: flex;
@@ -77,6 +81,7 @@ defineProps<{
     display: flex;
     align-items: center;
     justify-content: space-between;
+    width: 100%;
 
     & img {
       width: 20px;
@@ -93,10 +98,10 @@ defineProps<{
     &:hover {
       border-color: var(--zinc-400);
     }
-    .img_wrapper{
+    .img_wrapper {
       border-color: var(--zinc-600);
     }
-    .main_content{
+    .main_content {
       & span {
         color: var(--zinc-200);
       }
diff --git a/src/features/boards/add-board/ui/CreationBoard.vue b/src/features/boards/add-board/ui/CreationBoard.vue
index aaf4682..2342ae1 100644
--- a/src/features/boards/add-board/ui/CreationBoard.vue
+++ b/src/features/boards/add-board/ui/CreationBoard.vue
@@ -1,11 +1,14 @@
 <script setup lang="ts">
 import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { UiSheet } from '@/shared/ui';
 import type { SheetElement } from '@/shared/ui';
 import FormCreation from './FormCreation.vue';
 
 const sheet = ref<SheetElement | null>(null);
 
+const { t } = useI18n();
+
 const open = () => {
   if (sheet.value) {
     sheet.value.open();
@@ -15,13 +18,13 @@ const open = () => {
 
 <template>
   <div :class="$style.creation" @click="open">
-    <span style="font-weight: 500">+ Create new board</span>
+    <span style="font-weight: 500">+ {{ t('boards.create') }}</span>
   </div>
   <UiSheet ref="sheet">
     <template #header>
-      <p class="text-lg" style="font-weight: 500">Create board</p>
+      <p class="text-lg" style="font-weight: 500">{{ t('sheet.title') }}</p>
       <span :class="[$style.desc, 'text-sm']">
-        The new board will allow you to create tasks for solving them.
+        {{ t('sheet.description') }}
       </span>
     </template>
     <template #default>
diff --git a/src/features/boards/add-board/ui/FormCreation.vue b/src/features/boards/add-board/ui/FormCreation.vue
index 59fbc21..2557fd9 100644
--- a/src/features/boards/add-board/ui/FormCreation.vue
+++ b/src/features/boards/add-board/ui/FormCreation.vue
@@ -1,12 +1,14 @@
 <script setup lang="ts">
-import { UiButton, UiInput } from '@/shared/ui';
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useField, useForm } from 'vee-validate';
 import { toTypedSchema } from '@vee-validate/zod';
+import { UiButton, UiInput } from '@/shared/ui';
 import { Loader2 } from 'lucide-vue-next';
 import { validationRules } from '../config/validation';
-import { useField, useForm } from 'vee-validate';
-import { ref } from 'vue';
 
 const validationSchema = toTypedSchema(validationRules);
+const { t } = useI18n();
 
 const { handleSubmit, errors } = useForm({
   validationSchema
@@ -23,16 +25,16 @@ const create = handleSubmit((values) => {
     <div :class="$style.form_container">
       <div :class="$style.form_fields">
         <div v-auto-animate :class="$style.field">
-          <label class="text-sm" for="name">Board name</label>
-          <UiInput id="name" v-model="name" :placeholder="'e.g. Nice board'" />
+          <label class="text-sm" for="name">{{ t('sheet.form.name.label') }}</label>
+          <UiInput id="name" v-model="name" :placeholder="t('sheet.form.name.placeholder')" />
           <span v-if="errors.name" class="text-xs">{{ errors.name }}</span>
         </div>
         <div :class="$style.field">
-          <label class="text-sm" for="description">Board description</label>
+          <label class="text-sm" for="description">{{ t('sheet.form.description.label') }}</label>
           <UiInput
             id="description"
             v-model="description"
-            :placeholder="'e.g. development board for our company'"
+            :placeholder="t('sheet.form.description.placeholder')"
           />
         </div>
       </div>
diff --git a/src/features/boards/filter/ui/FilterBoards.vue b/src/features/boards/filter/ui/FilterBoards.vue
index 6784f06..73f40f8 100644
--- a/src/features/boards/filter/ui/FilterBoards.vue
+++ b/src/features/boards/filter/ui/FilterBoards.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useDark } from '@vueuse/core';
 import { UiButton, UiInput } from '@/shared/ui';
 import { ArrowUpDown, Search, History } from 'lucide-vue-next';
@@ -10,6 +11,8 @@ const isDark = useDark();
 const iconColor = computed(() => {
   return isDark.value ? 'var(--zinc-300)' : 'rgb(82 82 91 / 0.9)';
 });
+
+const { t } = useI18n();
 </script>
 
 <template>
@@ -20,15 +23,23 @@ const iconColor = computed(() => {
         id="filter"
         ref="filterRef"
         v-model.trim="filter"
-        :placeholder="'Filter boards...'"
+        :placeholder="t('boards.filter.input')"
         :class="$style.filter"
       />
     </div>
-    <UiButton v-tooltip.bottom="'Sort boards by popularity'" :variant="'dashed'" style="padding: 0 12px">
+    <UiButton
+      v-tooltip.bottom="t('boards.filter.tooltips.first_sort')"
+      :variant="'dashed'"
+      style="padding: 0 12px"
+    >
       <ArrowUpDown :size="17" :color="iconColor" />
-      <span style="margin-left: 6px">By popularity</span>
+      <span style="margin-left: 6px">{{ t('boards.filter.popularity') }}</span>
     </UiButton>
-    <UiButton v-tooltip.bottom="'Show recent boards'" :variant="'dashed'" style="padding: 0 12px">
+    <UiButton
+      v-tooltip.bottom="t('boards.filter.tooltips.second_sort')"
+      :variant="'dashed'"
+      style="padding: 0 12px"
+    >
       <History :size="17" :color="iconColor" />
     </UiButton>
   </div>
@@ -69,6 +80,9 @@ const iconColor = computed(() => {
     .filter_container {
       .filter {
         background-color: rgba(var(--zinc-rgb-600), 0.4);
+        &::placeholder {
+          color: var(--zinc-200);
+        }
       }
     }
   }
diff --git a/src/features/filter/ui/SearchFilter.vue b/src/features/filter/ui/SearchFilter.vue
index 1031895..98a0d83 100644
--- a/src/features/filter/ui/SearchFilter.vue
+++ b/src/features/filter/ui/SearchFilter.vue
@@ -106,6 +106,9 @@ const { t } = useI18n();
   .search_container {
     .input_filter {
       background-color: transparent;
+      &::placeholder {
+        color: var(--zinc-200);
+      }
     }
     .badge {
       & span {
diff --git a/src/features/plan/ui/PlanCard.vue b/src/features/plan/ui/PlanCard.vue
index 7b60db5..5df1328 100644
--- a/src/features/plan/ui/PlanCard.vue
+++ b/src/features/plan/ui/PlanCard.vue
@@ -9,9 +9,10 @@ const props = defineProps<{
   isExpanded: boolean;
 }>();
 
-const isDark = useDark();
 const { t } = useI18n();
 
+const isDark = useDark();
+
 const planPosition = computed(() => {
   return props.isExpanded ? 'flex-start' : 'center';
 });
diff --git a/src/features/settings/lang-switcher/ui/LanguageSwitcher.vue b/src/features/settings/lang-switcher/ui/LanguageSwitcher.vue
index 5f9e522..36d456e 100644
--- a/src/features/settings/lang-switcher/ui/LanguageSwitcher.vue
+++ b/src/features/settings/lang-switcher/ui/LanguageSwitcher.vue
@@ -10,7 +10,7 @@ const { locale } = useI18n();
 const options = shallowReactive<Options[]>([
   { name: 'English', value: 'en-US' },
   { name: 'Русский', value: 'ru-RU' },
-  { name: '简体中文', value: 'zn-CN' }
+  { name: '简体中文', value: 'zh-CN' }
 ]);
 
 const cookies = useCookies();
diff --git a/src/pages/Templates.vue b/src/pages/Templates.vue
index afbb8a6..125c215 100644
--- a/src/pages/Templates.vue
+++ b/src/pages/Templates.vue
@@ -1,16 +1,19 @@
 <script setup lang="ts">
 import { useHead } from '@unhead/vue';
+import { useI18n } from 'vue-i18n';
 import { AllTemplates } from '@/widgets/templates';
 
 useHead({
   title: 'Jenda | Templates'
 });
+
+const { t } = useI18n();
 </script>
 
 <template>
-  <div v-once :class="$style.top">
-    <h4 class="heading-4">Templates</h4>
-    <p class="text-sm">Choose one of the available templates to create your project</p>
+  <div :class="$style.top">
+    <h4 class="heading-4">{{ t('templates.title') }}</h4>
+    <p class="text-sm">{{ t('templates.description') }}</p>
   </div>
   <AllTemplates />
 </template>
@@ -27,8 +30,8 @@ useHead({
   }
 }
 
-:global(html.dark){
-  .top{
+:global(html.dark) {
+  .top {
     & > p {
       color: var(--zinc-300);
     }
diff --git a/src/shared/lib/i18n/index.ts b/src/shared/lib/i18n/index.ts
index c324a60..10f3da2 100644
--- a/src/shared/lib/i18n/index.ts
+++ b/src/shared/lib/i18n/index.ts
@@ -2,6 +2,7 @@ import { createI18n } from 'vue-i18n';
 import { useCookies } from '@vueuse/integrations/useCookies';
 import enLocale from './locales/en-US';
 import ruLocale from './locales/ru-RU';
+import zhLocale from './locales/zh-CN';
 
 type MessageSchema = typeof enLocale;
 
@@ -11,6 +12,9 @@ const messages = {
   },
   'ru-RU': {
     ...ruLocale
+  },
+  'zh-CN': {
+    ...zhLocale
   }
 };
 const cookies = useCookies();
@@ -24,7 +28,7 @@ const getCurrentLocale = () => {
   return 'en-US';
 };
 
-const i18n = createI18n<[MessageSchema], 'en-US' | 'ru-RU'>({
+const i18n = createI18n<[MessageSchema], 'en-US' | 'ru-RU' | 'zh-CN'>({
   legacy: false,
   locale: getCurrentLocale(),
   messages: messages
diff --git a/src/shared/lib/i18n/locales/en-US.ts b/src/shared/lib/i18n/locales/en-US.ts
index 05f56ec..418f03b 100644
--- a/src/shared/lib/i18n/locales/en-US.ts
+++ b/src/shared/lib/i18n/locales/en-US.ts
@@ -13,5 +13,67 @@ export default {
     upgrade: 'Upgrade "Pro"',
     collaboration: 'Invite members',
     name: 'Test Workspace'
+  },
+  boards: {
+    title: 'Boards in this team',
+    description: 'All your active boards are located here, which you can switch to and work on',
+    create: 'Create new board',
+    filter: {
+      input: 'Filter boards...',
+      popularity: 'By popularity',
+      tooltips: {
+        first_sort: 'Sort boards by popularity',
+        second_sort: 'Show recent boards'
+      }
+    },
+    card: {
+      date_updated: 'Updated'
+    },
+    chart: {
+      title_boards: 'Сreated boards',
+      description_boards: 'Create, share, work, and then analyze your activity on Jenda',
+      title_tasks: 'Your tasks',
+      description_tasks: 'Solve and complete the tasks you started'
+    }
+  },
+  templates: {
+    title: 'Templates',
+    description: 'Choose one of the available templates to create your project',
+    user: 'creator',
+    items: [
+      {
+        title: 'Base Kanban',
+        tag: 'Recommended',
+        description: 'Create a basic project with "Base Kanban" template',
+        date: 'June 12, 2024'
+      },
+      {
+        title: 'Roadmap',
+        tag: 'New',
+        description: 'Create a project based on our "Roadmap" template',
+        date: 'June 18, 2024'
+      },
+      {
+        title: 'Web Development',
+        tag: 'New',
+        description: 'Create a basic project with "Web Development" template',
+        date: 'July 16, 2024'
+      }
+    ]
+  },
+  sheet: {
+    title: 'Create board',
+    description: 'The new board will allow you to create tasks for solving them.',
+    form: {
+      name: {
+        label: 'Board name',
+        placeholder: 'e.g. "Jenda"'
+      },
+      description: {
+        label: 'Board description',
+        placeholder: 'e.g. development board for our company'
+      },
+      submit: 'Create board'
+    }
   }
 };
diff --git a/src/shared/lib/i18n/locales/ru-RU.ts b/src/shared/lib/i18n/locales/ru-RU.ts
index e669aac..e1a8fe3 100644
--- a/src/shared/lib/i18n/locales/ru-RU.ts
+++ b/src/shared/lib/i18n/locales/ru-RU.ts
@@ -1,6 +1,6 @@
 export default {
   sidebar: {
-    badge: 'бесплатно',
+    badge: 'free',
     input: 'Поиск',
     section: 'рабочее пространство',
     boards: 'Доски',
@@ -13,5 +13,67 @@ export default {
     upgrade: 'Обновите до "Pro"',
     collaboration: 'Пригласить участников',
     name: 'Тестовое рабочее пространство'
+  },
+  boards: {
+    title: 'Доски в этой команде',
+    description: 'Все ваши активные доски находятся здесь, вы можете переключаться и работать с ними',
+    create: 'Создать новую доску',
+    filter: {
+      input: 'Найти доску...',
+      popularity: 'По популярности',
+      tooltips: {
+        first_sort: 'Сортировать доски по популярности',
+        second_sort: 'Последние доски'
+      }
+    },
+    card: {
+      date_updated: 'Обновлено'
+    },
+    chart: {
+      title_boards: 'Созданные доски',
+      description_boards: 'Создавайте, делитесь, а затем анализируйте свою активность на Jenda',
+      title_tasks: 'Ваши задачи',
+      description_tasks: 'Решайте и завершайте начатые задачи'
+    }
+  },
+  templates: {
+    title: 'Шаблоны',
+    description: 'Выберите один из доступных шаблонов, чтобы создать ваш проект',
+    user: 'создатель',
+    items: [
+      {
+        title: 'Базовый шаблон',
+        tag: 'Рекомендуемый',
+        description: 'Создайте базовый проект с помощью шаблона "Базовый шаблон"',
+        date: '12 июня 2024'
+      },
+      {
+        title: 'Дорожная карта',
+        tag: 'Новый',
+        description: 'Создайте проект на основе нашего шаблона "Дорожная карта"',
+        date: '18 июня 2024'
+      },
+      {
+        title: 'Веб-разработка',
+        tag: 'Новый',
+        description: 'Создайте базовый проект с помощью шаблона "Веб-разработка"',
+        date: '16 июля 2024'
+      }
+    ]
+  },
+  sheet: {
+    title: 'Создать доску',
+    description: 'Новая доска позволит вам создавать задачи для их решения.',
+    form: {
+      name: {
+        label: 'Название доски',
+        placeholder: 'например, "Jenda"'
+      },
+      description: {
+        label: 'Описание доски',
+        placeholder: 'например, доска для разработки нашей компании'
+      },
+      submit: 'Создать доску'
+    }
   }
 };
diff --git a/src/shared/lib/i18n/locales/zh-CN.ts b/src/shared/lib/i18n/locales/zh-CN.ts
new file mode 100644
index 0000000..5a798af
--- /dev/null
+++ b/src/shared/lib/i18n/locales/zh-CN.ts
@@ -0,0 +1,79 @@
+export default {
+  sidebar: {
+    badge: '免费',
+    input: '搜索',
+    section: '工作区',
+    boards: '看板',
+    templates: '模板',
+    members: '成员',
+    settings: '设置',
+    plan: '升级你的计划'
+  },
+  header: {
+    upgrade: '升级到“专业版”',
+    collaboration: '邀请成员',
+    name: '测试工作区'
+  },
+  boards: {
+    title: '此团队的看板',
+    description: '所有活动中的看板都在这里，你可以切换并进行操作',
+    create: '创建新看板',
+    filter: {
+      input: '筛选看板...',
+      popularity: '按热门排序',
+      tooltips: {
+        first_sort: '按热门排序看板',
+        second_sort: '显示最近的看板'
+      }
+    },
+    card: {
+      date_updated: '更新时间'
+    },
+    chart: {
+      title_boards: '创建的看板',
+      description_boards: '在 Jenda 上创建、分享、工作，然后分析你的活动',
+      title_tasks: '你的任务',
+      description_tasks: '解决并完成你开始的任务'
+    }
+  },
+  templates: {
+    title: '模板',
+    description: '选择一个可用模板来创建您的项目',
+    user: '创建者',
+    items: [
+      {
+        title: '基础看板',
+        tag: '推荐',
+        description: '使用 "基础看板" 模板创建一个基本项目',
+        date: '2024年6月12日'
+      },
+      {
+        title: '路线图',
+        tag: '新',
+        description: '基于我们的 "路线图" 模板创建一个项目',
+        date: '2024年6月18日'
+      },
+      {
+        title: '网页开发',
+        tag: '新',
+        description: '使用 "网页开发" 模板创建一个基本项目',
+        date: '2024年7月16日'
+      }
+    ]
+  },
+  sheet: {
+    title: '创建看板',
+    description: '新看板将允许你创建任务以进行解决。',
+    form: {
+      name: {
+        label: '看板名称',
+        placeholder: '例如 “Jenda”'
+      },
+      description: {
+        label: '看板描述',
+        placeholder: '例如 我们公司的开发看板'
+      },
+      submit: '创建看板'
+    }
+  }
+};
diff --git a/src/shared/ui/input/UiInput.vue b/src/shared/ui/input/UiInput.vue
index 7a22f58..6a38155 100644
--- a/src/shared/ui/input/UiInput.vue
+++ b/src/shared/ui/input/UiInput.vue
@@ -70,7 +70,7 @@ const emit = defineEmits(['update:modelValue']);
     background-color: rgba(var(--zinc-rgb-700), 0.8);
 
     &::placeholder {
-      color: var(--zinc-200);
+      color: var(--zinc-300);
     }
   }
 }
diff --git a/src/shared/ui/sheet/UiSheet.vue b/src/shared/ui/sheet/UiSheet.vue
index 8bd84e5..e6e6ff8 100644
--- a/src/shared/ui/sheet/UiSheet.vue
+++ b/src/shared/ui/sheet/UiSheet.vue
@@ -176,14 +176,14 @@ defineExpose({ open, close });
     display: none;
   }
 
-  .sheet_header{
+  .sheet_header {
     display: flex;
     flex-direction: column;
     gap: 6px;
     padding: 5px 0px;
     margin-bottom: 20px;
 
-    .header_icon{
+    .header_icon {
       cursor: pointer;
       color: var(--zinc-600);
       position: absolute;
@@ -191,18 +191,26 @@ defineExpose({ open, close });
       top: 15px;
       transition: color 0.1s ease-in;
 
-      &:hover{
+      &:hover {
         color: var(--zinc-900);
       }
     }
   }
 }
 
-:global(html.dark){
+:global(html.dark) {
   .sheet {
-    .sheet_content{
+    .sheet_content {
       background-color: rgba(var(--zinc-rgb-800), 1);
     }
+    .sheet_header {
+      .header_icon {
+        color: var(--zinc-400);
+        &:hover {
+          color: var(--zinc-300);
+        }
+      }
+    }
   }
 }
 </style>
diff --git a/src/widgets/boards/config/charts.data.ts b/src/widgets/boards/config/charts.data.ts
index 3b1c001..47d4314 100644
--- a/src/widgets/boards/config/charts.data.ts
+++ b/src/widgets/boards/config/charts.data.ts
@@ -1,18 +1,18 @@
+import { shallowRef } from 'vue';
 import type { Chart } from '@/entities/chart/model';
 import { ActivityBoardChart, ActivityTaskChart } from '@/features/boards';
-import { shallowRef } from 'vue';
 
 export const chartsData = shallowRef<Chart[]>([
   {
     id: '0',
-    title: 'Сreated boards',
-    description: 'Create, share, work, and then analyze your activity on Jenda',
+    titleKeyI18n: 'title_boards',
+    descriptionKeyI18n: 'description_boards',
     chart: ActivityBoardChart
   },
   {
     id: '1',
-    title: 'Your tasks',
-    description: 'Solve and complete the tasks you started',
+    titleKeyI18n: 'title_tasks',
+    descriptionKeyI18n: 'description_tasks',
     chart: ActivityTaskChart
   }
 ]);
diff --git a/src/widgets/boards/ui/TeamBoards.vue b/src/widgets/boards/ui/TeamBoards.vue
index 26fec03..edf4c9a 100644
--- a/src/widgets/boards/ui/TeamBoards.vue
+++ b/src/widgets/boards/ui/TeamBoards.vue
@@ -1,8 +1,11 @@
 <script setup lang="ts">
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { BoardPreviewCard } from '@/entities/board';
 import type { BoardPreview } from '@/entities/board/model';
 import { CreationBoard, FilterBoards } from '@/features/boards';
-import { ref } from 'vue';
+
+const { t } = useI18n();
 
 const boards = ref<BoardPreview[]>([
   {
@@ -22,8 +25,8 @@ const boards = ref<BoardPreview[]>([
   <div :class="$style.boards_inside">
     <div :class="$style.top_part">
       <div :class="$style.text">
-        <h4 class="heading-4">Boards in this team</h4>
-        <p class="text-sm">All your active boards are located here, which you can switch to and work on</p>
+        <h4 class="heading-4">{{ t('boards.title') }}</h4>
+        <p class="text-sm">{{ t('boards.description') }}</p>
       </div>
       <FilterBoards />
     </div>
diff --git a/src/widgets/templates/ui/AllTemplates.vue b/src/widgets/templates/ui/AllTemplates.vue
index f9e353b..572f510 100644
--- a/src/widgets/templates/ui/AllTemplates.vue
+++ b/src/widgets/templates/ui/AllTemplates.vue
@@ -1,5 +1,20 @@
 <script setup lang="ts">
-import { TemplateItem, templates } from '@/entities/template';
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { TemplateItem, _templates } from '@/entities/template';
+
+const { tm } = useI18n();
+
+const templates = computed(() => {
+  const localeArr = tm('templates.items') as (typeof TemplateItem)[];
+  return _templates.map((template, index) => ({
+    ...template,
+    title: localeArr[index].title,
+    tag: localeArr[index].tag,
+    description: localeArr[index].description,
+    date: localeArr[index].date
+  }));
+});
 </script>
 
 <template>

From 0db8d4a3ff61ae7f6cac0dbe183338409f590e5e Mon Sep 17 00:00:00 2001
From: mnenie <121057011+mneniee@users.noreply.github.com>
Date: Sat, 20 Jul 2024 23:26:58 +0300
Subject: [PATCH 4/4] feat: route block

---
 src/app/providers/router/index.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/providers/router/index.ts b/src/app/providers/router/index.ts
index de98924..ea9c0ff 100644
--- a/src/app/providers/router/index.ts
+++ b/src/app/providers/router/index.ts
@@ -81,7 +81,7 @@ export const router = createRouter({
 router.beforeEach((to, from) => {
   // TODO(@mnenie): Add guards logic
   // Needs to add guard auth logic in router
-  // if (to.meta.requiresAuth === true) {
-  //   return router.push({ name: RouteNames.login });
-  // }
+  if (to.meta.requiresAuth === true) {
+    return router.push({ name: RouteNames.login });
+  }
 });