From a89f52c1ca3e708d2ee884c188e67ca129d2c06d Mon Sep 17 00:00:00 2001
From: quilin <v.quilin@gmail.com>
Date: Fri, 12 Dec 2025 01:01:14 +0100
Subject: [PATCH 01/10] [DM.Front] Refactoring, no more storeToRefs

---
 .../src/components/index.ts                   | 60 --------------
 .../src/components/likes/DmLike.vue           | 19 +++--
 frontend/DM.Web.Modern.Temp/src/main.ts       |  3 -
 .../DM.Web.Modern.Temp/src/stores/index.ts    | 11 ++-
 .../src/views/layout/TheHeader.vue            | 18 ++--
 .../src/views/layout/header/PlayerActions.vue | 22 +++--
 .../src/views/layout/menu/ForumsList.vue      | 17 ++--
 .../src/views/layout/sidebar/ActivePolls.vue  | 14 ++--
 .../src/views/pages/about/AboutPage.vue       |  6 +-
 .../src/views/pages/about/ReviewList.vue      | 11 ++-
 .../views/pages/community/CommunityPage.vue   |  6 +-
 .../src/views/pages/community/UsersList.vue   | 17 ++--
 .../src/views/pages/forum/CreateTopic.vue     |  6 +-
 .../src/views/pages/forum/ForumPage.vue       | 31 +++----
 .../src/views/pages/forum/TopicsList.vue      | 23 +++---
 .../src/views/pages/home/NewsList.vue         | 10 +--
 .../src/views/pages/home/RandomReview.vue     |  6 +-
 .../src/views/pages/polls/PollsList.vue       | 11 ++-
 .../src/views/pages/polls/PollsPage.vue       | 14 ++--
 .../src/views/pages/polls/ThePoll.vue         | 15 ++--
 .../src/views/pages/profile/ProfilePage.vue   | 43 +++++-----
 .../src/views/pages/profile/ProfileStat.vue   | 15 ++--
 .../views/pages/profile/UserInformation.vue   | 36 ++++----
 .../src/views/pages/profile/UserSettings.vue  | 15 ++--
 .../src/views/pages/topic/CommentsList.vue    | 23 +++---
 .../src/views/pages/topic/CreateComment.vue   |  4 +-
 .../src/views/pages/topic/TopicComment.vue    | 45 ++++------
 .../src/views/pages/topic/TopicPage.vue       | 82 ++++++++++---------
 28 files changed, 261 insertions(+), 322 deletions(-)
 delete mode 100644 frontend/DM.Web.Modern.Temp/src/components/index.ts

diff --git a/frontend/DM.Web.Modern.Temp/src/components/index.ts b/frontend/DM.Web.Modern.Temp/src/components/index.ts
deleted file mode 100644
index 23cf921f..00000000
--- a/frontend/DM.Web.Modern.Temp/src/components/index.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import type { App } from "vue";
-import { IconType } from "@/components/ui-kit/iconType";
-import DmIcon from "@/components/ui-kit/DmIcon.vue";
-import PageTitle from "@/components/layout/PageTitle.vue";
-import BlockTitle from "@/components/layout/BlockTitle.vue";
-import SecondaryText from "@/components/layout/SecondaryText.vue";
-import HumanDate from "@/components/dates/HumanDate.vue";
-import HumanTimespan from "@/components/dates/HumanTimespan.vue";
-import UserLink from "@/components/community/UserLink.vue";
-import DmLoader from "@/components/ui-kit/DmLoader.vue";
-import DmInput from "@/components/ui-kit/DmInput.vue";
-import DmButton from "@/components/ui-kit/DmButton.vue";
-import DmText from "@/components/ui-kit/DmText.vue";
-import DmForm from "@/components/ui-kit/DmForm.vue";
-import DmDropdown from "@/components/ui-kit/DmDropdown.vue";
-import DmField from "@/components/ui-kit/DmField.vue";
-import DmDialog from "@/components/ui-kit/DmDialog.vue";
-import DmMenu from "@/components/ui-kit/DmMenu.vue";
-import UserOnline from "@/components/community/UserOnline.vue";
-import UserRating from "@/components/community/UserRating.vue";
-import UserIcon from "@/components/community/UserIcon.vue";
-import DmPaging from "@/components/ui-kit/DmPaging.vue";
-import DmIconButton from "@/components/ui-kit/DmIconButton.vue";
-import DmUpload from "@/components/ui-kit/DmUpload.vue";
-import DmProgress from "@/components/ui-kit/DmProgress.vue";
-
-export default function (application: App<Element>) {
-  application.config.globalProperties.IconType = IconType;
-
-  application
-    .component("DmIcon", DmIcon)
-    .component("DmLoader", DmLoader)
-    .component("DmDialog", DmDialog)
-    .component("DmPaging", DmPaging)
-    .component("DmMenu", DmMenu)
-    .component("DmProgress", DmProgress);
-
-  application
-    .component("DmForm", DmForm)
-    .component("DmField", DmField)
-    .component("DmInput", DmInput)
-    .component("DmText", DmText)
-    .component("DmDropdown", DmDropdown)
-    .component("DmUpload", DmUpload)
-    .component("DmButton", DmButton)
-    .component("DmIconButton", DmIconButton);
-
-  application
-    .component("PageTitle", PageTitle)
-    .component("BlockTitle", BlockTitle)
-    .component("SecondaryText", SecondaryText)
-    .component("HumanDate", HumanDate)
-    .component("HumanTimespan", HumanTimespan);
-
-  application
-    .component("UserLink", UserLink)
-    .component("UserOnline", UserOnline)
-    .component("UserRating", UserRating)
-    .component("UserIcon", UserIcon);
-}
diff --git a/frontend/DM.Web.Modern.Temp/src/components/likes/DmLike.vue b/frontend/DM.Web.Modern.Temp/src/components/likes/DmLike.vue
index d3b2308c..9e6afccf 100644
--- a/frontend/DM.Web.Modern.Temp/src/components/likes/DmLike.vue
+++ b/frontend/DM.Web.Modern.Temp/src/components/likes/DmLike.vue
@@ -3,30 +3,31 @@ import { IconType } from "@/components/ui-kit/iconType";
 import { computed } from "vue";
 import type { Served } from "@/api/models";
 import type { User } from "@/api/models/community";
-import DmIconButton from "@/components/ui-kit/DmIconButton.vue";
-import DmIcon from "@/components/ui-kit/DmIcon.vue";
+import { useUserStore } from "@/stores";
 
 interface Likeable {
   likes: Served<User[]>;
   author: Served<User>;
 }
 
-const props = defineProps<{
-  entity: Likeable;
-  user: User | null;
-}>();
+const props = defineProps<{ entity: Likeable }>();
 const emit = defineEmits(["liked", "unliked"]);
 
+const userStore = useUserStore();
+
 const canInteract = computed(
-  () => !!props.user && props.user.login !== props.entity.author.login,
+  () =>
+    userStore.user !== null &&
+    userStore.user.login !== props.entity.author.login,
 );
 const userLiked = computed(() =>
-  props.entity.likes.some((liker) => liker.login === props.user?.login),
+  props.entity.likes.some((liker) => liker.login === userStore.user?.login),
 );
 </script>
 
 <template>
-  <dm-icon-button v-show="canInteract || entity.likes.length"
+  <dm-icon-button
+    v-show="canInteract || entity.likes.length"
     :class="['like', canInteract && 'like-likeable', userLiked && 'like-liked']"
     :icon="IconType.Like"
     :disabled="!canInteract"
diff --git a/frontend/DM.Web.Modern.Temp/src/main.ts b/frontend/DM.Web.Modern.Temp/src/main.ts
index a95a3085..c0005150 100644
--- a/frontend/DM.Web.Modern.Temp/src/main.ts
+++ b/frontend/DM.Web.Modern.Temp/src/main.ts
@@ -11,7 +11,6 @@ import App from "./App.vue";
 import router from "./router";
 
 import PrimeVue from "primevue/config";
-import registerDefaultComponents from "./components";
 
 import "vue-final-modal/style.css";
 import "@/assets/styles/Reset.sass";
@@ -24,8 +23,6 @@ const i18n = createI18n({ locale: "ru" });
 
 const application = createApp(App);
 
-registerDefaultComponents(application);
-
 application
   .use(createPinia())
   .use(router)
diff --git a/frontend/DM.Web.Modern.Temp/src/stores/index.ts b/frontend/DM.Web.Modern.Temp/src/stores/index.ts
index b5ab0019..3fd25f50 100644
--- a/frontend/DM.Web.Modern.Temp/src/stores/index.ts
+++ b/frontend/DM.Web.Modern.Temp/src/stores/index.ts
@@ -2,5 +2,14 @@ import { useUserStore } from "@/stores/user";
 import { useReviewStore } from "@/stores/reviews";
 import { useUiStore } from "@/stores/ui";
 import { useForumStore } from "@/stores/fora";
+import { useCommunityStore } from "@/stores/community";
+import { usePollsStore } from "@/stores/polls";
 
-export { useUiStore, useUserStore, useReviewStore, useForumStore };
+export {
+  useUiStore,
+  useUserStore,
+  useReviewStore,
+  useForumStore,
+  useCommunityStore,
+  usePollsStore,
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue
index 13701b15..23addbac 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue
@@ -1,30 +1,30 @@
 <script setup lang="ts">
 import { useUserStore, useUiStore } from "@/stores";
 import { IconType } from "@/components/ui-kit/iconType";
-import { storeToRefs } from "pinia";
 import GuestActions from "@/views/layout/header/GuestActions.vue";
 import PlayerActions from "@/views/layout/header/PlayerActions.vue";
 
-const { toggleTheme } = useUiStore();
+const uiStore = useUiStore();
 const userStore = useUserStore();
-const { user } = storeToRefs(userStore);
 </script>
 
 <template>
   <div class="header">
     <div class="user-info">
       <div class="logo-text">
-        <template v-if="user">
+        <template v-if="userStore.user">
           Добро пожаловать,
-          <router-link :to="{ name: 'profile', params: { login: user.login } }">
+          <router-link
+            :to="{ name: 'profile', params: { login: userStore.user.login } }"
+          >
             <dm-icon :font="IconType.UserSettings" />
-            {{ user.login }}
+            {{ userStore.user.login }}
           </router-link>
         </template>
         <template v-else>Форумные ролевые игры</template>
       </div>
       <router-link class="logo" :to="{ name: 'home' }" />
-      <player-actions v-if="user" />
+      <player-actions v-if="userStore.user" />
       <guest-actions v-else />
     </div>
     <div class="top-menu">
@@ -35,7 +35,7 @@ const { user } = storeToRefs(userStore);
       <router-link class="link" :to="{ name: 'rules' }">Правила</router-link>
       <router-link class="link" :to="{ name: 'chat' }">Чат</router-link>
       <router-link
-        v-if="user"
+        v-if="userStore.user"
         class="link create"
         :to="{ name: 'create-game' }"
       >
@@ -45,7 +45,7 @@ const { user } = storeToRefs(userStore);
     </div>
     <div class="controls">
       <!--      <notifications v-if="user" />-->
-      <span @click="toggleTheme">Switch theme</span>
+      <span @click="uiStore.toggleTheme">Switch theme</span>
     </div>
   </div>
 </template>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/header/PlayerActions.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/header/PlayerActions.vue
index 4064f83c..bdd39b61 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/header/PlayerActions.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/header/PlayerActions.vue
@@ -1,23 +1,29 @@
 <script setup lang="ts">
 import { IconType } from "@/components/ui-kit/iconType";
 import { useUserStore } from "@/stores";
-import { storeToRefs } from "pinia";
 
-const userStore = useUserStore();
-const { unreadConversations: unread } = storeToRefs(userStore);
-const { signOut } = userStore;
+const store = useUserStore();
 </script>
 
 <template>
-  <router-link :to="{ name: 'messenger' }" :class="{ unread }">
-    <template v-if="unread">{{ unread }}</template>
+  <router-link
+    :to="{ name: 'messenger' }"
+    :class="{ unread: store.unreadConversations }"
+  >
+    <template v-if="store.unreadConversations">{{
+      store.unreadConversations
+    }}</template>
     <dm-icon
-      :font="unread ? IconType.MessagesUnread : IconType.MessagesNoUnread"
+      :font="
+        store.unreadConversations
+          ? IconType.MessagesUnread
+          : IconType.MessagesNoUnread
+      "
     />
     Сообщения
   </router-link>
   |
-  <a @click="signOut"><dm-icon :font="IconType.Logout" /> Выйти</a>
+  <a @click="store.signOut"><dm-icon :font="IconType.Logout" /> Выйти</a>
 </template>
 
 <style scoped lang="sass"></style>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/menu/ForumsList.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/ForumsList.vue
index b48c0bce..456ca36e 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/menu/ForumsList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/ForumsList.vue
@@ -5,33 +5,30 @@ import { onMounted, watch } from "vue";
 import { IconType } from "@/components/ui-kit/iconType";
 import { useRoute } from "vue-router";
 import { computed } from "vue";
-import { storeToRefs } from "pinia";
 
-const store = useForumStore();
-const { fora } = storeToRefs(store);
-const { fetchFora } = store;
-const { user } = storeToRefs(useUserStore());
 const route = useRoute();
+const forumStore = useForumStore();
+const userStore = useUserStore();
 
 const isForumRoute = computed(
   () => route.name === "forum" || route.name === "topic",
 );
 
 // TODO: fix double invocation
-onMounted(fetchFora);
-watch(() => user.value, fetchFora, { flush: "post" });
+onMounted(forumStore.fetchFora);
+watch(() => userStore.user, forumStore.fetchFora, { flush: "post" });
 </script>
 
 <template>
   <menu-block token="fora">
     <template #title>Форумы</template>
-    <dm-loader v-if="!fora" />
+    <dm-loader v-if="forumStore.fora === null" />
     <div
       v-else
-      v-for="forum in fora!"
+      v-for="forum in forumStore.fora"
       :key="forum.id"
       :class="{
-        selected: isForumRoute && forum.id === store.selectedForum?.id,
+        selected: isForumRoute && forum.id === forumStore.selectedForum?.id,
       }"
     >
       <router-link :to="{ name: 'forum', params: { id: forum.id } }">
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/ActivePolls.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/ActivePolls.vue
index 0de5e2d0..a19588eb 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/ActivePolls.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/ActivePolls.vue
@@ -3,12 +3,9 @@ import MenuBlock from "@/views/layout/MenuBlock.vue";
 import { usePollsStore } from "@/stores/polls";
 import { onMounted } from "vue";
 import ThePoll from "@/views/pages/polls/ThePoll.vue";
-import { storeToRefs } from "pinia";
-import SecondaryText from "@/components/layout/SecondaryText.vue";
 import { IconType } from "@/components/ui-kit/iconType";
 
 const store = usePollsStore();
-const { activePolls } = storeToRefs(store);
 
 onMounted(() => store.fetchActivePolls());
 </script>
@@ -16,11 +13,16 @@ onMounted(() => store.fetchActivePolls());
 <template>
   <menu-block token="OpenPolls">
     <template #title>Опросы</template>
-    <dm-loader v-if="!activePolls" />
-    <secondary-text v-else-if="!activePolls.length"
+    <dm-loader v-if="store.activePolls === null" />
+    <secondary-text v-else-if="!store.activePolls.length"
       >Нет активных опросов</secondary-text
     >
-    <the-poll v-else v-for="poll in activePolls" :key="poll.id" :poll="poll" />
+    <the-poll
+      v-else
+      v-for="poll in store.activePolls"
+      :key="poll.id"
+      :poll="poll"
+    />
     <div>
       <router-link class="forward" :to="{ name: 'polls' }">
         К старым опросам
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/about/AboutPage.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/about/AboutPage.vue
index ab5b2e0e..6e4748e7 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/about/AboutPage.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/about/AboutPage.vue
@@ -5,14 +5,14 @@ import { extractNumberParam } from "@/router";
 import { useFetchData } from "@/composables/useFetchData";
 
 const route = useRoute();
-const { fetchReviews } = useReviewStore();
+const store = useReviewStore();
 
 useFetchData(
-  () => fetchReviews(extractNumberParam(route.params.n)),
+  () => store.fetchReviews(extractNumberParam(route.params.n)),
   [
     {
       param: (p) => p.n,
-      callback: (n) => fetchReviews(extractNumberParam(n)),
+      callback: (n) => store.fetchReviews(extractNumberParam(n)),
     },
   ],
 );
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/about/ReviewList.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/about/ReviewList.vue
index 02de9add..ce8e3126 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/about/ReviewList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/about/ReviewList.vue
@@ -2,23 +2,22 @@
 import TheReview from "@/views/pages/about/TheReview.vue";
 import { useRoute } from "vue-router";
 import { useReviewStore } from "@/stores";
-import { storeToRefs } from "pinia";
 
 const route = useRoute();
-const { reviews } = storeToRefs(useReviewStore());
+const store = useReviewStore();
 </script>
 
 <template>
   <dm-paging
-    v-if="reviews"
-    :paging="reviews.paging!"
+    v-if="store.reviews"
+    :paging="store.reviews.paging!"
     :to="{ name: 'about', params: route.params }"
   />
 
-  <dm-loader v-if="reviews === null" />
+  <dm-loader v-if="store.reviews === null" />
   <the-review
     v-else
-    v-for="review in reviews.resources"
+    v-for="review in store.reviews.resources"
     :key="review.id"
     :controls="true"
     :review="review"
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/community/CommunityPage.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/community/CommunityPage.vue
index b7f89858..b749c7b3 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/community/CommunityPage.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/community/CommunityPage.vue
@@ -5,14 +5,14 @@ import { extractNumberParam } from "@/router";
 import { useFetchData } from "@/composables/useFetchData";
 
 const route = useRoute();
-const { fetchUsers } = useCommunityStore();
+const store = useCommunityStore();
 
 useFetchData(
-  () => fetchUsers(extractNumberParam(route.params.n)),
+  () => store.fetchUsers(extractNumberParam(route.params.n)),
   [
     {
       param: (p) => p.n,
-      callback: (n) => fetchUsers(extractNumberParam(n)),
+      callback: (n) => store.fetchUsers(extractNumberParam(n)),
     },
   ],
 );
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/community/UsersList.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/community/UsersList.vue
index b79a4731..814f4f64 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/community/UsersList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/community/UsersList.vue
@@ -1,18 +1,17 @@
 <script setup lang="ts">
 import UserRating from "@/components/community/UserRating.vue";
 import UserOnline from "@/components/community/UserOnline.vue";
-import { storeToRefs } from "pinia";
 import { useCommunityStore } from "@/stores/community";
 import { useRoute } from "vue-router";
 
-const { users } = storeToRefs(useCommunityStore());
 const route = useRoute();
+const store = useCommunityStore();
 </script>
 
 <template>
   <dm-paging
-    v-if="users"
-    :paging="users.paging!"
+    v-if="store.users !== null"
+    :paging="store.users.paging!"
     :to="{ name: 'community', params: route.params }"
   />
 
@@ -25,18 +24,20 @@ const route = useRoute();
     <div>Местоположение</div>
   </div>
 
-  <dm-loader v-if="!users" :big="true" />
-  <secondary-text v-else-if="!users.resources.length" class="users-list-none"
+  <dm-loader v-if="store.users === null" :big="true" />
+  <secondary-text
+    v-else-if="!store.users.resources.length"
+    class="users-list-none"
     >Пользователей нет...</secondary-text
   >
   <div
     class="users-list-row"
     v-else
-    v-for="(user, number) in users.resources"
+    v-for="(user, number) in store.users.resources"
     :key="user.login"
   >
     <span class="number">{{
-      number + users.paging!.size * (users.paging!.current - 1) + 1
+      number + store.users.paging!.size * (store.users.paging!.current - 1) + 1
     }}</span>
     <user-link :user="user" />
     <user-rating :user="user" />
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/CreateTopic.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/CreateTopic.vue
index 89ea3174..ef3df3d3 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/CreateTopic.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/CreateTopic.vue
@@ -5,14 +5,14 @@ import { useForumStore } from "@/stores";
 import type { Topic } from "@/api/models/forum";
 import type { Post } from "@/api/models";
 
-const { createTopic, selectedForum } = useForumStore();
+const forumStore = useForumStore();
 
 const topic = ref<Post<Topic>>({
   title: "",
   description: "",
   attached: false,
   closed: false,
-  forum: selectedForum!,
+  forum: forumStore.selectedForum!,
 });
 
 const emit = defineEmits<{
@@ -23,7 +23,7 @@ const emit = defineEmits<{
 const loading = ref(false);
 const tryCreateTopic = async () => {
   loading.value = true;
-  const createdTopic = await createTopic(topic.value);
+  const createdTopic = await forumStore.createTopic(topic.value);
   loading.value = false;
   emit("created", createdTopic);
 };
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumPage.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumPage.vue
index 29e92bc3..f1146838 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumPage.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumPage.vue
@@ -4,7 +4,6 @@ import CreateTopic from "@/views/pages/forum/CreateTopic.vue";
 
 import { computed } from "vue";
 import { useRoute } from "vue-router";
-import { storeToRefs } from "pinia";
 import { useModal } from "vue-final-modal";
 
 import { useForumStore, useUserStore } from "@/stores";
@@ -15,25 +14,22 @@ import { userIsHighAuthority } from "@/api/models/community/helpers";
 import type { ForumId } from "@/api/models/forum";
 
 const route = useRoute();
-const { user } = storeToRefs(useUserStore());
+const userStore = useUserStore();
 const forumStore = useForumStore();
-const { moderators, selectedForum } = storeToRefs(forumStore);
-const { trySelectForum, fetchModerators, fetchTopics, markAllTopicsAsRead } =
-  forumStore;
 
 const canCreateTopic = computed(() => {
-  if (!user.value) return false;
-  if (userIsHighAuthority(user.value)) return true;
-  return selectedForum.value?.id !== "Новости проекта";
+  if (userStore.user === null) return false;
+  if (userIsHighAuthority(userStore.user)) return true;
+  return forumStore.selectedForum?.id !== "Новости проекта";
 });
 
 async function fetchData() {
   const forumId = route.params.id as ForumId;
-  await trySelectForum(forumId);
+  await forumStore.trySelectForum(forumId);
 
   await Promise.all([
-    fetchModerators(),
-    fetchTopics(extractNumberParam(route.params.n)),
+    forumStore.fetchModerators(),
+    forumStore.fetchTopics(extractNumberParam(route.params.n)),
   ]);
 }
 
@@ -44,7 +40,7 @@ useFetchData(fetchData, [
   },
   {
     param: (p) => p.n,
-    callback: (n) => fetchTopics(extractNumberParam(n)),
+    callback: (n) => forumStore.fetchTopics(extractNumberParam(n)),
   },
 ]);
 
@@ -63,16 +59,21 @@ const { open: openCreateTopic, close: closeCreateTopic } = useModal({
 <template>
   <div class="forum-header">
     <page-title>Форум | {{ route.params.id }}</page-title>
-    <a @click="markAllTopicsAsRead">Отметить все темы прочитанными</a>
+    <a @click="forumStore.markAllTopicsAsRead"
+      >Отметить все темы прочитанными</a
+    >
   </div>
 
   <div class="forum-info">
     <div class="forum-info_moderators">
       <block-title class="forum-info_moderators-title">Модераторы:</block-title>
-      <dm-loader v-if="!moderators" class="forum-info_moderators-loader" />
+      <dm-loader
+        v-if="!forumStore.moderators"
+        class="forum-info_moderators-loader"
+      />
       <user-link
         v-else
-        v-for="user in moderators"
+        v-for="user in forumStore.moderators"
         :key="user.login"
         :user="user"
       />
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/TopicsList.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/TopicsList.vue
index 432ef88e..3091d2f6 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/TopicsList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/TopicsList.vue
@@ -1,19 +1,17 @@
 <script setup lang="ts">
 import { IconType } from "@/components/ui-kit/iconType";
 import { useRoute } from "vue-router";
-import { storeToRefs } from "pinia";
 import { useForumStore } from "@/stores";
 import ForumTopic from "@/views/pages/forum/ForumTopic.vue";
-import SecondaryText from "@/components/layout/SecondaryText.vue";
 
 const route = useRoute();
-const { topics, attachedTopics } = storeToRefs(useForumStore());
+const store = useForumStore();
 </script>
 
 <template>
   <dm-paging
-    v-if="topics"
-    :paging="topics.paging!"
+    v-if="store.topics !== null"
+    :paging="store.topics.paging!"
     :to="{ name: 'forum', params: route.params }"
   />
 
@@ -30,22 +28,27 @@ const { topics, attachedTopics } = storeToRefs(useForumStore());
     <div>Последнее сообщение</div>
   </div>
 
-  <template v-if="attachedTopics !== null">
+  <template v-if="store.attachedTopics !== null">
     <forum-topic
-      v-for="topic in attachedTopics"
+      v-for="topic in store.attachedTopics"
       :topic="topic"
       :key="topic.id"
     />
   </template>
-  <dm-loader v-if="!topics || attachedTopics === null" :big="true" />
+  <dm-loader
+    v-if="store.topics === null || store.attachedTopics === null"
+    :big="true"
+  />
   <secondary-text
-    v-else-if="topics.resources.length + attachedTopics.length === 0"
+    v-else-if="
+      store.topics.resources.length + store.attachedTopics.length === 0
+    "
     class="topics_list-none"
     >Еще не создано ни одной темы</secondary-text
   >
   <forum-topic
     v-else
-    v-for="topic in topics.resources"
+    v-for="topic in store.topics.resources"
     :topic="topic"
     :key="topic.id"
   />
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/home/NewsList.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/home/NewsList.vue
index af921247..f26bbcbc 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/home/NewsList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/home/NewsList.vue
@@ -2,22 +2,18 @@
 import { IconType } from "@/components/ui-kit/iconType";
 import { useForumStore } from "@/stores";
 import { onMounted } from "vue";
-import SecondaryText from "@/components/layout/SecondaryText.vue";
-import { storeToRefs } from "pinia";
-import HumanTimespan from "@/components/dates/HumanTimespan.vue";
 
 const store = useForumStore();
-const { news } = storeToRefs(store);
 
 onMounted(() => store.fetchNews());
 </script>
 
 <template>
   <block-title>Последние новости</block-title>
-  <dm-loader v-if="!news" />
-  <secondary-text v-else-if="!news.length">Ничего нового</secondary-text>
+  <dm-loader v-if="store.news === null" />
+  <secondary-text v-else-if="!store.news.length">Ничего нового</secondary-text>
 
-  <div v-else v-for="article in news" :key="article.id" class="article">
+  <div v-else v-for="article in store.news" :key="article.id" class="article">
     <router-link
       class="article-title"
       :to="{ name: 'topic', params: { id: article.id } }"
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/home/RandomReview.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/home/RandomReview.vue
index c7183f5e..d6885010 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/home/RandomReview.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/home/RandomReview.vue
@@ -10,11 +10,9 @@ import { ref, onMounted } from "vue";
 import type { Review } from "@/api/models/community";
 import { useReviewStore } from "@/stores";
 
-const { getRandomReview } = useReviewStore();
+const store = useReviewStore();
 const review = ref<Review | null>(null);
-onMounted(async () => {
-  review.value = await getRandomReview();
-});
+onMounted(async () => (review.value = await store.getRandomReview()));
 </script>
 
 <style scoped lang="sass"></style>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsList.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsList.vue
index 43be05f7..8132d0a0 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsList.vue
@@ -1,25 +1,24 @@
 <script setup lang="ts">
 import { usePollsStore } from "@/stores/polls";
-import { storeToRefs } from "pinia";
 import { useRoute } from "vue-router";
 import ThePoll from "@/views/pages/polls/ThePoll.vue";
 
 const route = useRoute();
-const { polls } = storeToRefs(usePollsStore());
+const store = usePollsStore();
 </script>
 
 <template>
   <dm-paging
-    v-if="polls"
-    :paging="polls.paging!"
+    v-if="store.polls"
+    :paging="store.polls.paging!"
     :to="{ name: 'polls', params: route.params }"
   />
 
-  <dm-loader v-if="!polls" :big="true" />
+  <dm-loader v-if="store.polls === null" :big="true" />
   <the-poll
     class="poll-container"
     v-else
-    v-for="poll in polls.resources"
+    v-for="poll in store.polls.resources"
     :key="poll.id"
     :poll="poll"
   />
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsPage.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsPage.vue
index 8fdeef93..deb5ffce 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsPage.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsPage.vue
@@ -1,31 +1,29 @@
 <script setup lang="ts">
 import { useFetchData } from "@/composables/useFetchData";
-import { usePollsStore } from "@/stores/polls";
 import router, { extractNumberParam } from "@/router";
 import { useRoute } from "vue-router";
 import { IconType } from "@/components/ui-kit/iconType";
 import { useModal } from "vue-final-modal";
 import { computed } from "vue";
-import { storeToRefs } from "pinia";
-import { useUserStore } from "@/stores";
+import { useUserStore, usePollsStore } from "@/stores";
 import { userIsHighAuthority } from "@/api/models/community/helpers";
 import CreatePoll from "@/views/pages/polls/CreatePoll.vue";
 
 const route = useRoute();
-const { fetchPolls } = usePollsStore();
-const { user } = storeToRefs(useUserStore());
+const pollsStore = usePollsStore();
+const userStore = useUserStore();
 
 useFetchData(
-  () => fetchPolls(extractNumberParam(route.params.n), false),
+  () => pollsStore.fetchPolls(extractNumberParam(route.params.n), false),
   [
     {
       param: (p) => p.n,
-      callback: (p) => fetchPolls(extractNumberParam(p), false),
+      callback: (p) => pollsStore.fetchPolls(extractNumberParam(p), false),
     },
   ],
 );
 
-const canCreatePoll = computed(() => userIsHighAuthority(user.value));
+const canCreatePoll = computed(() => userIsHighAuthority(userStore.user));
 const { open: openCreatePoll, close: closeCreatePoll } = useModal({
   component: CreatePoll,
   attrs: {
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/ThePoll.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/ThePoll.vue
index 813977a0..14582890 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/ThePoll.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/ThePoll.vue
@@ -2,14 +2,13 @@
 import type { Poll, PollOptionId } from "@/api/models/community";
 import { computed } from "vue";
 import dayjs from "dayjs";
-import { storeToRefs } from "pinia";
-import { useUserStore } from "@/stores";
-import { usePollsStore } from "@/stores/polls";
-
-const { user } = storeToRefs(useUserStore());
-const { vote } = usePollsStore();
+import { useUserStore, usePollsStore } from "@/stores";
 
 const props = defineProps<{ poll: Poll }>();
+
+const userStore = useUserStore();
+const pollStore = usePollsStore();
+
 const closed = computed(() => dayjs(props.poll.ends).isBefore(dayjs()));
 const totalVotes = computed(() =>
   props.poll.options.reduce((sum, option) => sum + option.votesCount, 0),
@@ -17,7 +16,7 @@ const totalVotes = computed(() =>
 const voted = computed(() => props.poll.options.some((option) => option.voted));
 
 async function voteForOption(optionId: PollOptionId) {
-  await vote(props.poll.id!, optionId);
+  await pollStore.vote(props.poll.id!, optionId);
 }
 </script>
 <template>
@@ -37,7 +36,7 @@ async function voteForOption(optionId: PollOptionId) {
         <span>{{ option.votesCount }}</span>
       </div>
       <a
-        v-if="!closed && user && !voted"
+        v-if="!closed && userStore.user && !voted"
         @click="voteForOption(option.id)"
         class="poll-option-vote"
       />
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfilePage.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfilePage.vue
index e84d12d5..52f1b386 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfilePage.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfilePage.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { useRoute } from "vue-router";
 import { useCommunityStore } from "@/stores/community";
-import { storeToRefs } from "pinia";
 import { computed, ref } from "vue";
 import { type UserLogin, UserRole } from "@/api/models/community";
 import ProfileStat from "@/views/pages/profile/ProfileStat.vue";
@@ -9,20 +8,17 @@ import { useUserStore } from "@/stores";
 import { useFetchData } from "@/composables/useFetchData";
 import DmPictureUpload from "@/components/ui-kit/DmPictureUpload.vue";
 import communityApi from "@/api/requests/communityApi";
-import SecondaryText from "@/components/layout/SecondaryText.vue";
 
 const route = useRoute();
-const { user: currentUser } = storeToRefs(useUserStore());
+const userStore = useUserStore();
 const communityStore = useCommunityStore();
-const { selectedUser: user } = storeToRefs(communityStore);
-const { trySelectProfile } = communityStore;
 
 useFetchData(
-  () => trySelectProfile(route.params.login as UserLogin),
+  () => communityStore.trySelectProfile(route.params.login as UserLogin),
   [
     {
       param: (p) => p.login,
-      callback: (login) => trySelectProfile(login as UserLogin),
+      callback: (login) => communityStore.trySelectProfile(login as UserLogin),
     },
   ],
 );
@@ -34,32 +30,35 @@ const roleNames: Record<string, string> = {
   [UserRole.NannyModerator]: "Гоблин-нянька",
 };
 const userRoles = computed(() =>
-  user.value?.roles.filter((r) => r in roleNames).map((r) => roleNames[r]),
+  communityStore.selectedUser?.roles
+    .filter((r) => r in roleNames)
+    .map((r) => roleNames[r]),
+);
+const canEdit = computed(
+  () =>
+    userStore.user !== null &&
+    userStore.user.login === communityStore.selectedUser?.login,
 );
-const canEdit = computed(() => {
-  if (currentUser.value === null) return false;
-  return user.value?.login === currentUser.value?.login;
-});
 
 const uploadProgress = ref<ProgressEvent | null>(null);
 const profilePictureUrl = computed(
-  () => user.value?.originalPictureUrl ?? "/userpic.png",
+  () => communityStore.selectedUser?.originalPictureUrl ?? "/userpic.png",
 );
 const uploadPicture = async (data: FormData) => {
   await communityApi.uploadUserPicture(
-    user.value!.login,
+    communityStore.selectedUser!.login,
     data,
     (progressEvent) => {
       uploadProgress.value = progressEvent;
     },
   );
   uploadProgress.value = null;
-  await trySelectProfile(user.value!.login);
+  await communityStore.trySelectProfile(communityStore.selectedUser!.login);
 };
 </script>
 
 <template>
-  <template v-if="user">
+  <template v-if="communityStore.selectedUser">
     <page-title class="profile-title">{{ route.params.login }}</page-title>
     <secondary-text class="profile-roles">{{
       userRoles!.join(", ")
@@ -71,7 +70,7 @@ const uploadPicture = async (data: FormData) => {
           <dm-picture-upload
             @upload="uploadPicture"
             :can-upload="canEdit"
-            :alt="user.login"
+            :alt="communityStore.selectedUser.login"
             :progress-event="uploadProgress"
             :picture-url="profilePictureUrl"
           />
@@ -79,30 +78,30 @@ const uploadPicture = async (data: FormData) => {
 
         <div>
           <secondary-text>В сети</secondary-text>&nbsp;
-          <user-online :user="user" :detailed="true" />
+          <user-online :user="communityStore.selectedUser" :detailed="true" />
         </div>
         <profile-stat
           title="Статус"
           empty="Не указан"
-          :value="user.status"
+          :value="communityStore.selectedUser.status"
           :update-value="(value) => ({ status: value })"
         />
         <profile-stat
           title="Имя"
           empty="Не указано"
-          :value="user.name"
+          :value="communityStore.selectedUser.name"
           :update-value="(value) => ({ name: value })"
         />
         <profile-stat
           title="Местоположение"
           empty="Не указано"
-          :value="user.location"
+          :value="communityStore.selectedUser.location"
           :update-value="(value) => ({ location: value })"
         />
         <profile-stat
           title="Skype"
           empty="Не указан"
-          :value="user.skype"
+          :value="communityStore.selectedUser.skype"
           :update-value="(value) => ({ skype: value })"
         />
       </div>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfileStat.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfileStat.vue
index 0688b919..c09672b0 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfileStat.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfileStat.vue
@@ -1,7 +1,5 @@
 <script setup lang="ts">
-import { storeToRefs } from "pinia";
-import { useUserStore } from "@/stores";
-import { useCommunityStore } from "@/stores/community";
+import { useUserStore, useCommunityStore } from "@/stores";
 import type { Patch } from "@/api/models";
 import type { User } from "@/api/models/community";
 import { computed, ref } from "vue";
@@ -9,9 +7,8 @@ import useEditMode from "@/composables/useEditMode";
 import { IconType } from "@/components/ui-kit/iconType";
 import communityApi from "@/api/requests/communityApi";
 
-const { user: currentUser } = storeToRefs(useUserStore());
+const userStore = useUserStore();
 const communityStore = useCommunityStore();
-const { selectedUser: user } = storeToRefs(communityStore);
 
 const props = defineProps<{
   title: string;
@@ -21,7 +18,9 @@ const props = defineProps<{
 }>();
 const editableValue = ref(props.value);
 
-const canEdit = computed(() => currentUser.value!.login === user.value!.login);
+const canEdit = computed(
+  () => userStore.user!.login === communityStore.selectedUser!.login,
+);
 const { id, isActive, acquire, release } = useEditMode();
 
 const loading = ref(false);
@@ -29,10 +28,10 @@ const saveChanges = async () => {
   if (props.value !== editableValue.value) {
     loading.value = true;
     await communityApi.updateUser(
-      user.value!.login,
+      communityStore.selectedUser!.login,
       props.updateValue(editableValue.value),
     );
-    await communityStore.trySelectProfile(user.value!.login);
+    await communityStore.trySelectProfile(communityStore.selectedUser!.login);
     loading.value = false;
   }
   release();
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserInformation.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserInformation.vue
index b9852e9e..f3c3aa94 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserInformation.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserInformation.vue
@@ -1,22 +1,20 @@
 <script setup lang="ts">
-import { storeToRefs } from "pinia";
-import { useCommunityStore } from "@/stores/community";
 import { IconType } from "@/components/ui-kit/iconType";
-import { useUserStore } from "@/stores";
+import { useUserStore, useCommunityStore } from "@/stores";
 import { computed, ref } from "vue";
 import { userIsHighAuthority } from "@/api/models/community/helpers";
 import communityApi from "@/api/requests/communityApi";
 import useEditMode from "@/composables/useEditMode";
 
-const store = useCommunityStore();
-const { selectedUser } = storeToRefs(store);
-const { user: currentUser } = storeToRefs(useUserStore());
+const communityStore = useCommunityStore();
+const userStore = useUserStore();
 
 const canEdit = computed(() => {
-  if (!selectedUser.value || !currentUser.value) return false;
-  if (userIsHighAuthority(selectedUser.value)) return true;
+  if (communityStore.selectedUser === null || userStore.user === null)
+    return false;
+  if (userIsHighAuthority(communityStore.selectedUser)) return true;
 
-  return currentUser.value.login === selectedUser.value.login;
+  return userStore.user.login === communityStore.selectedUser.login;
 });
 
 const { isActive, acquire, release } = useEditMode();
@@ -27,7 +25,7 @@ const initializeEditMode = async () => {
   if (info.value === null) {
     loading.value = true;
     const { data } = await communityApi.getUserForUpdate(
-      selectedUser.value!.login,
+      communityStore.selectedUser!.login,
     );
     info.value = data!.resource.info;
     loading.value = false;
@@ -37,16 +35,21 @@ const initializeEditMode = async () => {
 };
 
 const saveChanges = async () => {
-  await store.updateUser(currentUser.value!.login, { info: info.value! });
-  await store.trySelectProfile(currentUser.value!.login);
+  await communityStore.updateUser(userStore.user!.login, {
+    info: info.value!,
+  });
+  await communityStore.trySelectProfile(userStore.user!.login);
   release();
 };
 </script>
 
 <template>
-  <dm-loader v-if="!selectedUser" :big="true" />
+  <dm-loader v-if="!communityStore.selectedUser" :big="true" />
 
-  <div class="profile-info" v-if="!isActive && selectedUser">
+  <div
+    class="profile-info"
+    v-if="!isActive && communityStore.selectedUser !== null"
+  >
     <dm-icon-button
       v-if="canEdit"
       :loading="loading"
@@ -54,7 +57,10 @@ const saveChanges = async () => {
       class="profile-edit_button"
       @click="initializeEditMode"
     />
-    <div v-if="selectedUser.info" v-html="selectedUser.info" />
+    <div
+      v-if="communityStore.selectedUser.info"
+      v-html="communityStore.selectedUser.info"
+    />
     <secondary-text v-else
       >Пользователь ничего о себе не написал...</secondary-text
     >
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserSettings.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserSettings.vue
index 1b4cc088..b216e5b9 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserSettings.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserSettings.vue
@@ -3,16 +3,13 @@ import { ColorSchema } from "@/api/models/community";
 import type { DropdownOption } from "@/components/ui-kit/DmDropdown.vue";
 
 import { ref, watch } from "vue";
-import { storeToRefs } from "pinia";
-import { useUiStore, useUserStore } from "@/stores";
-import { useCommunityStore } from "@/stores/community";
+import { useUiStore, useCommunityStore } from "@/stores";
 
-const { user } = storeToRefs(useUserStore());
-const { updateUser } = useCommunityStore();
-const { updateTheme } = useUiStore();
+const communityStore = useCommunityStore();
+const uiStore = useUiStore();
 
 const loading = ref(false);
-const settings = ref(Object.assign({}, user.value!.settings));
+const settings = ref(Object.assign({}, communityStore.selectedUser!.settings));
 
 const colorSchemeOptions: DropdownOption<ColorSchema>[] = [
   {
@@ -37,11 +34,11 @@ const colorSchemeOptions: DropdownOption<ColorSchema>[] = [
   },
 ];
 
-watch(() => settings.value.colorSchema, updateTheme);
+watch(() => settings.value.colorSchema, uiStore.updateTheme);
 
 const saveChanges = async () => {
   loading.value = true;
-  await updateUser(user.value!.login, {
+  await communityStore.updateUser(communityStore.selectedUser!.login, {
     settings: settings.value,
   });
   loading.value = false;
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CommentsList.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CommentsList.vue
index 8c5ded99..d86e6d74 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CommentsList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CommentsList.vue
@@ -1,21 +1,20 @@
 <script setup lang="ts">
 import { useForumStore, useUserStore } from "@/stores";
-import { storeToRefs } from "pinia";
 import { useRoute, useRouter } from "vue-router";
 import TopicComment from "@/views/pages/topic/TopicComment.vue";
 import CreateComment from "@/views/pages/topic/CreateComment.vue";
 
 const route = useRoute();
 const router = useRouter();
-const { comments, selectedTopic } = storeToRefs(useForumStore());
-const { user } = storeToRefs(useUserStore());
+const forumStore = useForumStore();
+const userStore = useUserStore();
 
 const redirectToLastPage = () => {
   router.push({
     name: "topic",
     params: {
-      id: selectedTopic.value!.id,
-      n: comments.value!.paging!.total + 1,
+      id: forumStore.selectedTopic!.id,
+      n: forumStore.comments!.paging!.total + 1,
     },
   });
 };
@@ -23,22 +22,24 @@ const redirectToLastPage = () => {
 
 <template>
   <dm-paging
-    v-if="comments"
-    :paging="comments.paging!"
+    v-if="forumStore.comments"
+    :paging="forumStore.comments.paging!"
     :to="{ name: 'topic', params: route.params }"
   />
-  <dm-loader v-if="!comments" :big="true" />
-  <secondary-text v-else-if="!comments.resources.length" class="comments-none"
+  <dm-loader v-if="forumStore.comments === null" :big="true" />
+  <secondary-text
+    v-else-if="forumStore.comments.resources.length === 0"
+    class="comments-none"
     >Комментариев пока нет...</secondary-text
   >
   <topic-comment
     v-else
-    v-for="comment in comments.resources"
+    v-for="comment in forumStore.comments.resources"
     :key="comment.id"
     :comment="comment"
   />
 
-  <create-comment v-if="user" @created="redirectToLastPage" />
+  <create-comment v-if="userStore.user" @created="redirectToLastPage" />
 </template>
 
 <style scoped lang="sass">
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CreateComment.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CreateComment.vue
index dbc35b73..2993cc20 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CreateComment.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CreateComment.vue
@@ -1,10 +1,8 @@
 <script setup lang="ts">
 import { ref } from "vue";
 import { useForumStore } from "@/stores";
-import { storeToRefs } from "pinia";
 
 const store = useForumStore();
-const { selectedTopic: topic } = storeToRefs(store);
 
 const emit = defineEmits(["created"]);
 const text = ref("");
@@ -22,7 +20,7 @@ const tryCreateTopic = async () => {
 
 <template>
   <dm-form
-    v-if="topic?.closed === false"
+    v-if="store.selectedTopic?.closed === false"
     @submit="tryCreateTopic"
     class="create_comment-container"
   >
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicComment.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicComment.vue
index 58e918e2..dfdd474e 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicComment.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicComment.vue
@@ -5,7 +5,6 @@ import type { DmMenuItem } from "@/components/ui-kit/DmMenu.vue";
 
 import { computed, ref } from "vue";
 import { useForumStore, useUserStore } from "@/stores";
-import { storeToRefs } from "pinia";
 import { userIsHighAuthority } from "@/api/models/community/helpers";
 
 import UserIcon from "@/components/community/UserIcon.vue";
@@ -14,21 +13,22 @@ import useEditMode from "@/composables/useEditMode";
 import DmLike from "@/components/likes/DmLike.vue";
 import { BbRenderMode } from "@/api/bbRenderMode";
 
-const { user } = storeToRefs(useUserStore());
-const { reloadComments, reloadComment } = useForumStore();
-const { comment } = defineProps<{ comment: Comment }>();
+const props = defineProps<{ comment: Comment }>();
+
+const userStore = useUserStore();
+const forumStore = useForumStore();
 
 const commentActions = computed(() => {
   const result: DmMenuItem[] = [];
-  if (!user.value) return result;
-  if (userIsHighAuthority(user.value)) {
+  if (userStore.user === null) return result;
+  if (userIsHighAuthority(userStore.user)) {
     result.push({
       label: "Удалить",
       icon: IconType.Remove,
       command: removeComment,
     });
   }
-  if (user.value.login === comment.author.login) {
+  if (userStore.user.login === props.comment.author.login) {
     result.unshift({
       label: "Редактировать",
       icon: IconType.Edit,
@@ -46,7 +46,7 @@ const text = ref<string | null>(null);
 const initializeEditMode = async () => {
   if (text.value === null) {
     loading.value = true;
-    const { data } = await forumApi.getComment(comment.id, BbRenderMode.Bb);
+    const { data } = await forumApi.getComment(props.comment.id, BbRenderMode.Bb);
     text.value = data!.resource.text;
     loading.value = false;
   }
@@ -54,31 +54,25 @@ const initializeEditMode = async () => {
 };
 const updateComment = async () => {
   loading.value = true;
-  await forumApi.updateComment(comment.id, { text: text.value! });
+  await forumApi.updateComment(props.comment.id, { text: text.value! });
   loading.value = false;
   release();
-  await reloadComments();
+  await forumStore.reloadComments();
 };
 const removeComment = async () => {
   loading.value = true;
-  await forumApi.deleteComment(comment.id);
+  await forumApi.deleteComment(props.comment.id);
   loading.value = false;
-  await reloadComments();
+  await forumStore.reloadComments();
 };
 
-const canLike = computed(
-  () => user.value! && user.value.login !== comment.author.login,
-);
-const liked = computed(() =>
-  comment.likes.some((u) => u.login === user.value?.login),
-);
 const like = async () => {
-  await forumApi.postCommentLike(comment.id);
-  await reloadComment(comment.id);
+  await forumApi.postCommentLike(props.comment.id);
+  await forumStore.reloadComment(props.comment.id);
 };
 const unlike = async () => {
-  await forumApi.deleteCommentLike(comment.id);
-  await reloadComment(comment.id);
+  await forumApi.deleteCommentLike(props.comment.id);
+  await forumStore.reloadComment(props.comment.id);
 };
 </script>
 
@@ -116,12 +110,7 @@ const unlike = async () => {
       </template>
     </div>
     <div v-if="!isActive" class="comment-actions">
-      <dm-like
-        :entity="comment"
-        :user="user"
-        @liked="like"
-        @unliked="unlike"
-      />
+      <dm-like :entity="comment" @liked="like" @unliked="unlike" />
       <dm-menu
         v-if="commentActions.length"
         :items="commentActions"
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicPage.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicPage.vue
index 8dad3616..e5e0219d 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicPage.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicPage.vue
@@ -3,7 +3,6 @@ import { IconType } from "@/components/ui-kit/iconType";
 import { useRoute, useRouter } from "vue-router";
 import { useForumStore, useUserStore } from "@/stores";
 import { extractNumberParam } from "@/router";
-import { storeToRefs } from "pinia";
 import type { Topic, TopicId } from "@/api/models/forum";
 import { useFetchData } from "@/composables/useFetchData";
 import { computed, ref } from "vue";
@@ -15,15 +14,12 @@ import DmLike from "@/components/likes/DmLike.vue";
 
 const route = useRoute();
 const router = useRouter();
-
 const forumStore = useForumStore();
-const { trySelectTopic, fetchComments } = forumStore;
-const { selectedTopic: topic } = storeToRefs(forumStore);
-const { user } = storeToRefs(useUserStore());
+const userStore = useUserStore();
 
 async function fetchData() {
-  await trySelectTopic(route.params.id as TopicId);
-  await fetchComments(extractNumberParam(route.params.n));
+  await forumStore.trySelectTopic(route.params.id as TopicId);
+  await forumStore.fetchComments(extractNumberParam(route.params.n));
 }
 
 useFetchData(fetchData, [
@@ -33,23 +29,25 @@ useFetchData(fetchData, [
   },
   {
     param: (p) => p.n,
-    callback: (n) => fetchComments(extractNumberParam(n)),
+    callback: (n) => forumStore.fetchComments(extractNumberParam(n)),
   },
 ]);
 
 const topicActions = computed(() => {
   const result: DmMenuItem[] = [];
-  if (!user.value) return result;
+  if (userStore.user === null) return result;
 
-  if (userIsHighAuthority(user.value)) {
+  if (userIsHighAuthority(userStore.user)) {
     result.push(
       {
-        label: topic.value!.closed ? "Открыть" : "Закрыть",
-        icon: topic.value!.closed ? IconType.Open : IconType.Closed,
+        label: forumStore.selectedTopic!.closed ? "Открыть" : "Закрыть",
+        icon: forumStore.selectedTopic!.closed
+          ? IconType.Open
+          : IconType.Closed,
         command: toggleClose,
       },
       {
-        label: topic.value!.attached ? "Открепить" : "Прикрепить",
+        label: forumStore.selectedTopic!.attached ? "Открепить" : "Прикрепить",
         icon: IconType.Pinned,
         command: togglePinned,
       },
@@ -60,7 +58,7 @@ const topicActions = computed(() => {
       },
     );
   }
-  if (user.value.login === topic.value!.author.login) {
+  if (userStore.user.login === forumStore.selectedTopic!.author.login) {
     result.unshift({
       label: "Редактировать",
       icon: IconType.Edit,
@@ -77,7 +75,9 @@ const topicToEdit = ref<Topic | null>(null);
 const initializeEditMode = async () => {
   if (topicToEdit.value === null) {
     loading.value = true;
-    const { data } = await forumApi.getTopicForUpdate(topic.value!.id);
+    const { data } = await forumApi.getTopicForUpdate(
+      forumStore.selectedTopic!.id,
+    );
     topicToEdit.value = data!.resource;
     loading.value = false;
   }
@@ -85,57 +85,62 @@ const initializeEditMode = async () => {
 };
 const updateTopic = async () => {
   loading.value = true;
-  await forumApi.updateTopic(topic.value!.id, {
+  await forumApi.updateTopic(forumStore.selectedTopic!.id, {
     title: topicToEdit.value!.title,
     description: topicToEdit.value!.description,
   });
   loading.value = false;
-  await trySelectTopic(topic.value!.id);
+  await forumStore.trySelectTopic(forumStore.selectedTopic!.id);
 };
 
 const toggleClose = async () => {
   loading.value = true;
-  await forumApi.updateTopic(topic.value!.id, {
-    closed: !topic.value!.closed,
+  await forumApi.updateTopic(forumStore.selectedTopic!.id, {
+    closed: !forumStore.selectedTopic!.closed,
   });
-  topic.value!.closed = !topic.value!.closed;
+  forumStore.selectedTopic!.closed = !forumStore.selectedTopic!.closed;
   loading.value = false;
 };
 const togglePinned = async () => {
   loading.value = true;
-  await forumApi.updateTopic(topic.value!.id, {
-    attached: !topic.value!.attached,
+  await forumApi.updateTopic(forumStore.selectedTopic!.id, {
+    attached: !forumStore.selectedTopic!.attached,
   });
-  topic.value!.attached = !topic.value!.attached;
+  forumStore.selectedTopic!.attached = !forumStore.selectedTopic!.attached;
   loading.value = false;
 };
 const removeTopic = async () => {
   loading.value = true;
-  await forumApi.deleteTopic(topic.value!.id);
+  await forumApi.deleteTopic(forumStore.selectedTopic!.id);
   loading.value = false;
   await router.push({
     name: "forum",
-    params: { n: undefined, id: topic.value!.forum.id },
+    params: { n: undefined, id: forumStore.selectedTopic!.forum.id },
   });
 };
 
 const like = async () => {
-  await forumApi.postTopicLike(topic.value!.id);
-  await trySelectTopic(topic.value!.id);
+  await forumApi.postTopicLike(forumStore.selectedTopic!.id);
+  await forumStore.trySelectTopic(forumStore.selectedTopic!.id);
 };
 const unlike = async () => {
-  await forumApi.deleteTopicLike(topic.value!.id);
-  await trySelectTopic(topic.value!.id);
+  await forumApi.deleteTopicLike(forumStore.selectedTopic!.id);
+  await forumStore.trySelectTopic(forumStore.selectedTopic!.id);
 };
 </script>
 
 <template>
-  <template v-if="topic">
+  <template v-if="forumStore.selectedTopic !== null">
     <div class="topic-header">
-      <page-title>{{ topic.title }}</page-title>
-      <router-link :to="{ name: 'forum', params: { id: topic.forum.id } }">
+      <page-title>{{ forumStore.selectedTopic.title }}</page-title>
+      <router-link
+        :to="{
+          name: 'forum',
+          params: { id: forumStore.selectedTopic.forum.id },
+        }"
+      >
         <dm-icon :font="IconType.ArrowLeft" />
-        Назад на форум "{{ topic.forum.id }}"
+        Назад на форум "{{ forumStore.selectedTopic.forum.id }}"
       </router-link>
     </div>
     <div class="topic-content">
@@ -161,18 +166,17 @@ const unlike = async () => {
       </dm-form>
       <template v-else>
         <div
-          v-if="topic.description"
+          v-if="forumStore.selectedTopic.description"
           class="topic-description"
-          v-html="topic.description"
+          v-html="forumStore.selectedTopic.description"
         />
-        <user-link :user="topic.author" />,
+        <user-link :user="forumStore.selectedTopic.author" />,
         <secondary-text
-          ><human-timespan :date="topic.created"
+          ><human-timespan :date="forumStore.selectedTopic.created"
         /></secondary-text>
         <div class="topic-actions">
           <dm-like
-            :entity="topic"
-            :user="user"
+            :entity="forumStore.selectedTopic"
             @liked="like"
             @unliked="unlike"
           />

From f642f8e332a2308f7bdcce7ee181dab4a3531e80 Mon Sep 17 00:00:00 2001
From: quilin <v.quilin@gmail.com>
Date: Fri, 12 Dec 2025 01:40:42 +0100
Subject: [PATCH 02/10] [DM.Front] Events refactoring

---
 frontend/DM.Web.Modern.Temp/package.json      |  4 +-
 frontend/DM.Web.Modern.Temp/src/App.vue       | 46 +++++++++----------
 .../src/assets/styles/Reset.sass              | 17 -------
 .../src/components/community/UserLink.vue     | 44 +++++++++---------
 .../src/components/community/UserRating.vue   | 12 ++---
 .../src/components/likes/DmLike.vue           |  8 +++-
 .../src/components/ui-kit/DmButton.vue        |  1 +
 .../src/components/ui-kit/DmDialog.vue        |  2 +-
 .../src/components/ui-kit/DmForm.vue          |  4 +-
 .../src/components/ui-kit/DmIconButton.vue    |  1 +
 .../src/components/ui-kit/DmMenu.vue          |  2 +
 .../src/components/ui-kit/DmPaging.vue        |  1 +
 .../src/components/ui-kit/DmPictureUpload.vue | 14 ++++--
 .../src/components/ui-kit/DmUpload.vue        |  4 +-
 frontend/DM.Web.Modern.Temp/src/stores/ui.ts  |  4 +-
 .../DM.Web.Modern.Temp/src/stores/user.ts     |  4 +-
 .../src/views/account/LoginForm.vue           | 19 +++++---
 .../src/views/account/RegistrationForm.vue    | 18 +++++---
 .../src/views/account/RegistrationSuccess.vue |  8 +++-
 .../src/views/layout/MenuBlock.vue            |  1 +
 .../src/views/layout/TheFooter.vue            |  1 +
 .../src/views/layout/TheHeader.vue            |  1 +
 .../src/views/layout/header/GuestActions.vue  |  9 ++--
 .../src/views/layout/header/PlayerActions.vue |  1 +
 .../src/views/layout/menu/ForumsList.vue      |  2 +
 .../src/views/layout/menu/GameMenuLink.vue    |  1 +
 .../src/views/layout/menu/GamesList.vue       |  1 +
 .../src/views/layout/menu/OwnGames.vue        |  1 +
 .../src/views/layout/sidebar/ActivePolls.vue  |  3 ++
 .../src/views/layout/sidebar/PopularGames.vue |  1 +
 .../src/views/layout/sidebar/TheDonation.vue  |  3 ++
 .../src/views/pages/about/AboutPage.vue       |  1 +
 .../src/views/pages/about/ReviewList.vue      |  2 +
 .../src/views/pages/about/TheReview.vue       |  4 ++
 .../views/pages/community/CommunityPage.vue   |  1 +
 .../src/views/pages/community/UsersList.vue   |  4 ++
 .../src/views/pages/forum/CreateTopic.vue     |  7 +++
 .../src/views/pages/forum/EditTopic.vue       |  9 +++-
 .../src/views/pages/forum/ForumPage.vue       |  5 ++
 .../src/views/pages/forum/ForumTopic.vue      | 21 ++++++---
 .../src/views/pages/forum/TopicsList.vue      |  4 ++
 .../src/views/pages/home/NewsList.vue         |  6 +++
 .../src/views/pages/home/RandomReview.vue     |  2 +
 .../src/views/pages/polls/CreatePoll.vue      |  8 ++++
 .../src/views/pages/polls/PollsList.vue       |  2 +
 .../src/views/pages/polls/PollsPage.vue       |  2 +
 .../src/views/pages/polls/ThePoll.vue         |  2 +
 .../src/views/pages/profile/ProfilePage.vue   |  4 ++
 .../src/views/pages/profile/ProfileStat.vue   |  4 ++
 .../views/pages/profile/UserInformation.vue   |  7 +++
 .../src/views/pages/profile/UserSettings.vue  |  5 +-
 .../src/views/pages/rules/RulesPage.vue       |  3 ++
 .../src/views/pages/topic/CommentsList.vue    |  3 ++
 .../src/views/pages/topic/CreateComment.vue   |  8 +++-
 .../src/views/pages/topic/TopicComment.vue    | 14 +++++-
 .../src/views/pages/topic/TopicPage.vue       | 13 +++++-
 56 files changed, 264 insertions(+), 115 deletions(-)

diff --git a/frontend/DM.Web.Modern.Temp/package.json b/frontend/DM.Web.Modern.Temp/package.json
index 47f4c8f3..ee67ac21 100644
--- a/frontend/DM.Web.Modern.Temp/package.json
+++ b/frontend/DM.Web.Modern.Temp/package.json
@@ -24,7 +24,7 @@
     "vee-validate": "^4.13.2",
     "vue": "^3.4.38",
     "vue-final-modal": "^4.5.4",
-    "vue-i18n": "^9.14.0",
+    "vue-i18n": "^11.2.2",
     "vue-router": "^4.4.3"
   },
   "devDependencies": {
@@ -37,7 +37,7 @@
     "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.5.1",
-    "eslint": "^8.56.0",
+    "eslint": "^9.39.1",
     "eslint-plugin-cypress": "^3.5.0",
     "eslint-plugin-vue": "^9.27.0",
     "jsdom": "^24.1.1",
diff --git a/frontend/DM.Web.Modern.Temp/src/App.vue b/frontend/DM.Web.Modern.Temp/src/App.vue
index d97ff5cc..dab4a52e 100644
--- a/frontend/DM.Web.Modern.Temp/src/App.vue
+++ b/frontend/DM.Web.Modern.Temp/src/App.vue
@@ -1,3 +1,26 @@
+<script setup lang="ts">
+import { useUiStore, useUserStore } from "@/stores";
+import { onMounted, watch } from "vue";
+import { ModalsContainer } from "vue-final-modal";
+import TheHeader from "@/views/layout/TheHeader.vue";
+import TheFooter from "@/views/layout/TheFooter.vue";
+
+const uiStore = useUiStore();
+const userStore = useUserStore();
+
+watch(
+  () => [uiStore.theme],
+  (value, oldValue) => {
+    const html = document.querySelector("html")!;
+    html.classList.remove(`theme_${oldValue}`);
+    html.classList.add(`theme_${value}`);
+  },
+  { immediate: true },
+);
+
+onMounted(userStore.fetchUser);
+</script>
+
 <template>
   <div id="app">
     <div class="main" ref="scroll">
@@ -23,29 +46,6 @@
   </div>
 </template>
 
-<script setup lang="ts">
-import { useUiStore, useUserStore } from "@/stores";
-import { onMounted, watch } from "vue";
-import { ModalsContainer } from "vue-final-modal";
-import TheHeader from "@/views/layout/TheHeader.vue";
-import TheFooter from "@/views/layout/TheFooter.vue";
-
-const uiStore = useUiStore();
-const { fetchUser } = useUserStore();
-
-watch(
-  () => [uiStore.theme],
-  (value, oldValue) => {
-    const html = document.querySelector("html")!;
-    html.classList.remove(`theme_${oldValue}`);
-    html.classList.add(`theme_${value}`);
-  },
-  { immediate: true },
-);
-
-onMounted(fetchUser);
-</script>
-
 <style scoped lang="sass">
 @use "@/assets/styles/Variables"
 @use "@/assets/styles/Layout"
diff --git a/frontend/DM.Web.Modern.Temp/src/assets/styles/Reset.sass b/frontend/DM.Web.Modern.Temp/src/assets/styles/Reset.sass
index 2a84818f..186237f2 100644
--- a/frontend/DM.Web.Modern.Temp/src/assets/styles/Reset.sass
+++ b/frontend/DM.Web.Modern.Temp/src/assets/styles/Reset.sass
@@ -45,20 +45,3 @@ a
   &.router-link-active
     font-weight: bold
     +Themes.theme(color, Themes.$text)
-
-field
-  display: flex
-  margin: Variables.$small 0
-  align-items: baseline
-
-  & input
-    flex-shrink: 0
-
-  &.error input
-    animation-name: shake-error
-    animation-duration: Variables.$animation-time
-    animation-timing-function: ease-in-out
-    +Themes.theme(border-color, Themes.$negative-border)
-
-    &:focus
-      +Themes.theme(box-shadow, Themes.$negative-border, inset 0 0 Variables.$minor)
\ No newline at end of file
diff --git a/frontend/DM.Web.Modern.Temp/src/components/community/UserLink.vue b/frontend/DM.Web.Modern.Temp/src/components/community/UserLink.vue
index 2d46d914..06334058 100644
--- a/frontend/DM.Web.Modern.Temp/src/components/community/UserLink.vue
+++ b/frontend/DM.Web.Modern.Temp/src/components/community/UserLink.vue
@@ -1,18 +1,35 @@
+<script setup lang="ts">
+import type { User } from "@/api/models/community";
+import { computed } from "vue";
+import { userIsAdmin, userIsAuthority } from "@/api/models/community/helpers";
+
+const props = defineProps<{
+  user: User;
+  hidePicture?: boolean;
+}>();
+
+const badge = computed(() => {
+  if (userIsAdmin(props.user)) return "A";
+  if (userIsAuthority(props.user)) return "M";
+  return null;
+});
+</script>
+
 <template>
-  <span :title="user.status">
+  <span :title="props.user.status">
     <router-link
-      :to="{ name: 'profile', params: { login: user.login } }"
+      :to="{ name: 'profile', params: { login: props.user.login } }"
       class="user-link"
     >
       <span
-        v-if="!hidePicture"
+        v-if="!props.hidePicture"
         :style="{
           backgroundImage:
-            user.smallPictureUrl && `url(${user.smallPictureUrl})`,
+            props.user.smallPictureUrl && `url(${props.user.smallPictureUrl})`,
         }"
         class="user-logo"
       />
-      {{ user.login }}
+      {{ props.user.login }}
     </router-link>
 
     <span v-if="badge" class="user-badge-container">
@@ -22,23 +39,6 @@
   </span>
 </template>
 
-<script setup lang="ts">
-import type { User } from "@/api/models/community";
-import { computed } from "vue";
-import { userIsAdmin, userIsAuthority } from "@/api/models/community/helpers";
-
-const { user, hidePicture } = defineProps<{
-  user: User;
-  hidePicture?: boolean;
-}>();
-
-const badge = computed(() => {
-  if (userIsAdmin(user)) return "A";
-  if (userIsAuthority(user)) return "M";
-  return null;
-});
-</script>
-
 <style scoped lang="sass">
 @use "@/assets/styles/Variables"
 @use "@/assets/styles/Themes"
diff --git a/frontend/DM.Web.Modern.Temp/src/components/community/UserRating.vue b/frontend/DM.Web.Modern.Temp/src/components/community/UserRating.vue
index 41b4fa50..22f6c2e3 100644
--- a/frontend/DM.Web.Modern.Temp/src/components/community/UserRating.vue
+++ b/frontend/DM.Web.Modern.Temp/src/components/community/UserRating.vue
@@ -1,23 +1,23 @@
 <script setup lang="ts">
 import type { User } from "@/api/models/community";
 
-defineProps<{ user: User }>();
+const props = defineProps<{ user: User }>();
 </script>
 
 <template>
   <router-link
     class="rating"
-    :to="{ name: 'profile', params: { login: user.login } }"
+    :to="{ name: 'profile', params: { login: props.user.login } }"
   >
     <template v-if="user.rating.enabled">
       <span
         :class="{
           quality: true,
-          positive: user.rating.quality > 0,
-          negative: user.rating.quality < 0,
+          positive: props.user.rating.quality > 0,
+          negative: props.user.rating.quality < 0,
         }"
-        >{{ user.rating.quality }}</span
-      >/{{ user.rating.quantity }}
+        >{{ props.user.rating.quality }}</span
+      >/{{ props.user.rating.quantity }}
     </template>
     <template v-else>скрыт</template>
   </router-link>
diff --git a/frontend/DM.Web.Modern.Temp/src/components/likes/DmLike.vue b/frontend/DM.Web.Modern.Temp/src/components/likes/DmLike.vue
index 9e6afccf..1c1f93ef 100644
--- a/frontend/DM.Web.Modern.Temp/src/components/likes/DmLike.vue
+++ b/frontend/DM.Web.Modern.Temp/src/components/likes/DmLike.vue
@@ -4,6 +4,7 @@ import { computed } from "vue";
 import type { Served } from "@/api/models";
 import type { User } from "@/api/models/community";
 import { useUserStore } from "@/stores";
+import DmIconButton from "@/components/ui-kit/DmIconButton.vue";
 
 interface Likeable {
   likes: Served<User[]>;
@@ -11,7 +12,10 @@ interface Likeable {
 }
 
 const props = defineProps<{ entity: Likeable }>();
-const emit = defineEmits(["liked", "unliked"]);
+const emit = defineEmits<{
+  (e: "liked"): void;
+  (e: "unliked"): void;
+}>();
 
 const userStore = useUserStore();
 
@@ -31,7 +35,7 @@ const userLiked = computed(() =>
     :class="['like', canInteract && 'like-likeable', userLiked && 'like-liked']"
     :icon="IconType.Like"
     :disabled="!canInteract"
-    @click="emit(userLiked ? 'unliked' : 'liked')"
+    @click="userLiked ? emit('unliked') : emit('liked')"
   >
     <template v-if="entity.likes.length">
       <span class="like-counter">{{ entity.likes.length }}</span>
diff --git a/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmButton.vue b/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmButton.vue
index aff944e8..56b05fde 100644
--- a/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmButton.vue
+++ b/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmButton.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { IconType } from "@/components/ui-kit/iconType";
 import Button from "primevue/button";
+import DmIcon from "@/components/ui-kit/DmIcon.vue";
 
 defineProps<{
   label: string;
diff --git a/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmDialog.vue b/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmDialog.vue
index 45344afb..a491ac45 100644
--- a/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmDialog.vue
+++ b/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmDialog.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { VueFinalModal } from "vue-final-modal";
-defineProps<{ withForm: boolean }>();
+defineProps<{ withForm?: boolean }>();
 </script>
 
 <template>
diff --git a/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmForm.vue b/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmForm.vue
index 7b2ede07..3dbb1838 100644
--- a/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmForm.vue
+++ b/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmForm.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts" generic="T">
-defineEmits(["submit"]);
+const emit = defineEmits<{ (e: "submit"): void }>();
 </script>
 
 <template>
-  <form @submit.self.prevent="$emit('submit')">
+  <form @submit.self.prevent="emit('submit')">
     <slot />
     <div class="controls">
       <slot name="controls" />
diff --git a/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmIconButton.vue b/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmIconButton.vue
index d194873f..9c786aef 100644
--- a/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmIconButton.vue
+++ b/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmIconButton.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { IconType } from "@/components/ui-kit/iconType";
+import DmIcon from "@/components/ui-kit/DmIcon.vue";
 
 defineProps<{
   icon: IconType;
diff --git a/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmMenu.vue b/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmMenu.vue
index 6b9dfc34..fcfdda0b 100644
--- a/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmMenu.vue
+++ b/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmMenu.vue
@@ -3,6 +3,8 @@ import { Menu } from "primevue";
 import { IconType } from "@/components/ui-kit/iconType";
 import { computed, useTemplateRef } from "vue";
 import type { MenuItem } from "primevue/menuitem";
+import DmIconButton from "@/components/ui-kit/DmIconButton.vue";
+import DmIcon from "@/components/ui-kit/DmIcon.vue";
 
 export type DmMenuItem = {
   label: string;
diff --git a/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmPaging.vue b/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmPaging.vue
index 1871630c..82ed6797 100644
--- a/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmPaging.vue
+++ b/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmPaging.vue
@@ -17,6 +17,7 @@
 import type { Paging } from "@/api/models/common";
 import { computed, ref, watch } from "vue";
 import { IconType } from "@/components/ui-kit/iconType";
+import DmIcon from "@/components/ui-kit/DmIcon.vue";
 
 interface PageLink {
   to: any;
diff --git a/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmPictureUpload.vue b/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmPictureUpload.vue
index 54ed7e96..466193fe 100644
--- a/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmPictureUpload.vue
+++ b/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmPictureUpload.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 import { IconType } from "@/components/ui-kit/iconType";
 import { computed, ref, watch } from "vue";
+import DmUpload from "@/components/ui-kit/DmUpload.vue";
+import DmIcon from "@/components/ui-kit/DmIcon.vue";
+import DmProgress from "@/components/ui-kit/DmProgress.vue";
 
 const props = defineProps<{
   canUpload: boolean;
@@ -8,7 +11,7 @@ const props = defineProps<{
   progressEvent: ProgressEvent | null;
   pictureUrl: string | undefined;
 }>();
-const emit = defineEmits(["upload"]);
+const emit = defineEmits<{ (e: "uploadStarted", picture: FormData): void }>();
 
 const loaded = ref(0);
 const total = ref(0);
@@ -47,7 +50,12 @@ watch(
   <div class="picture_upload-container">
     <img :src="props.pictureUrl" class="picture_upload-picture" :alt="alt" />
     <template v-if="canUpload">
-      <span :class="['picture_upload-status', !uploading && !uploaded && 'picture_upload-status-ready']">
+      <span
+        :class="[
+          'picture_upload-status',
+          !uploading && !uploaded && 'picture_upload-status-ready',
+        ]"
+      >
         <template v-if="uploading">
           <dm-progress
             class="picture_upload-progress"
@@ -65,7 +73,7 @@ watch(
       </span>
       <dm-upload
         v-if="!uploading"
-        @upload="(picture: FormData) => emit('upload', picture)"
+        @upload="(picture: FormData) => emit('uploadStarted', picture)"
       />
     </template>
   </div>
diff --git a/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmUpload.vue b/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmUpload.vue
index 8c4a32a6..8629fdd3 100644
--- a/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmUpload.vue
+++ b/frontend/DM.Web.Modern.Temp/src/components/ui-kit/DmUpload.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from "vue";
 
-const emit = defineEmits(["upload"]);
+const emit = defineEmits<{ (e: "uploadStarted", formData: FormData): void }>();
 
 const input = ref<HTMLInputElement>();
 const upload = (event: Event) => {
@@ -14,7 +14,7 @@ const upload = (event: Event) => {
   const name = files.length > 1 ? "files" : "file";
 
   for (const file of files) formData.append(name, file);
-  emit("upload", formData);
+  emit("uploadStarted", formData);
 };
 </script>
 
diff --git a/frontend/DM.Web.Modern.Temp/src/stores/ui.ts b/frontend/DM.Web.Modern.Temp/src/stores/ui.ts
index 338f0d6d..1ed55f68 100644
--- a/frontend/DM.Web.Modern.Temp/src/stores/ui.ts
+++ b/frontend/DM.Web.Modern.Temp/src/stores/ui.ts
@@ -6,7 +6,7 @@ import { useUserStore } from "@/stores/user";
 export const useUiStore = defineStore("ui", () => {
   const theme = ref(ColorSchema.Modern);
 
-  const { user } = useUserStore();
+  const userStore = useUserStore();
 
   const updateTheme = (newTheme: ColorSchema) => (theme.value = newTheme);
   const toggleTheme = () => {
@@ -15,7 +15,7 @@ export const useUiStore = defineStore("ui", () => {
       return;
     }
 
-    const schema = user?.settings?.colorSchema ?? ColorSchema.Modern;
+    const schema = userStore.user?.settings?.colorSchema ?? ColorSchema.Modern;
     updateTheme(schema === ColorSchema.Night ? schema : ColorSchema.Modern);
   };
 
diff --git a/frontend/DM.Web.Modern.Temp/src/stores/user.ts b/frontend/DM.Web.Modern.Temp/src/stores/user.ts
index e24e8ec9..25068219 100644
--- a/frontend/DM.Web.Modern.Temp/src/stores/user.ts
+++ b/frontend/DM.Web.Modern.Temp/src/stores/user.ts
@@ -16,12 +16,12 @@ export const useUserStore = defineStore("root", () => {
   const userKey = "user";
 
   function updateUser(newUser: User | null) {
-    const { updateTheme } = useUiStore();
+    const uiStore = useUiStore();
 
     user.value = newUser;
     if (newUser === null) localStorage.removeItem(userKey);
     else localStorage.setItem(userKey, JSON.stringify(newUser));
-    updateTheme(newUser?.settings?.colorSchema ?? ColorSchema.Modern);
+    uiStore.updateTheme(newUser?.settings?.colorSchema ?? ColorSchema.Modern);
   }
 
   async function register(credentials: RegisterCredentials) {
diff --git a/frontend/DM.Web.Modern.Temp/src/views/account/LoginForm.vue b/frontend/DM.Web.Modern.Temp/src/views/account/LoginForm.vue
index 178e4f22..f57f544d 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/account/LoginForm.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/account/LoginForm.vue
@@ -1,23 +1,30 @@
 <script setup lang="ts">
 import { useUserStore } from "@/stores";
-import { reactive, ref } from "vue";
+import { ref } from "vue";
 import type { LoginCredentials } from "@/api/models/account";
+import DmButton from "@/components/ui-kit/DmButton.vue";
+import DmField from "@/components/ui-kit/DmField.vue";
+import DmInput from "@/components/ui-kit/DmInput.vue";
+import DmForm from "@/components/ui-kit/DmForm.vue";
+import PageTitle from "@/components/layout/PageTitle.vue";
+import DmDialog from "@/components/ui-kit/DmDialog.vue";
 
 const emit = defineEmits<{
-  (e: "cancel"): void;
+  (e: "cancelled"): void;
 }>();
 
-const credentials = reactive<LoginCredentials>({
+const store = useUserStore();
+
+const credentials = ref<LoginCredentials>({
   login: "",
   password: "",
   rememberMe: true,
 });
 
 const loading = ref(false);
-const { signIn } = useUserStore();
 const submit = async () => {
   loading.value = true;
-  const badRequest = await signIn(credentials);
+  const badRequest = await store.signIn(credentials.value);
   loading.value = false;
   if (!badRequest) {
     document.location.reload();
@@ -49,7 +56,7 @@ const submit = async () => {
       </dm-field>
       <template #controls>
         <dm-button type="submit" :loading="loading" label="Войти" />
-        <a @click="$emit('cancel')">Отмена</a>
+        <a @click="emit('cancelled')">Отмена</a>
       </template>
     </dm-form>
   </dm-dialog>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationForm.vue b/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationForm.vue
index 14fd584f..2c803722 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationForm.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationForm.vue
@@ -2,11 +2,18 @@
 import { ref } from "vue";
 import { useUserStore } from "@/stores";
 import type { RegisterCredentials } from "@/api/models/account";
+import DmButton from "@/components/ui-kit/DmButton.vue";
+import DmInput from "@/components/ui-kit/DmInput.vue";
+import DmField from "@/components/ui-kit/DmField.vue";
+import DmForm from "@/components/ui-kit/DmForm.vue";
+import PageTitle from "@/components/layout/PageTitle.vue";
+import DmDialog from "@/components/ui-kit/DmDialog.vue";
 
 const emit = defineEmits<{
-  (e: "success"): void;
-  (e: "cancel"): void;
+  (e: "registered"): void;
+  (e: "cancelled"): void;
 }>();
+const store = useUserStore();
 
 const credentials = ref<RegisterCredentials>({
   email: "",
@@ -15,13 +22,12 @@ const credentials = ref<RegisterCredentials>({
 });
 const loading = ref(false);
 
-const { register } = useUserStore();
 const submit = async () => {
   loading.value = true;
-  const badRequest = await register(credentials.value);
+  const badRequest = await store.register(credentials.value);
   loading.value = false;
   if (!badRequest) {
-    emit("success");
+    emit("registered");
   }
 };
 </script>
@@ -53,7 +59,7 @@ const submit = async () => {
 
       <template #controls>
         <dm-button label="Отправить" type="submit" />
-        <a @click="$emit('cancel')">Отмена</a>
+        <a @click="emit('cancelled')">Отмена</a>
       </template>
     </dm-form>
   </dm-dialog>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationSuccess.vue b/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationSuccess.vue
index cf6716d6..b41a6a9c 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationSuccess.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationSuccess.vue
@@ -1,6 +1,10 @@
 <script setup lang="ts">
+import DmButton from "@/components/ui-kit/DmButton.vue";
+import PageTitle from "@/components/layout/PageTitle.vue";
+import DmDialog from "@/components/ui-kit/DmDialog.vue";
+
 const emit = defineEmits<{
-  (e: "confirm"): void;
+  (e: "confirmed"): void;
 }>();
 </script>
 
@@ -11,7 +15,7 @@ const emit = defineEmits<{
       Вы успешно зарегистрировались на нашем сайте. Мы отправили вам письмо на
       указанный e-mail с дальнейшими инструкциями.
     </p>
-    <dm-button label="Пойду проверю почту" @click="emit('confirm')" />
+    <dm-button label="Пойду проверю почту" @click="emit('confirmed')" />
   </dm-dialog>
 </template>
 
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/MenuBlock.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/MenuBlock.vue
index 12c4dd67..28b42949 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/MenuBlock.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/MenuBlock.vue
@@ -15,6 +15,7 @@
 import { computed, ref } from "vue";
 import BlockTitle from "@/components/layout/BlockTitle.vue";
 import { IconType } from "@/components/ui-kit/iconType";
+import DmIcon from "@/components/ui-kit/DmIcon.vue";
 
 const props = defineProps<{ token: string }>();
 const storageKey = computed(() => `__HideMenuModule_${props.token}__`);
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/TheFooter.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/TheFooter.vue
index c0a12df1..7ffd4eaa 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/TheFooter.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/TheFooter.vue
@@ -8,6 +8,7 @@
 
 <script setup lang="ts">
 import { ref } from "vue";
+import SecondaryText from "@/components/layout/SecondaryText.vue";
 
 const currentYear = ref<number>(new Date().getFullYear());
 </script>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue
index 23addbac..a176a1ac 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue
@@ -3,6 +3,7 @@ import { useUserStore, useUiStore } from "@/stores";
 import { IconType } from "@/components/ui-kit/iconType";
 import GuestActions from "@/views/layout/header/GuestActions.vue";
 import PlayerActions from "@/views/layout/header/PlayerActions.vue";
+import DmIcon from "@/components/ui-kit/DmIcon.vue";
 
 const uiStore = useUiStore();
 const userStore = useUserStore();
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/header/GuestActions.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/header/GuestActions.vue
index 17cb2750..8f91c377 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/header/GuestActions.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/header/GuestActions.vue
@@ -4,27 +4,28 @@ import { useModal } from "vue-final-modal";
 import LoginForm from "@/views/account/LoginForm.vue";
 import RegistrationForm from "@/views/account/RegistrationForm.vue";
 import RegistrationSuccess from "@/views/account/RegistrationSuccess.vue";
+import DmIcon from "@/components/ui-kit/DmIcon.vue";
 
 const { open: openLogin, close: closeLogin } = useModal({
   component: LoginForm,
   attrs: {
-    onCancel: () => closeLogin(),
+    onCancelled: () => closeLogin(),
   },
 });
 const { open: openRegistrar, close: closeRegistrar } = useModal({
   component: RegistrationForm,
   attrs: {
-    onSuccess: () => {
+    onRegistered: () => {
       closeRegistrar();
       openRegistrarSuccess();
     },
-    onCancel: () => closeRegistrar(),
+    onCancelled: () => closeRegistrar(),
   },
 });
 const { open: openRegistrarSuccess, close: closeRegistrarSuccess } = useModal({
   component: RegistrationSuccess,
   attrs: {
-    onConfirm: () => closeRegistrarSuccess(),
+    onConfirmed: () => closeRegistrarSuccess(),
   },
 });
 </script>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/header/PlayerActions.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/header/PlayerActions.vue
index bdd39b61..682a5f5e 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/header/PlayerActions.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/header/PlayerActions.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { IconType } from "@/components/ui-kit/iconType";
 import { useUserStore } from "@/stores";
+import DmIcon from "@/components/ui-kit/DmIcon.vue";
 
 const store = useUserStore();
 </script>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/menu/ForumsList.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/ForumsList.vue
index 456ca36e..36484b1e 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/menu/ForumsList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/ForumsList.vue
@@ -5,6 +5,8 @@ import { onMounted, watch } from "vue";
 import { IconType } from "@/components/ui-kit/iconType";
 import { useRoute } from "vue-router";
 import { computed } from "vue";
+import DmLoader from "@/components/ui-kit/DmLoader.vue";
+import DmIcon from "@/components/ui-kit/DmIcon.vue";
 
 const route = useRoute();
 const forumStore = useForumStore();
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/menu/GameMenuLink.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/GameMenuLink.vue
index 4a228555..08c284c5 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/menu/GameMenuLink.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/GameMenuLink.vue
@@ -2,6 +2,7 @@
 import type { Game } from "@/api/models/gaming";
 import { computed } from "vue";
 import { IconType } from "@/components/ui-kit/iconType";
+import DmIcon from "@/components/ui-kit/DmIcon.vue";
 
 const props = defineProps<{
   game: Game;
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/menu/GamesList.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/GamesList.vue
index 6beb6a89..7f15ff27 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/menu/GamesList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/GamesList.vue
@@ -2,6 +2,7 @@
 import MenuBlock from "@/views/layout/MenuBlock.vue";
 import { IconType } from "@/components/ui-kit/iconType";
 import { GameStatus } from "@/api/models/gaming";
+import DmIcon from "@/components/ui-kit/DmIcon.vue";
 
 defineProps<{
   token: string;
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/menu/OwnGames.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/OwnGames.vue
index b4a76b1e..972b0075 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/menu/OwnGames.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/OwnGames.vue
@@ -23,6 +23,7 @@ import { useGamesStore } from "@/stores/games";
 import { onMounted, watch } from "vue";
 import { GameStatus } from "@/api/models/gaming";
 import GamesList from "@/views/layout/menu/GamesList.vue";
+import DmLoader from "@/components/ui-kit/DmLoader.vue";
 
 const userStore = useUserStore();
 const store = useGamesStore();
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/ActivePolls.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/ActivePolls.vue
index a19588eb..fd129b4f 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/ActivePolls.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/ActivePolls.vue
@@ -4,6 +4,9 @@ import { usePollsStore } from "@/stores/polls";
 import { onMounted } from "vue";
 import ThePoll from "@/views/pages/polls/ThePoll.vue";
 import { IconType } from "@/components/ui-kit/iconType";
+import DmIcon from "@/components/ui-kit/DmIcon.vue";
+import SecondaryText from "@/components/layout/SecondaryText.vue";
+import DmLoader from "@/components/ui-kit/DmLoader.vue";
 
 const store = usePollsStore();
 
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/PopularGames.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/PopularGames.vue
index 4e446968..8d67578d 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/PopularGames.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/PopularGames.vue
@@ -7,4 +7,5 @@
 
 <script setup lang="ts">
 import MenuBlock from "@/views/layout/MenuBlock.vue";
+import SecondaryText from "@/components/layout/SecondaryText.vue";
 </script>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/TheDonation.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/TheDonation.vue
index 7b3ddc34..ff180b6e 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/TheDonation.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/TheDonation.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 import { ref } from "vue";
 import { IconType } from "@/components/ui-kit/iconType";
+import DmProgress from "@/components/ui-kit/DmProgress.vue";
+import DmIcon from "@/components/ui-kit/DmIcon.vue";
+import BlockTitle from "@/components/layout/BlockTitle.vue";
 
 const goal = ref(50000);
 const current = ref(17000);
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/about/AboutPage.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/about/AboutPage.vue
index 6e4748e7..8f3dc176 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/about/AboutPage.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/about/AboutPage.vue
@@ -3,6 +3,7 @@ import { useRoute } from "vue-router";
 import { useReviewStore } from "@/stores";
 import { extractNumberParam } from "@/router";
 import { useFetchData } from "@/composables/useFetchData";
+import PageTitle from "@/components/layout/PageTitle.vue";
 
 const route = useRoute();
 const store = useReviewStore();
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/about/ReviewList.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/about/ReviewList.vue
index ce8e3126..224b7bf7 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/about/ReviewList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/about/ReviewList.vue
@@ -2,6 +2,8 @@
 import TheReview from "@/views/pages/about/TheReview.vue";
 import { useRoute } from "vue-router";
 import { useReviewStore } from "@/stores";
+import DmLoader from "@/components/ui-kit/DmLoader.vue";
+import DmPaging from "@/components/ui-kit/DmPaging.vue";
 
 const route = useRoute();
 const store = useReviewStore();
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/about/TheReview.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/about/TheReview.vue
index 4fa96610..5ca9a795 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/about/TheReview.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/about/TheReview.vue
@@ -5,6 +5,10 @@ import { useReviewStore, useUserStore } from "@/stores";
 import { computed, ref } from "vue";
 import { userIsAdmin } from "@/api/models/community/helpers";
 import { useRouter } from "vue-router";
+import DmLoader from "@/components/ui-kit/DmLoader.vue";
+import DmIcon from "@/components/ui-kit/DmIcon.vue";
+import SecondaryText from "@/components/layout/SecondaryText.vue";
+import UserLink from "@/components/community/UserLink.vue";
 
 const props = defineProps<{
   review: Review;
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/community/CommunityPage.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/community/CommunityPage.vue
index b749c7b3..7b538fa4 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/community/CommunityPage.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/community/CommunityPage.vue
@@ -3,6 +3,7 @@ import { useRoute } from "vue-router";
 import { useCommunityStore } from "@/stores/community";
 import { extractNumberParam } from "@/router";
 import { useFetchData } from "@/composables/useFetchData";
+import PageTitle from "@/components/layout/PageTitle.vue";
 
 const route = useRoute();
 const store = useCommunityStore();
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/community/UsersList.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/community/UsersList.vue
index 814f4f64..1acf6f41 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/community/UsersList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/community/UsersList.vue
@@ -3,6 +3,10 @@ import UserRating from "@/components/community/UserRating.vue";
 import UserOnline from "@/components/community/UserOnline.vue";
 import { useCommunityStore } from "@/stores/community";
 import { useRoute } from "vue-router";
+import UserLink from "@/components/community/UserLink.vue";
+import SecondaryText from "@/components/layout/SecondaryText.vue";
+import DmLoader from "@/components/ui-kit/DmLoader.vue";
+import DmPaging from "@/components/ui-kit/DmPaging.vue";
 
 const route = useRoute();
 const store = useCommunityStore();
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/CreateTopic.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/CreateTopic.vue
index ef3df3d3..cfe60e73 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/CreateTopic.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/CreateTopic.vue
@@ -4,6 +4,13 @@ import { useForumStore } from "@/stores";
 
 import type { Topic } from "@/api/models/forum";
 import type { Post } from "@/api/models";
+import DmButton from "@/components/ui-kit/DmButton.vue";
+import DmText from "@/components/ui-kit/DmText.vue";
+import DmField from "@/components/ui-kit/DmField.vue";
+import DmInput from "@/components/ui-kit/DmInput.vue";
+import DmForm from "@/components/ui-kit/DmForm.vue";
+import PageTitle from "@/components/layout/PageTitle.vue";
+import DmDialog from "@/components/ui-kit/DmDialog.vue";
 
 const forumStore = useForumStore();
 
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/EditTopic.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/EditTopic.vue
index 6af520f6..86eb6341 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/EditTopic.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/EditTopic.vue
@@ -2,10 +2,17 @@
 import type { Topic } from "@/api/models/forum";
 import { ref, watch } from "vue";
 import forumApi from "@/api/requests/forumApi";
+import DmButton from "@/components/ui-kit/DmButton.vue";
+import DmLoader from "@/components/ui-kit/DmLoader.vue";
+import DmField from "@/components/ui-kit/DmField.vue";
+import DmText from "@/components/ui-kit/DmText.vue";
+import DmInput from "@/components/ui-kit/DmInput.vue";
+import DmForm from "@/components/ui-kit/DmForm.vue";
 
 const active = defineModel("active");
 const props = defineProps<{ topic: Topic }>();
-const emit = defineEmits(["updated"]);
+const emit = defineEmits<{ (e: "updated"): void }>();
+
 const editableTopic = ref<Topic | null>(null);
 
 watch(
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumPage.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumPage.vue
index f1146838..5570acd2 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumPage.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumPage.vue
@@ -12,6 +12,11 @@ import { useFetchData } from "@/composables/useFetchData";
 
 import { userIsHighAuthority } from "@/api/models/community/helpers";
 import type { ForumId } from "@/api/models/forum";
+import DmButton from "@/components/ui-kit/DmButton.vue";
+import UserLink from "@/components/community/UserLink.vue";
+import DmLoader from "@/components/ui-kit/DmLoader.vue";
+import BlockTitle from "@/components/layout/BlockTitle.vue";
+import PageTitle from "@/components/layout/PageTitle.vue";
 
 const route = useRoute();
 const userStore = useUserStore();
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumTopic.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumTopic.vue
index ae0d73cf..4bac4d52 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumTopic.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumTopic.vue
@@ -2,6 +2,11 @@
 import type { Topic } from "@/api/models/forum";
 import { IconType } from "@/components/ui-kit/iconType";
 import { computed } from "vue";
+import HumanTimespan from "@/components/dates/HumanTimespan.vue";
+import UserLink from "@/components/community/UserLink.vue";
+import HumanDate from "@/components/dates/HumanDate.vue";
+import SecondaryText from "@/components/layout/SecondaryText.vue";
+import DmIcon from "@/components/ui-kit/DmIcon.vue";
 
 const props = defineProps<{ topic: Topic }>();
 const topicDescription = computed(() => {
@@ -9,15 +14,20 @@ const topicDescription = computed(() => {
     ? props.topic.description
     : `${props.topic.description.substring(0, 100)}...`;
 });
+const firstUnreadCommentNumber = computed(() => {
+  return props.topic.commentsCount && props.topic.unreadCommentsCount
+    ? props.topic.commentsCount - props.topic.unreadCommentsCount + 1
+    : props.topic.commentsCount || undefined;
+});
 </script>
 
 <template>
   <div
-    :key="topic.id"
+    :key="props.topic.id"
     :class="{
       'topics_list-row': true,
-      closed: topic.closed,
-      attached: topic.attached,
+      closed: props.topic.closed,
+      attached: props.topic.attached,
     }"
   >
     <router-link
@@ -25,10 +35,7 @@ const topicDescription = computed(() => {
         name: 'topic',
         params: {
           id: topic.id,
-          n:
-            topic.commentsCount && topic.unreadCommentsCount
-              ? topic.commentsCount - topic.unreadCommentsCount + 1
-              : topic.commentsCount || undefined,
+          n: firstUnreadCommentNumber,
         },
       }"
       class="topics_list-row_title"
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/TopicsList.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/TopicsList.vue
index 3091d2f6..e76f6534 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/TopicsList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/TopicsList.vue
@@ -3,6 +3,10 @@ import { IconType } from "@/components/ui-kit/iconType";
 import { useRoute } from "vue-router";
 import { useForumStore } from "@/stores";
 import ForumTopic from "@/views/pages/forum/ForumTopic.vue";
+import SecondaryText from "@/components/layout/SecondaryText.vue";
+import DmLoader from "@/components/ui-kit/DmLoader.vue";
+import DmIcon from "@/components/ui-kit/DmIcon.vue";
+import DmPaging from "@/components/ui-kit/DmPaging.vue";
 
 const route = useRoute();
 const store = useForumStore();
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/home/NewsList.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/home/NewsList.vue
index f26bbcbc..1a328f66 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/home/NewsList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/home/NewsList.vue
@@ -2,6 +2,12 @@
 import { IconType } from "@/components/ui-kit/iconType";
 import { useForumStore } from "@/stores";
 import { onMounted } from "vue";
+import DmIcon from "@/components/ui-kit/DmIcon.vue";
+import HumanTimespan from "@/components/dates/HumanTimespan.vue";
+import SecondaryText from "@/components/layout/SecondaryText.vue";
+import UserLink from "@/components/community/UserLink.vue";
+import DmLoader from "@/components/ui-kit/DmLoader.vue";
+import BlockTitle from "@/components/layout/BlockTitle.vue";
 
 const store = useForumStore();
 
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/home/RandomReview.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/home/RandomReview.vue
index d6885010..5875f827 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/home/RandomReview.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/home/RandomReview.vue
@@ -9,6 +9,8 @@ import TheReview from "@/views/pages/about/TheReview.vue";
 import { ref, onMounted } from "vue";
 import type { Review } from "@/api/models/community";
 import { useReviewStore } from "@/stores";
+import DmLoader from "@/components/ui-kit/DmLoader.vue";
+import BlockTitle from "@/components/layout/BlockTitle.vue";
 
 const store = useReviewStore();
 const review = ref<Review | null>(null);
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/CreatePoll.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/CreatePoll.vue
index 4a83ab6a..f076f99f 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/CreatePoll.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/CreatePoll.vue
@@ -4,6 +4,14 @@ import type { Poll } from "@/api/models/community";
 import type { Post } from "@/api/models";
 import { IconType } from "@/components/ui-kit/iconType";
 import communityApi from "@/api/requests/communityApi";
+import DmButton from "@/components/ui-kit/DmButton.vue";
+import DmIconButton from "@/components/ui-kit/DmIconButton.vue";
+import DmInput from "@/components/ui-kit/DmInput.vue";
+import DmField from "@/components/ui-kit/DmField.vue";
+import SecondaryText from "@/components/layout/SecondaryText.vue";
+import DmForm from "@/components/ui-kit/DmForm.vue";
+import PageTitle from "@/components/layout/PageTitle.vue";
+import DmDialog from "@/components/ui-kit/DmDialog.vue";
 
 const pollToCreate = ref<Post<Poll>>({
   title: "",
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsList.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsList.vue
index 8132d0a0..5e5fab58 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsList.vue
@@ -2,6 +2,8 @@
 import { usePollsStore } from "@/stores/polls";
 import { useRoute } from "vue-router";
 import ThePoll from "@/views/pages/polls/ThePoll.vue";
+import DmLoader from "@/components/ui-kit/DmLoader.vue";
+import DmPaging from "@/components/ui-kit/DmPaging.vue";
 
 const route = useRoute();
 const store = usePollsStore();
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsPage.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsPage.vue
index deb5ffce..5cdd6e25 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsPage.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsPage.vue
@@ -8,6 +8,8 @@ import { computed } from "vue";
 import { useUserStore, usePollsStore } from "@/stores";
 import { userIsHighAuthority } from "@/api/models/community/helpers";
 import CreatePoll from "@/views/pages/polls/CreatePoll.vue";
+import DmButton from "@/components/ui-kit/DmButton.vue";
+import PageTitle from "@/components/layout/PageTitle.vue";
 
 const route = useRoute();
 const pollsStore = usePollsStore();
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/ThePoll.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/ThePoll.vue
index 14582890..9df07ee9 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/ThePoll.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/ThePoll.vue
@@ -3,6 +3,8 @@ import type { Poll, PollOptionId } from "@/api/models/community";
 import { computed } from "vue";
 import dayjs from "dayjs";
 import { useUserStore, usePollsStore } from "@/stores";
+import DmProgress from "@/components/ui-kit/DmProgress.vue";
+import SecondaryText from "@/components/layout/SecondaryText.vue";
 
 const props = defineProps<{ poll: Poll }>();
 
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfilePage.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfilePage.vue
index 52f1b386..d9a40797 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfilePage.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfilePage.vue
@@ -8,6 +8,10 @@ import { useUserStore } from "@/stores";
 import { useFetchData } from "@/composables/useFetchData";
 import DmPictureUpload from "@/components/ui-kit/DmPictureUpload.vue";
 import communityApi from "@/api/requests/communityApi";
+import DmLoader from "@/components/ui-kit/DmLoader.vue";
+import UserOnline from "@/components/community/UserOnline.vue";
+import SecondaryText from "@/components/layout/SecondaryText.vue";
+import PageTitle from "@/components/layout/PageTitle.vue";
 
 const route = useRoute();
 const userStore = useUserStore();
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfileStat.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfileStat.vue
index c09672b0..ffaac969 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfileStat.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfileStat.vue
@@ -6,6 +6,10 @@ import { computed, ref } from "vue";
 import useEditMode from "@/composables/useEditMode";
 import { IconType } from "@/components/ui-kit/iconType";
 import communityApi from "@/api/requests/communityApi";
+import DmIconButton from "@/components/ui-kit/DmIconButton.vue";
+import DmInput from "@/components/ui-kit/DmInput.vue";
+import DmForm from "@/components/ui-kit/DmForm.vue";
+import SecondaryText from "@/components/layout/SecondaryText.vue";
 
 const userStore = useUserStore();
 const communityStore = useCommunityStore();
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserInformation.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserInformation.vue
index f3c3aa94..33b717b7 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserInformation.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserInformation.vue
@@ -5,6 +5,13 @@ import { computed, ref } from "vue";
 import { userIsHighAuthority } from "@/api/models/community/helpers";
 import communityApi from "@/api/requests/communityApi";
 import useEditMode from "@/composables/useEditMode";
+import DmButton from "@/components/ui-kit/DmButton.vue";
+import DmText from "@/components/ui-kit/DmText.vue";
+import DmField from "@/components/ui-kit/DmField.vue";
+import DmForm from "@/components/ui-kit/DmForm.vue";
+import SecondaryText from "@/components/layout/SecondaryText.vue";
+import DmIconButton from "@/components/ui-kit/DmIconButton.vue";
+import DmLoader from "@/components/ui-kit/DmLoader.vue";
 
 const communityStore = useCommunityStore();
 const userStore = useUserStore();
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserSettings.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserSettings.vue
index b216e5b9..dd8fec6b 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserSettings.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserSettings.vue
@@ -1,9 +1,12 @@
 <script setup lang="ts">
 import { ColorSchema } from "@/api/models/community";
-import type { DropdownOption } from "@/components/ui-kit/DmDropdown.vue";
+import DmDropdown, { type DropdownOption } from "@/components/ui-kit/DmDropdown.vue";
 
 import { ref, watch } from "vue";
 import { useUiStore, useCommunityStore } from "@/stores";
+import DmButton from "@/components/ui-kit/DmButton.vue";
+import DmInput from "@/components/ui-kit/DmInput.vue";
+import DmForm from "@/components/ui-kit/DmForm.vue";
 
 const communityStore = useCommunityStore();
 const uiStore = useUiStore();
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/rules/RulesPage.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/rules/RulesPage.vue
index 0288d607..030adb80 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/rules/RulesPage.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/rules/RulesPage.vue
@@ -1,3 +1,6 @@
+<script setup lang="ts">
+import PageTitle from "@/components/layout/PageTitle.vue";
+</script>
 <template>
   <page-title>Правила</page-title>
   <article>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CommentsList.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CommentsList.vue
index d86e6d74..09e2a237 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CommentsList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CommentsList.vue
@@ -3,6 +3,9 @@ import { useForumStore, useUserStore } from "@/stores";
 import { useRoute, useRouter } from "vue-router";
 import TopicComment from "@/views/pages/topic/TopicComment.vue";
 import CreateComment from "@/views/pages/topic/CreateComment.vue";
+import SecondaryText from "@/components/layout/SecondaryText.vue";
+import DmLoader from "@/components/ui-kit/DmLoader.vue";
+import DmPaging from "@/components/ui-kit/DmPaging.vue";
 
 const route = useRoute();
 const router = useRouter();
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CreateComment.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CreateComment.vue
index 2993cc20..b1bf641b 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CreateComment.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CreateComment.vue
@@ -1,10 +1,16 @@
 <script setup lang="ts">
 import { ref } from "vue";
 import { useForumStore } from "@/stores";
+import SecondaryText from "@/components/layout/SecondaryText.vue";
+import DmButton from "@/components/ui-kit/DmButton.vue";
+import DmText from "@/components/ui-kit/DmText.vue";
+import DmField from "@/components/ui-kit/DmField.vue";
+import DmForm from "@/components/ui-kit/DmForm.vue";
+
+const emit = defineEmits<{ (e: "created"): void }>();
 
 const store = useForumStore();
 
-const emit = defineEmits(["created"]);
 const text = ref("");
 const loading = ref(false);
 const tryCreateTopic = async () => {
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicComment.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicComment.vue
index dfdd474e..b8824507 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicComment.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicComment.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { Comment } from "@/api/models/forum";
 import { IconType } from "@/components/ui-kit/iconType";
-import type { DmMenuItem } from "@/components/ui-kit/DmMenu.vue";
+import DmMenu, { type DmMenuItem } from "@/components/ui-kit/DmMenu.vue";
 
 import { computed, ref } from "vue";
 import { useForumStore, useUserStore } from "@/stores";
@@ -12,6 +12,13 @@ import forumApi from "@/api/requests/forumApi";
 import useEditMode from "@/composables/useEditMode";
 import DmLike from "@/components/likes/DmLike.vue";
 import { BbRenderMode } from "@/api/bbRenderMode";
+import DmButton from "@/components/ui-kit/DmButton.vue";
+import DmText from "@/components/ui-kit/DmText.vue";
+import DmField from "@/components/ui-kit/DmField.vue";
+import DmForm from "@/components/ui-kit/DmForm.vue";
+import HumanTimespan from "@/components/dates/HumanTimespan.vue";
+import SecondaryText from "@/components/layout/SecondaryText.vue";
+import UserLink from "@/components/community/UserLink.vue";
 
 const props = defineProps<{ comment: Comment }>();
 
@@ -46,7 +53,10 @@ const text = ref<string | null>(null);
 const initializeEditMode = async () => {
   if (text.value === null) {
     loading.value = true;
-    const { data } = await forumApi.getComment(props.comment.id, BbRenderMode.Bb);
+    const { data } = await forumApi.getComment(
+      props.comment.id,
+      BbRenderMode.Bb,
+    );
     text.value = data!.resource.text;
     loading.value = false;
   }
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicPage.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicPage.vue
index e5e0219d..d0d9951b 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicPage.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicPage.vue
@@ -6,11 +6,22 @@ import { extractNumberParam } from "@/router";
 import type { Topic, TopicId } from "@/api/models/forum";
 import { useFetchData } from "@/composables/useFetchData";
 import { computed, ref } from "vue";
-import { type DmMenuItem } from "@/components/ui-kit/DmMenu.vue";
+import DmMenu, { type DmMenuItem } from "@/components/ui-kit/DmMenu.vue";
 import { userIsHighAuthority } from "@/api/models/community/helpers";
 import forumApi from "@/api/requests/forumApi";
 import useEditMode from "@/composables/useEditMode";
 import DmLike from "@/components/likes/DmLike.vue";
+import DmLoader from "@/components/ui-kit/DmLoader.vue";
+import HumanTimespan from "@/components/dates/HumanTimespan.vue";
+import SecondaryText from "@/components/layout/SecondaryText.vue";
+import UserLink from "@/components/community/UserLink.vue";
+import DmButton from "@/components/ui-kit/DmButton.vue";
+import DmText from "@/components/ui-kit/DmText.vue";
+import DmField from "@/components/ui-kit/DmField.vue";
+import DmInput from "@/components/ui-kit/DmInput.vue";
+import DmForm from "@/components/ui-kit/DmForm.vue";
+import DmIcon from "@/components/ui-kit/DmIcon.vue";
+import PageTitle from "@/components/layout/PageTitle.vue";
 
 const route = useRoute();
 const router = useRouter();

From 1047ae88aea8e0e9fc3a0a7de17324b2579af939 Mon Sep 17 00:00:00 2001
From: quilin <v.quilin@gmail.com>
Date: Fri, 12 Dec 2025 02:06:01 +0100
Subject: [PATCH 03/10] [DM.Front] Disable legacy mode for i18n

---
 frontend/DM.Web.Modern.Temp/src/main.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/DM.Web.Modern.Temp/src/main.ts b/frontend/DM.Web.Modern.Temp/src/main.ts
index c0005150..10bc55e6 100644
--- a/frontend/DM.Web.Modern.Temp/src/main.ts
+++ b/frontend/DM.Web.Modern.Temp/src/main.ts
@@ -19,7 +19,10 @@ import "@/assets/styles/Inputs.sass";
 
 dayjs.extend(relativeTime).locale("ru");
 
-const i18n = createI18n({ locale: "ru" });
+const i18n = createI18n({
+  legacy: false,
+  locale: "ru",
+});
 
 const application = createApp(App);
 

From 5c38329c503c71dd9aa3834a4d1ec72af4c579c2 Mon Sep 17 00:00:00 2001
From: quilin <v.quilin@gmail.com>
Date: Fri, 12 Dec 2025 02:22:06 +0100
Subject: [PATCH 04/10] [DM.Front] I18n modular approach

---
 frontend/DM.Web.Modern.Temp/src/main.ts                |  4 ++--
 .../src/views/layout/header/PlayerActions.i18n.ts      | 10 ++++++++++
 .../src/views/layout/header/PlayerActions.vue          |  9 +++++++--
 3 files changed, 19 insertions(+), 4 deletions(-)
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/layout/header/PlayerActions.i18n.ts

diff --git a/frontend/DM.Web.Modern.Temp/src/main.ts b/frontend/DM.Web.Modern.Temp/src/main.ts
index 10bc55e6..e5140887 100644
--- a/frontend/DM.Web.Modern.Temp/src/main.ts
+++ b/frontend/DM.Web.Modern.Temp/src/main.ts
@@ -17,11 +17,11 @@ import "@/assets/styles/Reset.sass";
 import "@/assets/styles/Fonts.sass";
 import "@/assets/styles/Inputs.sass";
 
-dayjs.extend(relativeTime).locale("ru");
+dayjs.extend(relativeTime).locale("en");
 
 const i18n = createI18n({
   legacy: false,
-  locale: "ru",
+  locale: "en-US",
 });
 
 const application = createApp(App);
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/header/PlayerActions.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/layout/header/PlayerActions.i18n.ts
new file mode 100644
index 00000000..60f7b9c6
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/header/PlayerActions.i18n.ts
@@ -0,0 +1,10 @@
+export default {
+  "ru-RU": {
+    messages: "Сообщения",
+    signOut: "Выйти",
+  },
+  "en-US": {
+    messages: "Messages",
+    signOut: "Sign out",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/header/PlayerActions.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/header/PlayerActions.vue
index 682a5f5e..3df345e1 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/header/PlayerActions.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/header/PlayerActions.vue
@@ -2,7 +2,10 @@
 import { IconType } from "@/components/ui-kit/iconType";
 import { useUserStore } from "@/stores";
 import DmIcon from "@/components/ui-kit/DmIcon.vue";
+import { useI18n } from "vue-i18n";
+import messages from "./PlayerActions.i18n";
 
+const { t } = useI18n({ messages });
 const store = useUserStore();
 </script>
 
@@ -21,10 +24,12 @@ const store = useUserStore();
           : IconType.MessagesNoUnread
       "
     />
-    Сообщения
+    {{ t("messages") }}
   </router-link>
   |
-  <a @click="store.signOut"><dm-icon :font="IconType.Logout" /> Выйти</a>
+  <a @click="store.signOut"
+    ><dm-icon :font="IconType.Logout" /> {{ t("signOut") }}</a
+  >
 </template>
 
 <style scoped lang="sass"></style>

From 10e76f49e0fc09a1c0236ca156e93f19ff382334 Mon Sep 17 00:00:00 2001
From: quilin <v.quilin@gmail.com>
Date: Mon, 15 Dec 2025 18:15:34 +0100
Subject: [PATCH 05/10] [DM.Front] I18n for layout

---
 frontend/DM.Web.Modern.Temp/package-lock.json | 1672 ++++++++++-------
 frontend/DM.Web.Modern.Temp/package.json      |    2 +-
 .../src/views/account/LoginForm.i18n.ts       |   18 +
 .../src/views/account/LoginForm.vue           |   19 +-
 .../views/account/RegistrationForm.i18n.ts    |   18 +
 .../src/views/account/RegistrationForm.vue    |   20 +-
 .../views/account/RegistrationSuccess.i18n.ts |   12 +
 .../src/views/account/RegistrationSuccess.vue |   12 +-
 .../src/views/layout/GeneralMenu.i18n.ts      |   18 +
 .../src/views/layout/GeneralMenu.vue          |   43 +-
 .../src/views/layout/TheHeader.i18n.ts        |   20 +
 .../src/views/layout/TheHeader.vue            |   27 +-
 .../views/layout/header/GuestActions.i18n.ts  |   10 +
 .../src/views/layout/header/GuestActions.vue  |    8 +-
 .../src/views/layout/menu/Forums.i18n.ts      |    8 +
 .../src/views/layout/menu/ForumsList.vue      |    5 +-
 .../views/layout/menu/ModerationGames.i18n.ts |    8 +
 .../src/views/layout/menu/ModerationGames.vue |    6 +-
 .../src/views/layout/menu/OwnGames.i18n.ts    |   10 +
 .../src/views/layout/menu/OwnGames.vue        |   39 +-
 .../views/layout/sidebar/ActivePolls.i18n.ts  |   12 +
 .../src/views/layout/sidebar/ActivePolls.vue  |   13 +-
 .../views/layout/sidebar/PopularGames.i18n.ts |   10 +
 .../src/views/layout/sidebar/PopularGames.vue |    8 +-
 .../views/layout/sidebar/TheDonation.i18n.ts  |   14 +
 .../src/views/layout/sidebar/TheDonation.vue  |   12 +-
 26 files changed, 1279 insertions(+), 765 deletions(-)
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/account/LoginForm.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/account/RegistrationForm.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/account/RegistrationSuccess.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/layout/GeneralMenu.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/layout/header/GuestActions.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/layout/menu/Forums.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/layout/menu/ModerationGames.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/layout/menu/OwnGames.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/ActivePolls.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/PopularGames.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/TheDonation.i18n.ts

diff --git a/frontend/DM.Web.Modern.Temp/package-lock.json b/frontend/DM.Web.Modern.Temp/package-lock.json
index 61ba59a5..b8913391 100644
--- a/frontend/DM.Web.Modern.Temp/package-lock.json
+++ b/frontend/DM.Web.Modern.Temp/package-lock.json
@@ -12,12 +12,12 @@
         "@vee-validate/yup": "^4.13.2",
         "axios": "^1.7.4",
         "dayjs": "^1.11.12",
-        "pinia": "^2.2.2",
+        "pinia": "^3.0.4",
         "primevue": "^4.4.1",
         "vee-validate": "^4.13.2",
         "vue": "^3.4.38",
         "vue-final-modal": "^4.5.4",
-        "vue-i18n": "^9.14.0",
+        "vue-i18n": "^11.2.2",
         "vue-router": "^4.4.3"
       },
       "devDependencies": {
@@ -30,7 +30,7 @@
         "@vue/eslint-config-typescript": "^13.0.0",
         "@vue/test-utils": "^2.4.6",
         "@vue/tsconfig": "^0.5.1",
-        "eslint": "^8.56.0",
+        "eslint": "^9.39.1",
         "eslint-plugin-cypress": "^3.5.0",
         "eslint-plugin-vue": "^9.27.0",
         "jsdom": "^24.1.1",
@@ -548,59 +548,178 @@
       }
     },
     "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz",
+      "integrity": "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "eslint-visitor-keys": "^3.3.0"
+        "eslint-visitor-keys": "^3.4.3"
       },
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
       "peerDependencies": {
         "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
       }
     },
     "node_modules/@eslint-community/regexpp": {
-      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.11.0.tgz",
-      "integrity": "sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==",
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
       }
     },
+    "node_modules/@eslint/config-array": {
+      "version": "0.21.1",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.1.tgz",
+      "integrity": "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.7",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
+      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
+      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
     "node_modules/@eslint/eslintrc": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
-      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.3.tgz",
+      "integrity": "sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
-        "espree": "^9.6.0",
-        "globals": "^13.19.0",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.0",
+        "js-yaml": "^4.1.1",
         "minimatch": "^3.1.2",
         "strip-json-comments": "^3.1.1"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/@eslint/eslintrc/node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/@eslint/js": {
-      "version": "8.57.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
-      "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
+      "version": "9.39.2",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.2.tgz",
+      "integrity": "sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
+      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0",
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
     "node_modules/@hapi/hoek": {
@@ -618,19 +737,28 @@
         "@hapi/hoek": "^9.0.0"
       }
     },
-    "node_modules/@humanwhocodes/config-array": {
-      "version": "0.11.14",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
-      "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
-      "deprecated": "Use @eslint/config-array instead",
+    "node_modules/@humanfs/core": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.7",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.7.tgz",
+      "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",
       "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "@humanwhocodes/object-schema": "^2.0.2",
-        "debug": "^4.3.1",
-        "minimatch": "^3.0.5"
+        "@humanfs/core": "^0.19.1",
+        "@humanwhocodes/retry": "^0.4.0"
       },
       "engines": {
-        "node": ">=10.10.0"
+        "node": ">=18.18.0"
       }
     },
     "node_modules/@humanwhocodes/module-importer": {
@@ -646,21 +774,28 @@
         "url": "https://github.com/sponsors/nzakas"
       }
     },
-    "node_modules/@humanwhocodes/object-schema": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
-      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
-      "deprecated": "Use @eslint/object-schema instead",
-      "dev": true
+    "node_modules/@humanwhocodes/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
     },
     "node_modules/@intlify/core-base": {
-      "version": "9.14.5",
-      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.14.5.tgz",
-      "integrity": "sha512-5ah5FqZG4pOoHjkvs8mjtv+gPKYU0zCISaYNjBNNqYiaITxW8ZtVih3GS/oTOqN8d9/mDLyrjD46GBApNxmlsA==",
+      "version": "11.2.2",
+      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-11.2.2.tgz",
+      "integrity": "sha512-0mCTBOLKIqFUP3BzwuFW23hYEl9g/wby6uY//AC5hTgQfTsM2srCYF2/hYGp+a5DZ/HIFIgKkLJMzXTt30r0JQ==",
       "license": "MIT",
       "dependencies": {
-        "@intlify/message-compiler": "9.14.5",
-        "@intlify/shared": "9.14.5"
+        "@intlify/message-compiler": "11.2.2",
+        "@intlify/shared": "11.2.2"
       },
       "engines": {
         "node": ">= 16"
@@ -670,12 +805,12 @@
       }
     },
     "node_modules/@intlify/message-compiler": {
-      "version": "9.14.5",
-      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-9.14.5.tgz",
-      "integrity": "sha512-IHzgEu61/YIpQV5Pc3aRWScDcnFKWvQA9kigcINcCBXN8mbW+vk9SK+lDxA6STzKQsVJxUPg9ACC52pKKo3SVQ==",
+      "version": "11.2.2",
+      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-11.2.2.tgz",
+      "integrity": "sha512-XS2p8Ff5JxWsKhgfld4/MRQzZRQ85drMMPhb7Co6Be4ZOgqJX1DzcZt0IFgGTycgqL8rkYNwgnD443Q+TapOoA==",
       "license": "MIT",
       "dependencies": {
-        "@intlify/shared": "9.14.5",
+        "@intlify/shared": "11.2.2",
         "source-map-js": "^1.0.2"
       },
       "engines": {
@@ -686,9 +821,9 @@
       }
     },
     "node_modules/@intlify/shared": {
-      "version": "9.14.5",
-      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-9.14.5.tgz",
-      "integrity": "sha512-9gB+E53BYuAEMhbCAxVgG38EZrk59sxBtv3jSizNL2hEWlgjBjAw1AwpLHtNaeda12pe6W20OGEa0TwuMSRbyQ==",
+      "version": "11.2.2",
+      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-11.2.2.tgz",
+      "integrity": "sha512-OtCmyFpSXxNu/oET/aN6HtPCbZ01btXVd0f3w00YsHOb13Kverk1jzA2k47pAekM55qbUw421fvPF1yxZ+gicw==",
       "license": "MIT",
       "engines": {
         "node": ">= 16"
@@ -1645,7 +1780,8 @@
       "version": "7.0.15",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
       "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/@types/node": {
       "version": "22.19.0",
@@ -1663,12 +1799,6 @@
       "integrity": "sha512-uXHQKES6DQKKCLh441Xv/dwxOq1TVS3JPUMlEqoEglvlhR6Mxnlew/Xq/LRVHpLyk7iK3zODe1qYHIMltO7XGg==",
       "dev": true
     },
-    "node_modules/@types/semver": {
-      "version": "7.5.8",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
-      "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==",
-      "dev": true
-    },
     "node_modules/@types/tough-cookie": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.2.tgz",
@@ -1680,121 +1810,32 @@
       "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
       "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow=="
     },
-    "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.2.0.tgz",
-      "integrity": "sha512-mdekAHOqS9UjlmyF/LSs6AIEvfceV749GFxoBAjwAv0nkevfKHWQFDMcBZWUiIC5ft6ePWivXoS36aKQ0Cy3sw==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/regexpp": "^4.5.1",
-        "@typescript-eslint/scope-manager": "7.2.0",
-        "@typescript-eslint/type-utils": "7.2.0",
-        "@typescript-eslint/utils": "7.2.0",
-        "@typescript-eslint/visitor-keys": "7.2.0",
-        "debug": "^4.3.4",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.4",
-        "natural-compare": "^1.4.0",
-        "semver": "^7.5.4",
-        "ts-api-utils": "^1.0.1"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/parser": "^7.0.0",
-        "eslint": "^8.56.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.2.0.tgz",
-      "integrity": "sha512-5FKsVcHTk6TafQKQbuIVkXq58Fnbkd2wDL4LB7AURN7RUOu1utVP+G8+6u3ZhEroW3DF6hyo3ZEXxgKgp4KeCg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@typescript-eslint/scope-manager": "7.2.0",
-        "@typescript-eslint/types": "7.2.0",
-        "@typescript-eslint/typescript-estree": "7.2.0",
-        "@typescript-eslint/visitor-keys": "7.2.0",
-        "debug": "^4.3.4"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.56.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.2.0.tgz",
-      "integrity": "sha512-Qh976RbQM/fYtjx9hs4XkayYujB/aPwglw2choHmf3zBjB4qOywWSdt9+KLRdHubGcoSwBnXUH2sR3hkyaERRg==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "7.2.0",
-        "@typescript-eslint/visitor-keys": "7.2.0"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/type-utils": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.2.0.tgz",
-      "integrity": "sha512-xHi51adBHo9O9330J8GQYQwrKBqbIPJGZZVQTHHmy200hvkLZFWJIFtAG/7IYTWUyun6DE6w5InDReePJYJlJA==",
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.18.0.tgz",
+      "integrity": "sha512-jjhdIE/FPF2B7Z1uzc6i3oWKbGcHb87Qw7AWj6jmEqNOfDFbJWtjt/XfwCpvNkpGWlcJaog5vTR+VV8+w9JflA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "7.2.0",
-        "@typescript-eslint/utils": "7.2.0",
-        "debug": "^4.3.4",
-        "ts-api-utils": "^1.0.1"
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0"
       },
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.56.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.2.0.tgz",
-      "integrity": "sha512-XFtUHPI/abFhm4cbCDc5Ykc8npOKBSJePY3a3s+lwumt7XWJuzP5cZcfZ610MIPHjQjNsOLlYK8ASPaNG8UiyA==",
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.18.0.tgz",
+      "integrity": "sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "funding": {
         "type": "opencollective",
@@ -1802,22 +1843,23 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.2.0.tgz",
-      "integrity": "sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA==",
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.18.0.tgz",
+      "integrity": "sha512-aP1v/BSPnnyhMHts8cf1qQ6Q1IFwwRvAQGRvBFkWlo3/lH29OXA3Pts+c10nxRxIBrDnoMqzhgdwVe5f2D6OzA==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
-        "@typescript-eslint/types": "7.2.0",
-        "@typescript-eslint/visitor-keys": "7.2.0",
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
-        "minimatch": "9.0.3",
-        "semver": "^7.5.4",
-        "ts-api-utils": "^1.0.1"
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^1.3.0"
       },
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "funding": {
         "type": "opencollective",
@@ -1840,10 +1882,11 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
-      "version": "9.0.3",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
-      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^2.0.1"
       },
@@ -1854,54 +1897,24 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/@typescript-eslint/utils": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.2.0.tgz",
-      "integrity": "sha512-YfHpnMAGb1Eekpm3XRK8hcMwGLGsnT6L+7b2XyRv6ouDuJU1tZir1GS2i0+VXRatMwSI1/UfcyPe53ADkU+IuA==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.4.0",
-        "@types/json-schema": "^7.0.12",
-        "@types/semver": "^7.5.0",
-        "@typescript-eslint/scope-manager": "7.2.0",
-        "@typescript-eslint/types": "7.2.0",
-        "@typescript-eslint/typescript-estree": "7.2.0",
-        "semver": "^7.5.4"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.56.0"
-      }
-    },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.2.0.tgz",
-      "integrity": "sha512-c6EIQRHhcpl6+tO8EMR+kjkkV+ugUNXOmeASA1rlzkd8EPIriavpWoiEz1HR/VLhbVIdhqnV6E7JZm00cBDx2A==",
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.18.0.tgz",
+      "integrity": "sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "7.2.0",
-        "eslint-visitor-keys": "^3.4.1"
+        "@typescript-eslint/types": "7.18.0",
+        "eslint-visitor-keys": "^3.4.3"
       },
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/@ungap/structured-clone": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
-      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
-      "dev": true
-    },
     "node_modules/@vee-validate/yup": {
       "version": "4.13.2",
       "resolved": "https://registry.npmjs.org/@vee-validate/yup/-/yup-4.13.2.tgz",
@@ -2152,6 +2165,30 @@
       "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.3.tgz",
       "integrity": "sha512-0MiMsFma/HqA6g3KLKn+AGpL1kgKhFWszC9U29NfpWK5LE7bjeXxySWJrOJ77hBz+TBrBQ7o4QJqbPbqbs8rJw=="
     },
+    "node_modules/@vue/devtools-kit": {
+      "version": "7.7.9",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-7.7.9.tgz",
+      "integrity": "sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-shared": "^7.7.9",
+        "birpc": "^2.3.0",
+        "hookable": "^5.5.3",
+        "mitt": "^3.0.1",
+        "perfect-debounce": "^1.0.0",
+        "speakingurl": "^14.0.1",
+        "superjson": "^2.2.2"
+      }
+    },
+    "node_modules/@vue/devtools-shared": {
+      "version": "7.7.9",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-7.7.9.tgz",
+      "integrity": "sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==",
+      "license": "MIT",
+      "dependencies": {
+        "rfdc": "^1.4.1"
+      }
+    },
     "node_modules/@vue/eslint-config-prettier": {
       "version": "9.0.0",
       "resolved": "https://registry.npmjs.org/@vue/eslint-config-prettier/-/eslint-config-prettier-9.0.0.tgz",
@@ -2190,6 +2227,121 @@
         }
       }
     },
+    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.18.0.tgz",
+      "integrity": "sha512-94EQTWZ40mzBc42ATNIBimBEDltSJ9RQHCC8vc/PDbxi4k8dVwUAv4o98dk50M1zB+JGFxp43FP7f8+FP8R6Sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "7.18.0",
+        "@typescript-eslint/type-utils": "7.18.0",
+        "@typescript-eslint/utils": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.3.1",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^1.3.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^7.0.0",
+        "eslint": "^8.56.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/type-utils": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.18.0.tgz",
+      "integrity": "sha512-XL0FJXuCLaDuX2sYqZUUSOJ2sG5/i1AAze+axqmLnSkNEVMVYLF+cbwlB2w8D1tinFuSikHmFta+P+HOofrLeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "7.18.0",
+        "@typescript-eslint/utils": "7.18.0",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^1.3.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.56.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/utils": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.18.0.tgz",
+      "integrity": "sha512-kK0/rNa2j74XuHVcoCZxdFBMF+aq/vH83CXAOHieC+2Gis4mF8jJXT5eAfyD3K0sAxtPuwxaIOIOvhwzVDt/kw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@typescript-eslint/scope-manager": "7.18.0",
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/typescript-estree": "7.18.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.56.0"
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/parser": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.18.0.tgz",
+      "integrity": "sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "7.18.0",
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/typescript-estree": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.56.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@vue/language-core": {
       "version": "2.0.29",
       "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.0.29.tgz",
@@ -2538,6 +2690,7 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -2583,7 +2736,8 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
+      "dev": true,
+      "license": "Python-2.0"
     },
     "node_modules/array-union": {
       "version": "2.1.0",
@@ -2644,6 +2798,15 @@
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "dev": true
     },
+    "node_modules/birpc": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/birpc/-/birpc-2.9.0.tgz",
+      "integrity": "sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
     "node_modules/bluebird": {
       "version": "3.7.2",
       "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
@@ -2724,6 +2887,7 @@
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -2859,6 +3023,21 @@
         "proto-list": "~1.2.1"
       }
     },
+    "node_modules/copy-anything": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-4.0.5.tgz",
+      "integrity": "sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-what": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -3013,18 +3192,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/doctrine": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
     "node_modules/dunder-proto": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
@@ -3291,59 +3458,64 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.57.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
-      "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
+      "version": "9.39.2",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.2.tgz",
+      "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",
       "dev": true,
+      "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@eslint-community/regexpp": "^4.6.1",
-        "@eslint/eslintrc": "^2.1.4",
-        "@eslint/js": "8.57.0",
-        "@humanwhocodes/config-array": "^0.11.14",
+        "@eslint-community/eslint-utils": "^4.8.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.1",
+        "@eslint/config-helpers": "^0.4.2",
+        "@eslint/core": "^0.17.0",
+        "@eslint/eslintrc": "^3.3.1",
+        "@eslint/js": "9.39.2",
+        "@eslint/plugin-kit": "^0.4.1",
+        "@humanfs/node": "^0.16.6",
         "@humanwhocodes/module-importer": "^1.0.1",
-        "@nodelib/fs.walk": "^1.2.8",
-        "@ungap/structured-clone": "^1.2.0",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
         "ajv": "^6.12.4",
         "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.2",
+        "cross-spawn": "^7.0.6",
         "debug": "^4.3.2",
-        "doctrine": "^3.0.0",
         "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^7.2.2",
-        "eslint-visitor-keys": "^3.4.3",
-        "espree": "^9.6.1",
-        "esquery": "^1.4.2",
+        "eslint-scope": "^8.4.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "esquery": "^1.5.0",
         "esutils": "^2.0.2",
         "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^6.0.1",
+        "file-entry-cache": "^8.0.0",
         "find-up": "^5.0.0",
         "glob-parent": "^6.0.2",
-        "globals": "^13.19.0",
-        "graphemer": "^1.4.0",
         "ignore": "^5.2.0",
         "imurmurhash": "^0.1.4",
         "is-glob": "^4.0.0",
-        "is-path-inside": "^3.0.3",
-        "js-yaml": "^4.1.0",
         "json-stable-stringify-without-jsonify": "^1.0.1",
-        "levn": "^0.4.1",
         "lodash.merge": "^4.6.2",
         "minimatch": "^3.1.2",
         "natural-compare": "^1.4.0",
-        "optionator": "^0.9.3",
-        "strip-ansi": "^6.0.1",
-        "text-table": "^0.2.0"
+        "optionator": "^0.9.3"
       },
       "bin": {
         "eslint": "bin/eslint.js"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
-        "url": "https://opencollective.com/eslint"
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
       }
     },
     "node_modules/eslint-config-prettier": {
@@ -3424,6 +3596,23 @@
         "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0"
       }
     },
+    "node_modules/eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
     "node_modules/eslint-visitor-keys": {
       "version": "3.4.3",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
@@ -3436,29 +3625,35 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/eslint/node_modules/eslint-scope": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+    "node_modules/eslint/node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
       "dev": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
-      },
+      "license": "Apache-2.0",
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/eslint/node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+    "node_modules/eslint/node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
       "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
       "engines": {
-        "node": ">=4.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
     "node_modules/espree": {
@@ -3479,10 +3674,11 @@
       }
     },
     "node_modules/esquery": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.2.tgz",
-      "integrity": "sha512-JVSoLdTlTDkmjFmab7H/9SL9qGSyjElT3myyKp7krqjVFQCDLmj1QFaCLRFBszBKI0XVZaiiXvuPIX3ZwHe1Ng==",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
         "estraverse": "^5.1.0"
       },
@@ -3490,15 +3686,6 @@
         "node": ">=0.10"
       }
     },
-    "node_modules/esquery/node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
     "node_modules/esrecurse": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
@@ -3511,11 +3698,12 @@
         "node": ">=4.0"
       }
     },
-    "node_modules/esrecurse/node_modules/estraverse": {
+    "node_modules/estraverse": {
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
       "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=4.0"
       }
@@ -3531,6 +3719,7 @@
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3580,7 +3769,8 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/fast-diff": {
       "version": "1.3.0",
@@ -3620,7 +3810,8 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
       "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/fast-levenshtein": {
       "version": "2.0.6",
@@ -3647,15 +3838,16 @@
       }
     },
     "node_modules/file-entry-cache": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
-      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "flat-cache": "^3.0.4"
+        "flat-cache": "^4.0.0"
       },
       "engines": {
-        "node": "^10.12.0 || >=12.0.0"
+        "node": ">=16.0.0"
       }
     },
     "node_modules/fill-range": {
@@ -3687,23 +3879,25 @@
       }
     },
     "node_modules/flat-cache": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
-      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "flatted": "^3.1.0",
-        "rimraf": "^3.0.2"
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
       },
       "engines": {
-        "node": "^10.12.0 || >=12.0.0"
+        "node": ">=16"
       }
     },
     "node_modules/flatted": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
-      "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
-      "dev": true
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/focus-trap": {
       "version": "7.5.4",
@@ -3796,7 +3990,8 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
       "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "node_modules/fsevents": {
       "version": "2.3.3",
@@ -4135,6 +4330,12 @@
         "he": "bin/he"
       }
     },
+    "node_modules/hookable": {
+      "version": "5.5.3",
+      "resolved": "https://registry.npmjs.org/hookable/-/hookable-5.5.3.tgz",
+      "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==",
+      "license": "MIT"
+    },
     "node_modules/hosted-git-info": {
       "version": "2.8.9",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
@@ -4208,10 +4409,11 @@
       "license": "MIT"
     },
     "node_modules/import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "parent-module": "^1.0.0",
         "resolve-from": "^4.0.0"
@@ -4237,6 +4439,7 @@
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -4246,7 +4449,8 @@
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "node_modules/ini": {
       "version": "1.3.8",
@@ -4421,15 +4625,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-path-inside": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/is-potential-custom-element-name": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
@@ -4537,6 +4732,18 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-what": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/is-what/-/is-what-5.5.0.tgz",
+      "integrity": "sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
@@ -4602,10 +4809,11 @@
       }
     },
     "node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "argparse": "^2.0.1"
       },
@@ -4662,6 +4870,13 @@
         "node": ">=18"
       }
     },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/json-parse-better-errors": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
@@ -4672,7 +4887,8 @@
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
       "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
@@ -4680,6 +4896,16 @@
       "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
       "dev": true
     },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
     "node_modules/lazy-ass": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/lazy-ass/-/lazy-ass-1.6.0.tgz",
@@ -4879,6 +5105,12 @@
         "node": ">=16 || 14 >=14.17"
       }
     },
+    "node_modules/mitt": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
+      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
+      "license": "MIT"
+    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -5238,6 +5470,7 @@
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
       "dev": true,
+      "optional": true,
       "dependencies": {
         "wrappy": "1"
       }
@@ -5315,6 +5548,7 @@
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
       "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "callsites": "^3.0.0"
       },
@@ -5367,6 +5601,7 @@
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
       "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5427,6 +5662,12 @@
         "through": "~2.3"
       }
     },
+    "node_modules/perfect-debounce": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-1.0.0.tgz",
+      "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==",
+      "license": "MIT"
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -5458,53 +5699,33 @@
       }
     },
     "node_modules/pinia": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.2.2.tgz",
-      "integrity": "sha512-ja2XqFWZC36mupU4z1ZzxeTApV7DOw44cV4dhQ9sGwun+N89v/XP7+j7q6TanS1u1tdbK4r+1BUx7heMaIdagA==",
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-3.0.4.tgz",
+      "integrity": "sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw==",
+      "license": "MIT",
       "dependencies": {
-        "@vue/devtools-api": "^6.6.3",
-        "vue-demi": "^0.14.10"
+        "@vue/devtools-api": "^7.7.7"
       },
       "funding": {
         "url": "https://github.com/sponsors/posva"
       },
       "peerDependencies": {
-        "@vue/composition-api": "^1.4.0",
-        "typescript": ">=4.4.4",
-        "vue": "^2.6.14 || ^3.3.0"
+        "typescript": ">=4.5.0",
+        "vue": "^3.5.11"
       },
       "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        },
         "typescript": {
           "optional": true
         }
       }
     },
-    "node_modules/pinia/node_modules/vue-demi": {
-      "version": "0.14.10",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
-      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
+    "node_modules/pinia/node_modules/@vue/devtools-api": {
+      "version": "7.7.9",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-7.7.9.tgz",
+      "integrity": "sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-kit": "^7.7.9"
       }
     },
     "node_modules/postcss": {
@@ -5759,55 +5980,27 @@
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
-    },
-    "node_modules/reusify": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true,
-      "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/rimraf": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-      "dev": true,
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/rimraf/node_modules/glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "dev": true,
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.1.1",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
       "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
       }
     },
+    "node_modules/rfdc": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
+      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
+      "license": "MIT"
+    },
     "node_modules/rollup": {
       "version": "4.52.5",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.52.5.tgz",
@@ -6443,6 +6636,15 @@
       "integrity": "sha512-rr+VVSXtRhO4OHbXUiAF7xW3Bo9DuuF6C5jH+q/x15j2jniycgKbxU09Hr0WqlSLUs4i4ltHGXqTe7VHclYWyA==",
       "dev": true
     },
+    "node_modules/speakingurl": {
+      "version": "14.0.1",
+      "resolved": "https://registry.npmjs.org/speakingurl/-/speakingurl-14.0.1.tgz",
+      "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/split": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/split/-/split-0.3.3.tgz",
@@ -6703,6 +6905,7 @@
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -6764,6 +6967,18 @@
         "node": ">= 8"
       }
     },
+    "node_modules/superjson": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/superjson/-/superjson-2.2.6.tgz",
+      "integrity": "sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==",
+      "license": "MIT",
+      "dependencies": {
+        "copy-anything": "^4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
     "node_modules/supports-color": {
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
@@ -6869,12 +7084,6 @@
       "dev": true,
       "optional": true
     },
-    "node_modules/text-table": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-      "dev": true
-    },
     "node_modules/through": {
       "version": "2.3.8",
       "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
@@ -7106,6 +7315,7 @@
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
       "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
         "punycode": "^2.1.0"
       }
@@ -7470,15 +7680,6 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/vue-eslint-parser/node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
     "node_modules/vue-final-modal": {
       "version": "4.5.4",
       "resolved": "https://registry.npmjs.org/vue-final-modal/-/vue-final-modal-4.5.4.tgz",
@@ -7496,13 +7697,13 @@
       }
     },
     "node_modules/vue-i18n": {
-      "version": "9.14.5",
-      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.14.5.tgz",
-      "integrity": "sha512-0jQ9Em3ymWngyiIkj0+c/k7WgaPO+TNzjKSNq9BvBQaKJECqn9cd9fL4tkDhB5G1QBskGl9YxxbDAhgbFtpe2g==",
+      "version": "11.2.2",
+      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-11.2.2.tgz",
+      "integrity": "sha512-ULIKZyRluUPRCZmihVgUvpq8hJTtOqnbGZuv4Lz+byEKZq4mU0g92og414l6f/4ju+L5mORsiUuEPYrAuX2NJg==",
       "license": "MIT",
       "dependencies": {
-        "@intlify/core-base": "9.14.5",
-        "@intlify/shared": "9.14.5",
+        "@intlify/core-base": "11.2.2",
+        "@intlify/shared": "11.2.2",
         "@vue/devtools-api": "^6.5.0"
       },
       "engines": {
@@ -7803,7 +8004,8 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "node_modules/ws": {
       "version": "8.18.0",
@@ -8100,43 +8302,113 @@
       "optional": true
     },
     "@eslint-community/eslint-utils": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz",
+      "integrity": "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==",
       "dev": true,
       "requires": {
-        "eslint-visitor-keys": "^3.3.0"
+        "eslint-visitor-keys": "^3.4.3"
       }
     },
     "@eslint-community/regexpp": {
-      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.11.0.tgz",
-      "integrity": "sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==",
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
       "dev": true
     },
+    "@eslint/config-array": {
+      "version": "0.21.1",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.1.tgz",
+      "integrity": "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==",
+      "dev": true,
+      "requires": {
+        "@eslint/object-schema": "^2.1.7",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.2"
+      }
+    },
+    "@eslint/config-helpers": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
+      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
+      "dev": true,
+      "requires": {
+        "@eslint/core": "^0.17.0"
+      }
+    },
+    "@eslint/core": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
+      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
+      "dev": true,
+      "requires": {
+        "@types/json-schema": "^7.0.15"
+      }
+    },
     "@eslint/eslintrc": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
-      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.3.tgz",
+      "integrity": "sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==",
       "dev": true,
       "requires": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
-        "espree": "^9.6.0",
-        "globals": "^13.19.0",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.0",
+        "js-yaml": "^4.1.1",
         "minimatch": "^3.1.2",
         "strip-json-comments": "^3.1.1"
+      },
+      "dependencies": {
+        "eslint-visitor-keys": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+          "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+          "dev": true
+        },
+        "espree": {
+          "version": "10.4.0",
+          "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+          "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+          "dev": true,
+          "requires": {
+            "acorn": "^8.15.0",
+            "acorn-jsx": "^5.3.2",
+            "eslint-visitor-keys": "^4.2.1"
+          }
+        },
+        "globals": {
+          "version": "14.0.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+          "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+          "dev": true
+        }
       }
     },
     "@eslint/js": {
-      "version": "8.57.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
-      "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
+      "version": "9.39.2",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.2.tgz",
+      "integrity": "sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA==",
       "dev": true
     },
+    "@eslint/object-schema": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
+      "dev": true
+    },
+    "@eslint/plugin-kit": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
+      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
+      "dev": true,
+      "requires": {
+        "@eslint/core": "^0.17.0",
+        "levn": "^0.4.1"
+      }
+    },
     "@hapi/hoek": {
       "version": "9.3.0",
       "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
@@ -8152,15 +8424,20 @@
         "@hapi/hoek": "^9.0.0"
       }
     },
-    "@humanwhocodes/config-array": {
-      "version": "0.11.14",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
-      "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
+    "@humanfs/core": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+      "dev": true
+    },
+    "@humanfs/node": {
+      "version": "0.16.7",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.7.tgz",
+      "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",
       "dev": true,
       "requires": {
-        "@humanwhocodes/object-schema": "^2.0.2",
-        "debug": "^4.3.1",
-        "minimatch": "^3.0.5"
+        "@humanfs/core": "^0.19.1",
+        "@humanwhocodes/retry": "^0.4.0"
       }
     },
     "@humanwhocodes/module-importer": {
@@ -8169,34 +8446,34 @@
       "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
       "dev": true
     },
-    "@humanwhocodes/object-schema": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
-      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
+    "@humanwhocodes/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
       "dev": true
     },
     "@intlify/core-base": {
-      "version": "9.14.5",
-      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.14.5.tgz",
-      "integrity": "sha512-5ah5FqZG4pOoHjkvs8mjtv+gPKYU0zCISaYNjBNNqYiaITxW8ZtVih3GS/oTOqN8d9/mDLyrjD46GBApNxmlsA==",
+      "version": "11.2.2",
+      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-11.2.2.tgz",
+      "integrity": "sha512-0mCTBOLKIqFUP3BzwuFW23hYEl9g/wby6uY//AC5hTgQfTsM2srCYF2/hYGp+a5DZ/HIFIgKkLJMzXTt30r0JQ==",
       "requires": {
-        "@intlify/message-compiler": "9.14.5",
-        "@intlify/shared": "9.14.5"
+        "@intlify/message-compiler": "11.2.2",
+        "@intlify/shared": "11.2.2"
       }
     },
     "@intlify/message-compiler": {
-      "version": "9.14.5",
-      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-9.14.5.tgz",
-      "integrity": "sha512-IHzgEu61/YIpQV5Pc3aRWScDcnFKWvQA9kigcINcCBXN8mbW+vk9SK+lDxA6STzKQsVJxUPg9ACC52pKKo3SVQ==",
+      "version": "11.2.2",
+      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-11.2.2.tgz",
+      "integrity": "sha512-XS2p8Ff5JxWsKhgfld4/MRQzZRQ85drMMPhb7Co6Be4ZOgqJX1DzcZt0IFgGTycgqL8rkYNwgnD443Q+TapOoA==",
       "requires": {
-        "@intlify/shared": "9.14.5",
+        "@intlify/shared": "11.2.2",
         "source-map-js": "^1.0.2"
       }
     },
     "@intlify/shared": {
-      "version": "9.14.5",
-      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-9.14.5.tgz",
-      "integrity": "sha512-9gB+E53BYuAEMhbCAxVgG38EZrk59sxBtv3jSizNL2hEWlgjBjAw1AwpLHtNaeda12pe6W20OGEa0TwuMSRbyQ=="
+      "version": "11.2.2",
+      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-11.2.2.tgz",
+      "integrity": "sha512-OtCmyFpSXxNu/oET/aN6HtPCbZ01btXVd0f3w00YsHOb13Kverk1jzA2k47pAekM55qbUw421fvPF1yxZ+gicw=="
     },
     "@isaacs/cliui": {
       "version": "8.0.2",
@@ -8742,12 +9019,6 @@
       "integrity": "sha512-uXHQKES6DQKKCLh441Xv/dwxOq1TVS3JPUMlEqoEglvlhR6Mxnlew/Xq/LRVHpLyk7iK3zODe1qYHIMltO7XGg==",
       "dev": true
     },
-    "@types/semver": {
-      "version": "7.5.8",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
-      "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==",
-      "dev": true
-    },
     "@types/tough-cookie": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.2.tgz",
@@ -8759,81 +9030,36 @@
       "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
       "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow=="
     },
-    "@typescript-eslint/eslint-plugin": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.2.0.tgz",
-      "integrity": "sha512-mdekAHOqS9UjlmyF/LSs6AIEvfceV749GFxoBAjwAv0nkevfKHWQFDMcBZWUiIC5ft6ePWivXoS36aKQ0Cy3sw==",
-      "dev": true,
-      "requires": {
-        "@eslint-community/regexpp": "^4.5.1",
-        "@typescript-eslint/scope-manager": "7.2.0",
-        "@typescript-eslint/type-utils": "7.2.0",
-        "@typescript-eslint/utils": "7.2.0",
-        "@typescript-eslint/visitor-keys": "7.2.0",
-        "debug": "^4.3.4",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.4",
-        "natural-compare": "^1.4.0",
-        "semver": "^7.5.4",
-        "ts-api-utils": "^1.0.1"
-      }
-    },
-    "@typescript-eslint/parser": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.2.0.tgz",
-      "integrity": "sha512-5FKsVcHTk6TafQKQbuIVkXq58Fnbkd2wDL4LB7AURN7RUOu1utVP+G8+6u3ZhEroW3DF6hyo3ZEXxgKgp4KeCg==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "@typescript-eslint/scope-manager": "7.2.0",
-        "@typescript-eslint/types": "7.2.0",
-        "@typescript-eslint/typescript-estree": "7.2.0",
-        "@typescript-eslint/visitor-keys": "7.2.0",
-        "debug": "^4.3.4"
-      }
-    },
     "@typescript-eslint/scope-manager": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.2.0.tgz",
-      "integrity": "sha512-Qh976RbQM/fYtjx9hs4XkayYujB/aPwglw2choHmf3zBjB4qOywWSdt9+KLRdHubGcoSwBnXUH2sR3hkyaERRg==",
-      "dev": true,
-      "requires": {
-        "@typescript-eslint/types": "7.2.0",
-        "@typescript-eslint/visitor-keys": "7.2.0"
-      }
-    },
-    "@typescript-eslint/type-utils": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.2.0.tgz",
-      "integrity": "sha512-xHi51adBHo9O9330J8GQYQwrKBqbIPJGZZVQTHHmy200hvkLZFWJIFtAG/7IYTWUyun6DE6w5InDReePJYJlJA==",
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.18.0.tgz",
+      "integrity": "sha512-jjhdIE/FPF2B7Z1uzc6i3oWKbGcHb87Qw7AWj6jmEqNOfDFbJWtjt/XfwCpvNkpGWlcJaog5vTR+VV8+w9JflA==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/typescript-estree": "7.2.0",
-        "@typescript-eslint/utils": "7.2.0",
-        "debug": "^4.3.4",
-        "ts-api-utils": "^1.0.1"
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0"
       }
     },
     "@typescript-eslint/types": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.2.0.tgz",
-      "integrity": "sha512-XFtUHPI/abFhm4cbCDc5Ykc8npOKBSJePY3a3s+lwumt7XWJuzP5cZcfZ610MIPHjQjNsOLlYK8ASPaNG8UiyA==",
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.18.0.tgz",
+      "integrity": "sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==",
       "dev": true
     },
     "@typescript-eslint/typescript-estree": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.2.0.tgz",
-      "integrity": "sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA==",
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.18.0.tgz",
+      "integrity": "sha512-aP1v/BSPnnyhMHts8cf1qQ6Q1IFwwRvAQGRvBFkWlo3/lH29OXA3Pts+c10nxRxIBrDnoMqzhgdwVe5f2D6OzA==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/types": "7.2.0",
-        "@typescript-eslint/visitor-keys": "7.2.0",
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
-        "minimatch": "9.0.3",
-        "semver": "^7.5.4",
-        "ts-api-utils": "^1.0.1"
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^1.3.0"
       },
       "dependencies": {
         "brace-expansion": {
@@ -8846,9 +9072,9 @@
           }
         },
         "minimatch": {
-          "version": "9.0.3",
-          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
-          "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+          "version": "9.0.5",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+          "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
           "dev": true,
           "requires": {
             "brace-expansion": "^2.0.1"
@@ -8856,37 +9082,16 @@
         }
       }
     },
-    "@typescript-eslint/utils": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.2.0.tgz",
-      "integrity": "sha512-YfHpnMAGb1Eekpm3XRK8hcMwGLGsnT6L+7b2XyRv6ouDuJU1tZir1GS2i0+VXRatMwSI1/UfcyPe53ADkU+IuA==",
-      "dev": true,
-      "requires": {
-        "@eslint-community/eslint-utils": "^4.4.0",
-        "@types/json-schema": "^7.0.12",
-        "@types/semver": "^7.5.0",
-        "@typescript-eslint/scope-manager": "7.2.0",
-        "@typescript-eslint/types": "7.2.0",
-        "@typescript-eslint/typescript-estree": "7.2.0",
-        "semver": "^7.5.4"
-      }
-    },
     "@typescript-eslint/visitor-keys": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.2.0.tgz",
-      "integrity": "sha512-c6EIQRHhcpl6+tO8EMR+kjkkV+ugUNXOmeASA1rlzkd8EPIriavpWoiEz1HR/VLhbVIdhqnV6E7JZm00cBDx2A==",
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.18.0.tgz",
+      "integrity": "sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/types": "7.2.0",
-        "eslint-visitor-keys": "^3.4.1"
+        "@typescript-eslint/types": "7.18.0",
+        "eslint-visitor-keys": "^3.4.3"
       }
     },
-    "@ungap/structured-clone": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
-      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
-      "dev": true
-    },
     "@vee-validate/yup": {
       "version": "4.13.2",
       "resolved": "https://registry.npmjs.org/@vee-validate/yup/-/yup-4.13.2.tgz",
@@ -9082,6 +9287,28 @@
       "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.3.tgz",
       "integrity": "sha512-0MiMsFma/HqA6g3KLKn+AGpL1kgKhFWszC9U29NfpWK5LE7bjeXxySWJrOJ77hBz+TBrBQ7o4QJqbPbqbs8rJw=="
     },
+    "@vue/devtools-kit": {
+      "version": "7.7.9",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-7.7.9.tgz",
+      "integrity": "sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==",
+      "requires": {
+        "@vue/devtools-shared": "^7.7.9",
+        "birpc": "^2.3.0",
+        "hookable": "^5.5.3",
+        "mitt": "^3.0.1",
+        "perfect-debounce": "^1.0.0",
+        "speakingurl": "^14.0.1",
+        "superjson": "^2.2.2"
+      }
+    },
+    "@vue/devtools-shared": {
+      "version": "7.7.9",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-7.7.9.tgz",
+      "integrity": "sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==",
+      "requires": {
+        "rfdc": "^1.4.1"
+      }
+    },
     "@vue/eslint-config-prettier": {
       "version": "9.0.0",
       "resolved": "https://registry.npmjs.org/@vue/eslint-config-prettier/-/eslint-config-prettier-9.0.0.tgz",
@@ -9101,6 +9328,65 @@
         "@typescript-eslint/eslint-plugin": "^7.1.1",
         "@typescript-eslint/parser": "^7.1.1",
         "vue-eslint-parser": "^9.3.1"
+      },
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": {
+          "version": "7.18.0",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.18.0.tgz",
+          "integrity": "sha512-94EQTWZ40mzBc42ATNIBimBEDltSJ9RQHCC8vc/PDbxi4k8dVwUAv4o98dk50M1zB+JGFxp43FP7f8+FP8R6Sw==",
+          "dev": true,
+          "requires": {
+            "@eslint-community/regexpp": "^4.10.0",
+            "@typescript-eslint/scope-manager": "7.18.0",
+            "@typescript-eslint/type-utils": "7.18.0",
+            "@typescript-eslint/utils": "7.18.0",
+            "@typescript-eslint/visitor-keys": "7.18.0",
+            "graphemer": "^1.4.0",
+            "ignore": "^5.3.1",
+            "natural-compare": "^1.4.0",
+            "ts-api-utils": "^1.3.0"
+          },
+          "dependencies": {
+            "@typescript-eslint/type-utils": {
+              "version": "7.18.0",
+              "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.18.0.tgz",
+              "integrity": "sha512-XL0FJXuCLaDuX2sYqZUUSOJ2sG5/i1AAze+axqmLnSkNEVMVYLF+cbwlB2w8D1tinFuSikHmFta+P+HOofrLeA==",
+              "dev": true,
+              "requires": {
+                "@typescript-eslint/typescript-estree": "7.18.0",
+                "@typescript-eslint/utils": "7.18.0",
+                "debug": "^4.3.4",
+                "ts-api-utils": "^1.3.0"
+              }
+            },
+            "@typescript-eslint/utils": {
+              "version": "7.18.0",
+              "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.18.0.tgz",
+              "integrity": "sha512-kK0/rNa2j74XuHVcoCZxdFBMF+aq/vH83CXAOHieC+2Gis4mF8jJXT5eAfyD3K0sAxtPuwxaIOIOvhwzVDt/kw==",
+              "dev": true,
+              "requires": {
+                "@eslint-community/eslint-utils": "^4.4.0",
+                "@typescript-eslint/scope-manager": "7.18.0",
+                "@typescript-eslint/types": "7.18.0",
+                "@typescript-eslint/typescript-estree": "7.18.0"
+              }
+            }
+          }
+        },
+        "@typescript-eslint/parser": {
+          "version": "7.18.0",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.18.0.tgz",
+          "integrity": "sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==",
+          "dev": true,
+          "peer": true,
+          "requires": {
+            "@typescript-eslint/scope-manager": "7.18.0",
+            "@typescript-eslint/types": "7.18.0",
+            "@typescript-eslint/typescript-estree": "7.18.0",
+            "@typescript-eslint/visitor-keys": "7.18.0",
+            "debug": "^4.3.4"
+          }
+        }
       }
     },
     "@vue/language-core": {
@@ -9378,6 +9664,11 @@
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "dev": true
     },
+    "birpc": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/birpc/-/birpc-2.9.0.tgz",
+      "integrity": "sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw=="
+    },
     "bluebird": {
       "version": "3.7.2",
       "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
@@ -9547,6 +9838,14 @@
         "proto-list": "~1.2.1"
       }
     },
+    "copy-anything": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-4.0.5.tgz",
+      "integrity": "sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==",
+      "requires": {
+        "is-what": "^5.2.0"
+      }
+    },
     "cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -9659,15 +9958,6 @@
         "path-type": "^4.0.0"
       }
     },
-    "doctrine": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-      "dev": true,
-      "requires": {
-        "esutils": "^2.0.2"
-      }
-    },
     "dunder-proto": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
@@ -9870,67 +10160,64 @@
       "dev": true
     },
     "eslint": {
-      "version": "8.57.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
-      "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
+      "version": "9.39.2",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.2.tgz",
+      "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",
       "dev": true,
       "peer": true,
       "requires": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@eslint-community/regexpp": "^4.6.1",
-        "@eslint/eslintrc": "^2.1.4",
-        "@eslint/js": "8.57.0",
-        "@humanwhocodes/config-array": "^0.11.14",
+        "@eslint-community/eslint-utils": "^4.8.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.1",
+        "@eslint/config-helpers": "^0.4.2",
+        "@eslint/core": "^0.17.0",
+        "@eslint/eslintrc": "^3.3.1",
+        "@eslint/js": "9.39.2",
+        "@eslint/plugin-kit": "^0.4.1",
+        "@humanfs/node": "^0.16.6",
         "@humanwhocodes/module-importer": "^1.0.1",
-        "@nodelib/fs.walk": "^1.2.8",
-        "@ungap/structured-clone": "^1.2.0",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
         "ajv": "^6.12.4",
         "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.2",
+        "cross-spawn": "^7.0.6",
         "debug": "^4.3.2",
-        "doctrine": "^3.0.0",
         "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^7.2.2",
-        "eslint-visitor-keys": "^3.4.3",
-        "espree": "^9.6.1",
-        "esquery": "^1.4.2",
+        "eslint-scope": "^8.4.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "esquery": "^1.5.0",
         "esutils": "^2.0.2",
         "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^6.0.1",
+        "file-entry-cache": "^8.0.0",
         "find-up": "^5.0.0",
         "glob-parent": "^6.0.2",
-        "globals": "^13.19.0",
-        "graphemer": "^1.4.0",
         "ignore": "^5.2.0",
         "imurmurhash": "^0.1.4",
         "is-glob": "^4.0.0",
-        "is-path-inside": "^3.0.3",
-        "js-yaml": "^4.1.0",
         "json-stable-stringify-without-jsonify": "^1.0.1",
-        "levn": "^0.4.1",
         "lodash.merge": "^4.6.2",
         "minimatch": "^3.1.2",
         "natural-compare": "^1.4.0",
-        "optionator": "^0.9.3",
-        "strip-ansi": "^6.0.1",
-        "text-table": "^0.2.0"
+        "optionator": "^0.9.3"
       },
       "dependencies": {
-        "eslint-scope": {
-          "version": "7.2.2",
-          "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-          "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+        "eslint-visitor-keys": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+          "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+          "dev": true
+        },
+        "espree": {
+          "version": "10.4.0",
+          "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+          "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
           "dev": true,
           "requires": {
-            "esrecurse": "^4.3.0",
-            "estraverse": "^5.2.0"
+            "acorn": "^8.15.0",
+            "acorn-jsx": "^5.3.2",
+            "eslint-visitor-keys": "^4.2.1"
           }
-        },
-        "estraverse": {
-          "version": "5.3.0",
-          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-          "dev": true
         }
       }
     },
@@ -9978,6 +10265,16 @@
         "xml-name-validator": "^4.0.0"
       }
     },
+    "eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "dev": true,
+      "requires": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      }
+    },
     "eslint-visitor-keys": {
       "version": "3.4.3",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
@@ -9996,20 +10293,12 @@
       }
     },
     "esquery": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.2.tgz",
-      "integrity": "sha512-JVSoLdTlTDkmjFmab7H/9SL9qGSyjElT3myyKp7krqjVFQCDLmj1QFaCLRFBszBKI0XVZaiiXvuPIX3ZwHe1Ng==",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
       "dev": true,
       "requires": {
         "estraverse": "^5.1.0"
-      },
-      "dependencies": {
-        "estraverse": {
-          "version": "5.3.0",
-          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-          "dev": true
-        }
       }
     },
     "esrecurse": {
@@ -10019,16 +10308,14 @@
       "dev": true,
       "requires": {
         "estraverse": "^5.2.0"
-      },
-      "dependencies": {
-        "estraverse": {
-          "version": "5.3.0",
-          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-          "dev": true
-        }
       }
     },
+    "estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true
+    },
     "estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
@@ -10138,12 +10425,12 @@
       }
     },
     "file-entry-cache": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
-      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
       "dev": true,
       "requires": {
-        "flat-cache": "^3.0.4"
+        "flat-cache": "^4.0.0"
       }
     },
     "fill-range": {
@@ -10166,19 +10453,19 @@
       }
     },
     "flat-cache": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
-      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
       "dev": true,
       "requires": {
-        "flatted": "^3.1.0",
-        "rimraf": "^3.0.2"
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
       }
     },
     "flatted": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
-      "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
       "dev": true
     },
     "focus-trap": {
@@ -10244,7 +10531,8 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
       "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "fsevents": {
       "version": "2.3.3",
@@ -10467,6 +10755,11 @@
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
       "dev": true
     },
+    "hookable": {
+      "version": "5.5.3",
+      "resolved": "https://registry.npmjs.org/hookable/-/hookable-5.5.3.tgz",
+      "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ=="
+    },
     "hosted-git-info": {
       "version": "2.8.9",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
@@ -10524,9 +10817,9 @@
       "dev": true
     },
     "import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
       "dev": true,
       "requires": {
         "parent-module": "^1.0.0",
@@ -10544,6 +10837,7 @@
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
       "dev": true,
+      "optional": true,
       "requires": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -10553,7 +10847,8 @@
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "ini": {
       "version": "1.3.8",
@@ -10674,12 +10969,6 @@
         "has-tostringtag": "^1.0.0"
       }
     },
-    "is-path-inside": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-      "dev": true
-    },
     "is-potential-custom-element-name": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
@@ -10751,6 +11040,11 @@
         "call-bind": "^1.0.2"
       }
     },
+    "is-what": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/is-what/-/is-what-5.5.0.tgz",
+      "integrity": "sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw=="
+    },
     "isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
@@ -10800,9 +11094,9 @@
       "dev": true
     },
     "js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
       "dev": true,
       "requires": {
         "argparse": "^2.0.1"
@@ -10845,6 +11139,12 @@
         }
       }
     },
+    "json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true
+    },
     "json-parse-better-errors": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
@@ -10863,6 +11163,15 @@
       "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
       "dev": true
     },
+    "keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "requires": {
+        "json-buffer": "3.0.1"
+      }
+    },
     "lazy-ass": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/lazy-ass/-/lazy-ass-1.6.0.tgz",
@@ -11013,6 +11322,11 @@
       "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
       "dev": true
     },
+    "mitt": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
+      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw=="
+    },
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -11284,6 +11598,7 @@
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
       "dev": true,
+      "optional": true,
       "requires": {
         "wrappy": "1"
       }
@@ -11379,7 +11694,8 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "path-key": {
       "version": "3.1.1",
@@ -11424,6 +11740,11 @@
         "through": "~2.3"
       }
     },
+    "perfect-debounce": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-1.0.0.tgz",
+      "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA=="
+    },
     "picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -11442,19 +11763,20 @@
       "dev": true
     },
     "pinia": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.2.2.tgz",
-      "integrity": "sha512-ja2XqFWZC36mupU4z1ZzxeTApV7DOw44cV4dhQ9sGwun+N89v/XP7+j7q6TanS1u1tdbK4r+1BUx7heMaIdagA==",
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-3.0.4.tgz",
+      "integrity": "sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw==",
       "requires": {
-        "@vue/devtools-api": "^6.6.3",
-        "vue-demi": "^0.14.10"
+        "@vue/devtools-api": "^7.7.7"
       },
       "dependencies": {
-        "vue-demi": {
-          "version": "0.14.10",
-          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
-          "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
-          "requires": {}
+        "@vue/devtools-api": {
+          "version": "7.7.9",
+          "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-7.7.9.tgz",
+          "integrity": "sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==",
+          "requires": {
+            "@vue/devtools-kit": "^7.7.9"
+          }
         }
       }
     },
@@ -11627,30 +11949,10 @@
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
       "dev": true
     },
-    "rimraf": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-      "dev": true,
-      "requires": {
-        "glob": "^7.1.3"
-      },
-      "dependencies": {
-        "glob": {
-          "version": "7.2.3",
-          "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-          "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-          "dev": true,
-          "requires": {
-            "fs.realpath": "^1.0.0",
-            "inflight": "^1.0.4",
-            "inherits": "2",
-            "minimatch": "^3.1.1",
-            "once": "^1.3.0",
-            "path-is-absolute": "^1.0.0"
-          }
-        }
-      }
+    "rfdc": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
+      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA=="
     },
     "rollup": {
       "version": "4.52.5",
@@ -12037,6 +12339,11 @@
       "integrity": "sha512-rr+VVSXtRhO4OHbXUiAF7xW3Bo9DuuF6C5jH+q/x15j2jniycgKbxU09Hr0WqlSLUs4i4ltHGXqTe7VHclYWyA==",
       "dev": true
     },
+    "speakingurl": {
+      "version": "14.0.1",
+      "resolved": "https://registry.npmjs.org/speakingurl/-/speakingurl-14.0.1.tgz",
+      "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ=="
+    },
     "split": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/split/-/split-0.3.3.tgz",
@@ -12268,6 +12575,14 @@
         }
       }
     },
+    "superjson": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/superjson/-/superjson-2.2.6.tgz",
+      "integrity": "sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==",
+      "requires": {
+        "copy-anything": "^4"
+      }
+    },
     "supports-color": {
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
@@ -12341,12 +12656,6 @@
         }
       }
     },
-    "text-table": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-      "dev": true
-    },
     "through": {
       "version": "2.3.8",
       "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
@@ -12699,12 +13008,6 @@
             "esrecurse": "^4.3.0",
             "estraverse": "^5.2.0"
           }
-        },
-        "estraverse": {
-          "version": "5.3.0",
-          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-          "dev": true
         }
       }
     },
@@ -12719,12 +13022,12 @@
       }
     },
     "vue-i18n": {
-      "version": "9.14.5",
-      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.14.5.tgz",
-      "integrity": "sha512-0jQ9Em3ymWngyiIkj0+c/k7WgaPO+TNzjKSNq9BvBQaKJECqn9cd9fL4tkDhB5G1QBskGl9YxxbDAhgbFtpe2g==",
+      "version": "11.2.2",
+      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-11.2.2.tgz",
+      "integrity": "sha512-ULIKZyRluUPRCZmihVgUvpq8hJTtOqnbGZuv4Lz+byEKZq4mU0g92og414l6f/4ju+L5mORsiUuEPYrAuX2NJg==",
       "requires": {
-        "@intlify/core-base": "9.14.5",
-        "@intlify/shared": "9.14.5",
+        "@intlify/core-base": "11.2.2",
+        "@intlify/shared": "11.2.2",
         "@vue/devtools-api": "^6.5.0"
       }
     },
@@ -12928,7 +13231,8 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "ws": {
       "version": "8.18.0",
diff --git a/frontend/DM.Web.Modern.Temp/package.json b/frontend/DM.Web.Modern.Temp/package.json
index ee67ac21..ffc67eac 100644
--- a/frontend/DM.Web.Modern.Temp/package.json
+++ b/frontend/DM.Web.Modern.Temp/package.json
@@ -19,7 +19,7 @@
     "@vee-validate/yup": "^4.13.2",
     "axios": "^1.7.4",
     "dayjs": "^1.11.12",
-    "pinia": "^2.2.2",
+    "pinia": "^3.0.4",
     "primevue": "^4.4.1",
     "vee-validate": "^4.13.2",
     "vue": "^3.4.38",
diff --git a/frontend/DM.Web.Modern.Temp/src/views/account/LoginForm.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/account/LoginForm.i18n.ts
new file mode 100644
index 00000000..3efe94e7
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/account/LoginForm.i18n.ts
@@ -0,0 +1,18 @@
+export default {
+  "ru-RU": {
+    title: "Вход",
+    login: "Логин",
+    password: "Пароль",
+    rememberMe: "Запомнить меня",
+    submit: "Войти",
+    cancel: "Отмена",
+  },
+  "en-US": {
+    title: "Sign in",
+    login: "Username",
+    password: "Password",
+    rememberMe: "Stay signed in",
+    submit: "Sign in",
+    cancel: "Cancel",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/account/LoginForm.vue b/frontend/DM.Web.Modern.Temp/src/views/account/LoginForm.vue
index f57f544d..9e7004b4 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/account/LoginForm.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/account/LoginForm.vue
@@ -8,12 +8,15 @@ import DmInput from "@/components/ui-kit/DmInput.vue";
 import DmForm from "@/components/ui-kit/DmForm.vue";
 import PageTitle from "@/components/layout/PageTitle.vue";
 import DmDialog from "@/components/ui-kit/DmDialog.vue";
+import messages from "@/views/account/LoginForm.i18n";
+import { useI18n } from "vue-i18n";
 
 const emit = defineEmits<{
   (e: "cancelled"): void;
 }>();
 
 const store = useUserStore();
+const { t } = useI18n({ messages });
 
 const credentials = ref<LoginCredentials>({
   login: "",
@@ -34,29 +37,33 @@ const submit = async () => {
 
 <template>
   <dm-dialog :with-form="true">
-    <page-title>Вход</page-title>
+    <page-title>{{ t("title") }}</page-title>
 
     <dm-form @submit="submit">
       <dm-field>
-        <dm-input id="login" placeholder="Логин" v-model="credentials.login" />
+        <dm-input
+          id="login"
+          v-model="credentials.login"
+          :placeholder="t('login')"
+        />
       </dm-field>
       <dm-field>
         <dm-input
           id="password"
           type="password"
           v-model="credentials.password"
-          placeholder="Пароль"
+          :placeholder="t('password')"
         />
       </dm-field>
       <dm-field>
         <label>
           <input type="checkbox" v-model="credentials.rememberMe" />
-          Запомнить меня
+          {{ t("rememberMe") }}
         </label>
       </dm-field>
       <template #controls>
-        <dm-button type="submit" :loading="loading" label="Войти" />
-        <a @click="emit('cancelled')">Отмена</a>
+        <dm-button type="submit" :loading="loading" :label="t('submit')" />
+        <a @click="emit('cancelled')">{{ t("cancel") }}</a>
       </template>
     </dm-form>
   </dm-dialog>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationForm.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationForm.i18n.ts
new file mode 100644
index 00000000..ffe7f686
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationForm.i18n.ts
@@ -0,0 +1,18 @@
+export default {
+  "ru-RU": {
+    title: "Регистрация",
+    email: "E-mail",
+    login: "Логин",
+    password: "Пароль",
+    submit: "Отправить",
+    cancel: "Отмена",
+  },
+  "en-US": {
+    title: "Sign on",
+    email: "E-mail",
+    login: "Username",
+    password: "Password",
+    submit: "Sign on",
+    cancel: "Cancel",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationForm.vue b/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationForm.vue
index 2c803722..a70cd0cc 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationForm.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationForm.vue
@@ -8,12 +8,16 @@ import DmField from "@/components/ui-kit/DmField.vue";
 import DmForm from "@/components/ui-kit/DmForm.vue";
 import PageTitle from "@/components/layout/PageTitle.vue";
 import DmDialog from "@/components/ui-kit/DmDialog.vue";
+import messages from "@/views/account/RegistrationForm.i18n";
+import { useI18n } from "vue-i18n";
 
 const emit = defineEmits<{
   (e: "registered"): void;
   (e: "cancelled"): void;
 }>();
+
 const store = useUserStore();
+const { t } = useI18n({ messages });
 
 const credentials = ref<RegisterCredentials>({
   email: "",
@@ -34,7 +38,7 @@ const submit = async () => {
 
 <template>
   <dm-dialog :with-form="true">
-    <page-title>Регистрация</page-title>
+    <page-title>{{ t("title") }}</page-title>
 
     <dm-form @submit="submit">
       <dm-field>
@@ -42,24 +46,28 @@ const submit = async () => {
           id="email"
           type="email"
           v-model="credentials.email"
-          placeholder="E-mail"
+          :placeholder="t('email')"
         />
       </dm-field>
       <dm-field>
-        <dm-input id="login" v-model="credentials.login" placeholder="Логин" />
+        <dm-input
+          id="login"
+          v-model="credentials.login"
+          :placeholder="t('login')"
+        />
       </dm-field>
       <dm-field>
         <dm-input
           id="password"
           type="password"
           v-model="credentials.password"
-          placeholder="Пароль"
+          :placeholder="t('password')"
         />
       </dm-field>
 
       <template #controls>
-        <dm-button label="Отправить" type="submit" />
-        <a @click="emit('cancelled')">Отмена</a>
+        <dm-button :label="t('submit')" type="submit" />
+        <a @click="emit('cancelled')">{{ t("cancel") }}</a>
       </template>
     </dm-form>
   </dm-dialog>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationSuccess.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationSuccess.i18n.ts
new file mode 100644
index 00000000..e681304d
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationSuccess.i18n.ts
@@ -0,0 +1,12 @@
+export default {
+  "ru-RU": {
+    title: "Поздравляем!",
+    text: "Вы успешно зарегистрировались на нашем сайте. Мы отправили вам письмо на указанный e-mail с дальнейшими инструкциями.",
+    confirm: "Пойду проверю почту",
+  },
+  "en-US": {
+    title: "Congrats!",
+    text: "You have signed on to our website. We've sent you a letter to the specified e-mail with further instructions.",
+    confirm: "I'll go and check my e-mail",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationSuccess.vue b/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationSuccess.vue
index b41a6a9c..d890502f 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationSuccess.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/account/RegistrationSuccess.vue
@@ -2,20 +2,20 @@
 import DmButton from "@/components/ui-kit/DmButton.vue";
 import PageTitle from "@/components/layout/PageTitle.vue";
 import DmDialog from "@/components/ui-kit/DmDialog.vue";
+import messages from "@/views/account/RegistrationSuccess.i18n";
+import { useI18n } from "vue-i18n";
 
 const emit = defineEmits<{
   (e: "confirmed"): void;
 }>();
+const { t } = useI18n({ messages });
 </script>
 
 <template>
   <dm-dialog>
-    <page-title>Поздравляем!</page-title>
-    <p>
-      Вы успешно зарегистрировались на нашем сайте. Мы отправили вам письмо на
-      указанный e-mail с дальнейшими инструкциями.
-    </p>
-    <dm-button label="Пойду проверю почту" @click="emit('confirmed')" />
+    <page-title>{{ t("title") }}</page-title>
+    <p>{{ t("text") }}</p>
+    <dm-button :label="t('confirm')" @click="emit('confirmed')" />
   </dm-dialog>
 </template>
 
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/GeneralMenu.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/layout/GeneralMenu.i18n.ts
new file mode 100644
index 00000000..c29283d6
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/GeneralMenu.i18n.ts
@@ -0,0 +1,18 @@
+export default {
+  "ru-RU": {
+    activeGames: "Активные игры",
+    allActiveGames: "Все активные игры",
+    recruitingGames: "Идет набор",
+    allRecruitingGames: "Все игры с открытым набором",
+    finishedGames: "Завершенные игры",
+    allFinishedGames: "Все завершенные игры",
+  },
+  "en-US": {
+    activeGames: "Active games",
+    allActiveGames: "All active games",
+    recruitingGames: "Recruiting games",
+    allRecruitingGames: "All recruiting games",
+    finishedGames: "Finished games",
+    allFinishedGames: "All finished games",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/GeneralMenu.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/GeneralMenu.vue
index 3113a786..49df3cf7 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/GeneralMenu.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/GeneralMenu.vue
@@ -1,3 +1,20 @@
+<script setup lang="ts">
+import ForumsList from "@/views/layout/menu/ForumsList.vue";
+import ModerationGames from "@/views/layout/menu/ModerationGames.vue";
+import OwnGames from "@/views/layout/menu/OwnGames.vue";
+import { useUserStore } from "@/stores";
+import { computed } from "vue";
+import { userIsHighAuthority } from "@/api/models/community/helpers";
+import GamesList from "@/views/layout/menu/GamesList.vue";
+import { GameStatus } from "@/api/models/gaming";
+import messages from "@/views/layout/GeneralMenu.i18n";
+import { useI18n } from "vue-i18n";
+
+const store = useUserStore();
+const userIsAdmin = computed(() => userIsHighAuthority(store.user));
+const { t } = useI18n({ messages });
+</script>
+
 <template>
   <template v-if="store.user">
     <moderation-games v-if="userIsAdmin" />
@@ -5,38 +22,24 @@
   </template>
   <games-list
     v-else
-    title="Активные игры"
-    link-text="Все активные игры"
+    :title="t('activeGames')"
+    :link-text="t('allActiveGames')"
     token="ActiveGames"
     :game-status="GameStatus.Active"
   />
 
   <games-list
-    title="Идёт набор"
-    link-text="Все игры с открытым набором"
+    :title="t('recruitingGames')"
+    :link-text="t('allRecruitingGames')"
     token="RequiringGames"
     :game-status="GameStatus.Requirement"
   />
   <games-list
-    title="Завершённые игры"
-    link-text="Все завершённые игры"
+    :title="t('finishedGames')"
+    :link-text="t('allFinishedGames')"
     token="FinishedGames"
     :game-status="GameStatus.Finished"
   />
 
   <forums-list />
 </template>
-
-<script setup lang="ts">
-import ForumsList from "@/views/layout/menu/ForumsList.vue";
-import ModerationGames from "@/views/layout/menu/ModerationGames.vue";
-import OwnGames from "@/views/layout/menu/OwnGames.vue";
-import { useUserStore } from "@/stores";
-import { computed } from "vue";
-import { userIsHighAuthority } from "@/api/models/community/helpers";
-import GamesList from "@/views/layout/menu/GamesList.vue";
-import { GameStatus } from "@/api/models/gaming";
-
-const store = useUserStore();
-const userIsAdmin = computed(() => userIsHighAuthority(store.user));
-</script>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.i18n.ts
new file mode 100644
index 00000000..a64a3cc8
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.i18n.ts
@@ -0,0 +1,20 @@
+export default {
+  "ru-RU": {
+    dm: "Форумные ролевые игры",
+    welcome: "Добро пожаловать",
+    about: "Войти",
+    community: "Регистрация",
+    rules: "Правила",
+    chat: "Чат",
+    newGame: "Новая игра",
+  },
+  "en-US": {
+    dm: "Forum-based RPGs",
+    welcome: "Welcome",
+    about: "About us",
+    community: "Community",
+    rules: "Rules",
+    chat: "Chat",
+    newGame: "New game",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue
index a176a1ac..9ee7fa69 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue
@@ -4,9 +4,12 @@ import { IconType } from "@/components/ui-kit/iconType";
 import GuestActions from "@/views/layout/header/GuestActions.vue";
 import PlayerActions from "@/views/layout/header/PlayerActions.vue";
 import DmIcon from "@/components/ui-kit/DmIcon.vue";
+import messages from "@/views/layout/TheHeader.i18n";
+import { useI18n } from "vue-i18n";
 
 const uiStore = useUiStore();
 const userStore = useUserStore();
+const { t } = useI18n({ messages });
 </script>
 
 <template>
@@ -14,7 +17,7 @@ const userStore = useUserStore();
     <div class="user-info">
       <div class="logo-text">
         <template v-if="userStore.user">
-          Добро пожаловать,
+          {{ t("welcome") }},
           <router-link
             :to="{ name: 'profile', params: { login: userStore.user.login } }"
           >
@@ -22,26 +25,32 @@ const userStore = useUserStore();
             {{ userStore.user.login }}
           </router-link>
         </template>
-        <template v-else>Форумные ролевые игры</template>
+        <template v-else>{{ t("dm") }}</template>
       </div>
       <router-link class="logo" :to="{ name: 'home' }" />
       <player-actions v-if="userStore.user" />
       <guest-actions v-else />
     </div>
     <div class="top-menu">
-      <router-link class="link" :to="{ name: 'about' }">О проекте</router-link>
-      <router-link class="link" :to="{ name: 'community' }"
-        >Сообщество</router-link
-      >
-      <router-link class="link" :to="{ name: 'rules' }">Правила</router-link>
-      <router-link class="link" :to="{ name: 'chat' }">Чат</router-link>
+      <router-link class="link" :to="{ name: 'about' }">{{
+        t("about")
+      }}</router-link>
+      <router-link class="link" :to="{ name: 'community' }">{{
+        t("community")
+      }}</router-link>
+      <router-link class="link" :to="{ name: 'rules' }">{{
+        t("rules")
+      }}</router-link>
+      <router-link class="link" :to="{ name: 'chat' }">{{
+        t("chat")
+      }}</router-link>
       <router-link
         v-if="userStore.user"
         class="link create"
         :to="{ name: 'create-game' }"
       >
         <dm-icon :font="IconType.Add" />
-        Новая игра
+        {{ t("newGame") }}
       </router-link>
     </div>
     <div class="controls">
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/header/GuestActions.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/layout/header/GuestActions.i18n.ts
new file mode 100644
index 00000000..2d847487
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/header/GuestActions.i18n.ts
@@ -0,0 +1,10 @@
+export default {
+  "ru-RU": {
+    signIn: "Войти",
+    signOn: "Регистрация",
+  },
+  "en-US": {
+    signIn: "Sign in",
+    signOn: "Sign on",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/header/GuestActions.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/header/GuestActions.vue
index 8f91c377..9cc41724 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/header/GuestActions.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/header/GuestActions.vue
@@ -5,6 +5,10 @@ import LoginForm from "@/views/account/LoginForm.vue";
 import RegistrationForm from "@/views/account/RegistrationForm.vue";
 import RegistrationSuccess from "@/views/account/RegistrationSuccess.vue";
 import DmIcon from "@/components/ui-kit/DmIcon.vue";
+import { useI18n } from "vue-i18n";
+import messages from "@/views/layout/header/GuestActions.i18n";
+
+const { t } = useI18n({ messages });
 
 const { open: openLogin, close: closeLogin } = useModal({
   component: LoginForm,
@@ -32,9 +36,9 @@ const { open: openRegistrarSuccess, close: closeRegistrarSuccess } = useModal({
 
 <template>
   <div class="user-actions">
-    <a @click="openLogin"><dm-icon :font="IconType.User" /> Вход</a>
+    <a @click="openLogin"><dm-icon :font="IconType.User" /> {{ t('signIn') }}</a>
     |
-    <a @click="openRegistrar">Регистрация</a>
+    <a @click="openRegistrar">{{ t('signOn') }}</a>
   </div>
 </template>
 
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/menu/Forums.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/Forums.i18n.ts
new file mode 100644
index 00000000..054cb777
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/Forums.i18n.ts
@@ -0,0 +1,8 @@
+export default {
+  "ru-RU": {
+    title: "Форумы",
+  },
+  "en-US": {
+    title: "Forums",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/menu/ForumsList.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/ForumsList.vue
index 36484b1e..0bfb6dfc 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/menu/ForumsList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/ForumsList.vue
@@ -7,10 +7,13 @@ import { useRoute } from "vue-router";
 import { computed } from "vue";
 import DmLoader from "@/components/ui-kit/DmLoader.vue";
 import DmIcon from "@/components/ui-kit/DmIcon.vue";
+import { useI18n } from "vue-i18n";
+import messages from "@/views/layout/menu/Forums.i18n";
 
 const route = useRoute();
 const forumStore = useForumStore();
 const userStore = useUserStore();
+const { t } = useI18n({ messages });
 
 const isForumRoute = computed(
   () => route.name === "forum" || route.name === "topic",
@@ -23,7 +26,7 @@ watch(() => userStore.user, forumStore.fetchFora, { flush: "post" });
 
 <template>
   <menu-block token="fora">
-    <template #title>Форумы</template>
+    <template #title>{{ t("title") }}</template>
     <dm-loader v-if="forumStore.fora === null" />
     <div
       v-else
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/menu/ModerationGames.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/ModerationGames.i18n.ts
new file mode 100644
index 00000000..98a3cf06
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/ModerationGames.i18n.ts
@@ -0,0 +1,8 @@
+export default {
+  "ru-RU": {
+    title: "Требуют премодерации",
+  },
+  "en-US": {
+    title: "Moderation required",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/menu/ModerationGames.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/ModerationGames.vue
index 71261209..0460f5b4 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/menu/ModerationGames.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/ModerationGames.vue
@@ -1,9 +1,13 @@
 <template>
   <menu-block token="ModerationGames">
-    <template #title>Требуют премодерации</template>
+    <template #title>{{ t("title") }}</template>
   </menu-block>
 </template>
 
 <script setup lang="ts">
 import MenuBlock from "@/views/layout/MenuBlock.vue";
+import messages from "@/views/layout/menu/ModerationGames.i18n";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n({ messages });
 </script>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/menu/OwnGames.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/OwnGames.i18n.ts
new file mode 100644
index 00000000..d2e1e985
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/OwnGames.i18n.ts
@@ -0,0 +1,10 @@
+export default {
+  "ru-RU": {
+    myGames: "Мои игры",
+    allActiveGames: "Все активные игры",
+  },
+  "en-US": {
+    myGames: "My games",
+    allActiveGames: "All active games",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/menu/OwnGames.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/OwnGames.vue
index 972b0075..e1003c66 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/menu/OwnGames.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/menu/OwnGames.vue
@@ -1,21 +1,3 @@
-<template>
-  <games-list
-    title="Мои игры"
-    link-text="Все активные игры"
-    token="OwnGames"
-    :game-status="GameStatus.Active"
-  >
-    <dm-loader v-if="!store.ownGames" />
-    <game-menu-link
-      v-else
-      v-for="game in store.ownGames"
-      :key="game.id"
-      :game="game"
-      :counters="true"
-    />
-  </games-list>
-</template>
-
 <script setup lang="ts">
 import GameMenuLink from "@/views/layout/menu/GameMenuLink.vue";
 import { useUserStore } from "@/stores";
@@ -24,9 +6,12 @@ import { onMounted, watch } from "vue";
 import { GameStatus } from "@/api/models/gaming";
 import GamesList from "@/views/layout/menu/GamesList.vue";
 import DmLoader from "@/components/ui-kit/DmLoader.vue";
+import messages from "@/views/layout/menu/OwnGames.i18n";
+import { useI18n } from "vue-i18n";
 
 const userStore = useUserStore();
 const store = useGamesStore();
+const { t } = useI18n({ messages });
 
 onMounted(() => store.fetchOwnGames());
 watch(
@@ -34,3 +19,21 @@ watch(
   () => store.fetchOwnGames(),
 );
 </script>
+
+<template>
+  <games-list
+    :title="t('myGames')"
+    :link-text="t('allActiveGames')"
+    token="OwnGames"
+    :game-status="GameStatus.Active"
+  >
+    <dm-loader v-if="!store.ownGames" />
+    <game-menu-link
+      v-else
+      v-for="game in store.ownGames"
+      :key="game.id"
+      :game="game"
+      :counters="true"
+    />
+  </games-list>
+</template>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/ActivePolls.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/ActivePolls.i18n.ts
new file mode 100644
index 00000000..bc6bd545
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/ActivePolls.i18n.ts
@@ -0,0 +1,12 @@
+export default {
+  "ru-RU": {
+    title: "Опросы",
+    empty: "Нет активных опросов",
+    all: "К старым опросам",
+  },
+  "en-US": {
+    title: "Polls",
+    empty: "No running polls",
+    all: "To finished polls",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/ActivePolls.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/ActivePolls.vue
index fd129b4f..20ea0955 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/ActivePolls.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/ActivePolls.vue
@@ -7,19 +7,22 @@ import { IconType } from "@/components/ui-kit/iconType";
 import DmIcon from "@/components/ui-kit/DmIcon.vue";
 import SecondaryText from "@/components/layout/SecondaryText.vue";
 import DmLoader from "@/components/ui-kit/DmLoader.vue";
+import { useI18n } from "vue-i18n";
+import messages from "@/views/layout/sidebar/ActivePolls.i18n";
 
 const store = usePollsStore();
+const { t } = useI18n({ messages });
 
 onMounted(() => store.fetchActivePolls());
 </script>
 
 <template>
   <menu-block token="OpenPolls">
-    <template #title>Опросы</template>
+    <template #title>{{ t("title") }}</template>
     <dm-loader v-if="store.activePolls === null" />
-    <secondary-text v-else-if="!store.activePolls.length"
-      >Нет активных опросов</secondary-text
-    >
+    <secondary-text v-else-if="!store.activePolls.length">{{
+      t("empty")
+    }}</secondary-text>
     <the-poll
       v-else
       v-for="poll in store.activePolls"
@@ -28,7 +31,7 @@ onMounted(() => store.fetchActivePolls());
     />
     <div>
       <router-link class="forward" :to="{ name: 'polls' }">
-        К старым опросам
+        {{ t("all") }}
         <dm-icon :font="IconType.Forward" />
       </router-link>
     </div>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/PopularGames.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/PopularGames.i18n.ts
new file mode 100644
index 00000000..38788b59
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/PopularGames.i18n.ts
@@ -0,0 +1,10 @@
+export default {
+  "ru-RU": {
+    title: "Популярные игры",
+    empty: "Пока тут ничего нет...",
+  },
+  "en-US": {
+    title: "Popular games",
+    empty: "Nothing to see yet...",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/PopularGames.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/PopularGames.vue
index 8d67578d..cb537a9e 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/PopularGames.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/PopularGames.vue
@@ -1,11 +1,15 @@
 <template>
   <menu-block token="PopularGames">
-    <template #title>Популярные игры</template>
-    <secondary-text>Пока тут ничего нет...</secondary-text>
+    <template #title>{{ t("title") }}</template>
+    <secondary-text>{{ t("empty") }}</secondary-text>
   </menu-block>
 </template>
 
 <script setup lang="ts">
 import MenuBlock from "@/views/layout/MenuBlock.vue";
 import SecondaryText from "@/components/layout/SecondaryText.vue";
+import messages from "@/views/layout/sidebar/PopularGames.i18n";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n({ messages });
 </script>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/TheDonation.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/TheDonation.i18n.ts
new file mode 100644
index 00000000..b6766fca
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/TheDonation.i18n.ts
@@ -0,0 +1,14 @@
+export default {
+  "ru-RU": {
+    title: "Помочь проекту",
+    disclaimer1: "dm.am – некоммерческий проект.",
+    link: "Помогите нам",
+    disclaimer2: "хотя бы не испортить его!",
+  },
+  "en-US": {
+    title: "Donate",
+    disclaimer1: "dm.am is a non-profit project",
+    link: "Help us",
+    disclaimer2: "at least not ruin it!",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/TheDonation.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/TheDonation.vue
index ff180b6e..f9cdd784 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/TheDonation.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/sidebar/TheDonation.vue
@@ -4,6 +4,10 @@ import { IconType } from "@/components/ui-kit/iconType";
 import DmProgress from "@/components/ui-kit/DmProgress.vue";
 import DmIcon from "@/components/ui-kit/DmIcon.vue";
 import BlockTitle from "@/components/layout/BlockTitle.vue";
+import messages from "@/views/layout/sidebar/TheDonation.i18n";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n({ messages });
 
 const goal = ref(50000);
 const current = ref(17000);
@@ -12,13 +16,13 @@ const current = ref(17000);
 <template>
   <div>
     <block-title>
-      <dm-icon :font="IconType.Ruble" /> Помочь проекту
+      <dm-icon :font="IconType.Ruble" /> {{ t("title") }}
     </block-title>
     <dm-progress :current="current" :goal="goal"
       >{{ current }} / {{ goal }} р.</dm-progress
     >
-    dm.am &ndash; некоммерческий проект.<br />
-    <router-link :to="{ name: 'donate' }">Помогите нам</router-link> хотя бы не
-    испортить его!
+    {{ t("disclaimer1") }}<br />
+    <router-link :to="{ name: 'donate' }">{{ t("link") }}</router-link>
+    {{ t("disclaimer2") }}
   </div>
 </template>

From ea2dee8c82c2df1ae3a847a4cfda83ea30589e68 Mon Sep 17 00:00:00 2001
From: quilin <v.quilin@gmail.com>
Date: Mon, 15 Dec 2025 23:34:11 +0100
Subject: [PATCH 06/10] [DM.Front] I18n for reviews, community, forums and
 topics pages

---
 .../src/views/layout/TheHeader.vue             |  7 ++++++-
 .../src/views/pages/about/AboutPage.i18n.ts    |  8 ++++++++
 .../src/views/pages/about/AboutPage.vue        |  5 ++++-
 .../src/views/pages/about/TheReview.i18n.ts    | 10 ++++++++++
 .../src/views/pages/about/TheReview.vue        |  9 ++++++---
 .../pages/community/CommunityPage.i18n.ts      |  8 ++++++++
 .../views/pages/community/UsersList.i18n.ts    | 18 ++++++++++++++++++
 .../src/views/pages/community/UsersList.vue    | 15 +++++++++------
 .../src/views/pages/forum/CreateTopic.i18n.ts  | 16 ++++++++++++++++
 .../src/views/pages/forum/CreateTopic.vue      | 13 ++++++++-----
 .../src/views/pages/forum/EditTopic.i18n.ts    | 14 ++++++++++++++
 .../src/views/pages/forum/EditTopic.vue        | 11 +++++++----
 .../src/views/pages/forum/ForumPage.i18n.ts    | 12 ++++++++++++
 .../src/views/pages/forum/ForumPage.vue        | 13 ++++++++-----
 .../src/views/pages/forum/TopicsList.i18n.ts   | 16 ++++++++++++++++
 .../src/views/pages/forum/TopicsList.vue       | 13 ++++++++-----
 16 files changed, 158 insertions(+), 30 deletions(-)
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/about/AboutPage.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/about/TheReview.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/community/CommunityPage.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/community/UsersList.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/forum/CreateTopic.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/forum/EditTopic.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumPage.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/forum/TopicsList.i18n.ts

diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue
index 9ee7fa69..a83b1c23 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue
@@ -6,6 +6,7 @@ import PlayerActions from "@/views/layout/header/PlayerActions.vue";
 import DmIcon from "@/components/ui-kit/DmIcon.vue";
 import messages from "@/views/layout/TheHeader.i18n";
 import { useI18n } from "vue-i18n";
+import DmButton from "@/components/ui-kit/DmButton.vue";
 
 const uiStore = useUiStore();
 const userStore = useUserStore();
@@ -55,7 +56,11 @@ const { t } = useI18n({ messages });
     </div>
     <div class="controls">
       <!--      <notifications v-if="user" />-->
-      <span @click="uiStore.toggleTheme">Switch theme</span>
+      <dm-button label="Switch theme" @click="uiStore.toggleTheme" /><br />
+      <dm-button
+        label="Switch language"
+        @click="$i18n.locale = $i18n.locale == 'ru-RU' ? 'en-US' : 'ru-RU'"
+      />
     </div>
   </div>
 </template>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/about/AboutPage.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/about/AboutPage.i18n.ts
new file mode 100644
index 00000000..bf992c92
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/about/AboutPage.i18n.ts
@@ -0,0 +1,8 @@
+export default {
+  "ru-RU": {
+    title: "Наши пользователи о нас",
+  },
+  "en-US": {
+    title: "About us from our users",
+  },
+}
\ No newline at end of file
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/about/AboutPage.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/about/AboutPage.vue
index 8f3dc176..0266c932 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/about/AboutPage.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/about/AboutPage.vue
@@ -4,9 +4,12 @@ import { useReviewStore } from "@/stores";
 import { extractNumberParam } from "@/router";
 import { useFetchData } from "@/composables/useFetchData";
 import PageTitle from "@/components/layout/PageTitle.vue";
+import messages from "@/views/pages/about/AboutPage.i18n";
+import { useI18n } from "vue-i18n";
 
 const route = useRoute();
 const store = useReviewStore();
+const { t } = useI18n({ messages });
 
 useFetchData(
   () => store.fetchReviews(extractNumberParam(route.params.n)),
@@ -20,6 +23,6 @@ useFetchData(
 </script>
 
 <template>
-  <page-title>Наши пользователи о нас</page-title>
+  <page-title>{{ t("title") }}</page-title>
   <router-view />
 </template>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/about/TheReview.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/about/TheReview.i18n.ts
new file mode 100644
index 00000000..74aa8091
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/about/TheReview.i18n.ts
@@ -0,0 +1,10 @@
+export default {
+  "ru-RU": {
+    checkPending: "Наши пользователи о нас",
+    approve: "",
+    decline: ""
+  },
+  "en-US": {
+    title: "About us from our users",
+  },
+}
\ No newline at end of file
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/about/TheReview.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/about/TheReview.vue
index 5ca9a795..2f7085ea 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/about/TheReview.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/about/TheReview.vue
@@ -9,6 +9,8 @@ import DmLoader from "@/components/ui-kit/DmLoader.vue";
 import DmIcon from "@/components/ui-kit/DmIcon.vue";
 import SecondaryText from "@/components/layout/SecondaryText.vue";
 import UserLink from "@/components/community/UserLink.vue";
+import messages from "@/views/pages/about/TheReview.i18n";
+import { useI18n } from "vue-i18n";
 
 const props = defineProps<{
   review: Review;
@@ -16,6 +18,7 @@ const props = defineProps<{
 }>();
 const userStore = useUserStore();
 const communityStore = useReviewStore();
+const { t } = useI18n({ messages });
 
 const canAdministrate = computed(
   () => props.controls && userIsAdmin(userStore.user),
@@ -43,15 +46,15 @@ async function remove() {
     <div class="review-info">
       <user-link :user="review.author" />
       <secondary-text v-if="canAdministrate" class="review-controls">
-        <span v-if="!review.approved">Ожидает проверки</span>
+        <span v-if="!review.approved">{{ t("checkPending") }}</span>
         <template v-if="!loading">
           <a v-if="!review.approved" @click="approve">
             <dm-icon :font="IconType.Tick" />
-            Принять</a
+            {{ t("approve") }}</a
           >
           <a @click="remove">
             <dm-icon :font="IconType.Close" />
-            Отклонить</a
+            {{ t("decline") }}</a
           >
         </template>
         <dm-loader v-else />
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/community/CommunityPage.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/community/CommunityPage.i18n.ts
new file mode 100644
index 00000000..457b7f5a
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/community/CommunityPage.i18n.ts
@@ -0,0 +1,8 @@
+export default {
+  "ru-RU": {
+    title: "Сообщество",
+  },
+  "en-US": {
+    title: "Community",
+  },
+}
\ No newline at end of file
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/community/UsersList.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/community/UsersList.i18n.ts
new file mode 100644
index 00000000..e756497f
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/community/UsersList.i18n.ts
@@ -0,0 +1,18 @@
+export default {
+  "ru-RU": {
+    login: "Логин",
+    rating: "Рейтинг",
+    online: "В сети",
+    name: "Имя",
+    location: "Местоположение",
+    empty: "Пользователей нет...",
+  },
+  "en-US": {
+    login: "Username",
+    rating: "Rating",
+    online: "Online",
+    name: "Name",
+    location: "Location",
+    empty: "No users...",
+  },
+};
\ No newline at end of file
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/community/UsersList.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/community/UsersList.vue
index 1acf6f41..2e033e22 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/community/UsersList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/community/UsersList.vue
@@ -7,9 +7,12 @@ import UserLink from "@/components/community/UserLink.vue";
 import SecondaryText from "@/components/layout/SecondaryText.vue";
 import DmLoader from "@/components/ui-kit/DmLoader.vue";
 import DmPaging from "@/components/ui-kit/DmPaging.vue";
+import messages from "@/views/pages/community/UsersList.i18n";
+import { useI18n } from "vue-i18n";
 
 const route = useRoute();
 const store = useCommunityStore();
+const { t } = useI18n({ messages });
 </script>
 
 <template>
@@ -21,18 +24,18 @@ const store = useCommunityStore();
 
   <div class="users-list-header">
     <div>#</div>
-    <div>Логин</div>
-    <div>Рейтинг</div>
-    <div>В сети</div>
-    <div>Имя</div>
-    <div>Местоположение</div>
+    <div>{{ t("login") }}</div>
+    <div>{{ t("rating") }}</div>
+    <div>{{ t("online") }}</div>
+    <div>{{ t("name") }}</div>
+    <div>{{ t("location") }}</div>
   </div>
 
   <dm-loader v-if="store.users === null" :big="true" />
   <secondary-text
     v-else-if="!store.users.resources.length"
     class="users-list-none"
-    >Пользователей нет...</secondary-text
+    >{{ t("empty") }}</secondary-text
   >
   <div
     class="users-list-row"
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/CreateTopic.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/CreateTopic.i18n.ts
new file mode 100644
index 00000000..d635e4dd
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/CreateTopic.i18n.ts
@@ -0,0 +1,16 @@
+export default {
+  "ru-RU": {
+    title: "Новая тема",
+    topicTitle: "Название",
+    description: "Описание",
+    submit: "Создать",
+    cancel: "Отмена",
+  },
+  "en-US": {
+    title: "New topic",
+    topicTitle: "Title",
+    description: "Description",
+    submit: "Create",
+    cancel: "Cancel",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/CreateTopic.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/CreateTopic.vue
index cfe60e73..f46ad8f2 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/CreateTopic.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/CreateTopic.vue
@@ -11,8 +11,11 @@ import DmInput from "@/components/ui-kit/DmInput.vue";
 import DmForm from "@/components/ui-kit/DmForm.vue";
 import PageTitle from "@/components/layout/PageTitle.vue";
 import DmDialog from "@/components/ui-kit/DmDialog.vue";
+import messages from "@/views/pages/forum/CreateTopic.i18n";
+import { useI18n } from "vue-i18n";
 
 const forumStore = useForumStore();
+const { t } = useI18n({ messages });
 
 const topic = ref<Post<Topic>>({
   title: "",
@@ -38,25 +41,25 @@ const tryCreateTopic = async () => {
 
 <template>
   <dm-dialog :with-form="true">
-    <page-title>Создание темы</page-title>
+    <page-title>{{ t("title") }}</page-title>
     <dm-form @submit="tryCreateTopic">
       <dm-field>
         <dm-input
           id="topic-title"
           v-model="topic.title"
-          placeholder="Название темы"
+          :placeholder="t('topicTitle')"
         />
       </dm-field>
       <dm-field>
         <dm-text
           id="topic-description"
           v-model="topic.description"
-          placeholder="Описание"
+          :placeholder="t('description')"
         />
       </dm-field>
       <template #controls>
-        <dm-button label="Создать" :loading="loading" type="submit" />
-        <a @click="$emit('cancelled')">Отмена</a>
+        <dm-button :label="t('submit')" :loading="loading" type="submit" />
+        <a @click="$emit('cancelled')">{{ t("cancel") }}</a>
       </template>
     </dm-form>
   </dm-dialog>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/EditTopic.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/EditTopic.i18n.ts
new file mode 100644
index 00000000..ea808687
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/EditTopic.i18n.ts
@@ -0,0 +1,14 @@
+export default {
+  "ru-RU": {
+    topicTitle: "Название",
+    description: "Описание",
+    submit: "Сохранить",
+    cancel: "Отмена",
+  },
+  "en-US": {
+    topicTitle: "Title",
+    description: "Description",
+    submit: "Save",
+    cancel: "Cancel",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/EditTopic.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/EditTopic.vue
index 86eb6341..50865373 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/EditTopic.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/EditTopic.vue
@@ -8,11 +8,14 @@ import DmField from "@/components/ui-kit/DmField.vue";
 import DmText from "@/components/ui-kit/DmText.vue";
 import DmInput from "@/components/ui-kit/DmInput.vue";
 import DmForm from "@/components/ui-kit/DmForm.vue";
+import messages from "@/views/pages/forum/EditTopic.i18n";
+import { useI18n } from "vue-i18n";
 
 const active = defineModel("active");
 const props = defineProps<{ topic: Topic }>();
 const emit = defineEmits<{ (e: "updated"): void }>();
 
+const { t } = useI18n({ messages });
 const editableTopic = ref<Topic | null>(null);
 
 watch(
@@ -40,22 +43,22 @@ const saveChanges = async () => {
         <dm-input
           id="edit-topic-title"
           v-model="editableTopic.title"
-          placeholder="Название"
+          :placeholder="t('topicTitle')"
         />
       </dm-field>
       <dm-field>
         <dm-text
           id="edit-topic-description"
           v-model="editableTopic.description"
-          placeholder="Описание"
+          :placeholder="t('description')"
         />
       </dm-field>
       <dm-field></dm-field>
     </template>
     <dm-loader v-else />
     <template v-if="editableTopic" #controls>
-      <dm-button type="submit" label="Сохранить" />
-      <a @click="active = false">Отмена</a>
+      <dm-button type="submit" :label="t('submit')" />
+      <a @click="active = false">{{ t("cancel") }}</a>
     </template>
   </dm-form>
 </template>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumPage.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumPage.i18n.ts
new file mode 100644
index 00000000..b1315e6a
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumPage.i18n.ts
@@ -0,0 +1,12 @@
+export default {
+  "ru-RU": {
+    title: "Форум",
+    markAllAsRead: "Отметить все темы прочитанными",
+    moderators: "Модераторы",
+  },
+  "en-US": {
+    title: "Forum",
+    markAllAsRead: "Mark all topics as read",
+    moderators: "Moderators",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumPage.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumPage.vue
index 5570acd2..876cb2ac 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumPage.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/ForumPage.vue
@@ -17,10 +17,13 @@ import UserLink from "@/components/community/UserLink.vue";
 import DmLoader from "@/components/ui-kit/DmLoader.vue";
 import BlockTitle from "@/components/layout/BlockTitle.vue";
 import PageTitle from "@/components/layout/PageTitle.vue";
+import messages from "@/views/pages/forum/ForumPage.i18n";
+import { useI18n } from "vue-i18n";
 
 const route = useRoute();
 const userStore = useUserStore();
 const forumStore = useForumStore();
+const { t } = useI18n({ messages });
 
 const canCreateTopic = computed(() => {
   if (userStore.user === null) return false;
@@ -63,15 +66,15 @@ const { open: openCreateTopic, close: closeCreateTopic } = useModal({
 
 <template>
   <div class="forum-header">
-    <page-title>Форум | {{ route.params.id }}</page-title>
-    <a @click="forumStore.markAllTopicsAsRead"
-      >Отметить все темы прочитанными</a
-    >
+    <page-title>{{ t("title") }} | {{ route.params.id }}</page-title>
+    <a @click="forumStore.markAllTopicsAsRead">{{ t("markAllAsRead") }}</a>
   </div>
 
   <div class="forum-info">
     <div class="forum-info_moderators">
-      <block-title class="forum-info_moderators-title">Модераторы:</block-title>
+      <block-title class="forum-info_moderators-title"
+        >{{ t("moderators") }}:</block-title
+      >
       <dm-loader
         v-if="!forumStore.moderators"
         class="forum-info_moderators-loader"
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/TopicsList.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/TopicsList.i18n.ts
new file mode 100644
index 00000000..32e01252
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/TopicsList.i18n.ts
@@ -0,0 +1,16 @@
+export default {
+  "ru-RU": {
+    title: "Тема",
+    date: "Дата",
+    author: "Автор",
+    latestComment: "Последнее сообщение",
+    empty: "Еще не создано ни одной темы...",
+  },
+  "en-US": {
+    title: "Topic",
+    date: "Date",
+    author: "Author",
+    latestComment: "Latest comment",
+    empty: "No topics yet...",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/TopicsList.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/TopicsList.vue
index e76f6534..4025529d 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/forum/TopicsList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/forum/TopicsList.vue
@@ -7,9 +7,12 @@ import SecondaryText from "@/components/layout/SecondaryText.vue";
 import DmLoader from "@/components/ui-kit/DmLoader.vue";
 import DmIcon from "@/components/ui-kit/DmIcon.vue";
 import DmPaging from "@/components/ui-kit/DmPaging.vue";
+import messages from "@/views/pages/forum/TopicsList.i18n";
+import { useI18n } from "vue-i18n";
 
 const route = useRoute();
 const store = useForumStore();
+const { t } = useI18n({ messages });
 </script>
 
 <template>
@@ -20,16 +23,16 @@ const store = useForumStore();
   />
 
   <div class="topics_list-header">
-    <div>Тема</div>
-    <div>Дата</div>
-    <div>Автор</div>
+    <div>{{ t("title") }}</div>
+    <div>{{ t("date") }}</div>
+    <div>{{ t("author") }}</div>
     <div class="topics_list-counter">
       <dm-icon :font="IconType.CommentsNoUnread" />
     </div>
     <div class="topics_list-counter">
       <dm-icon :font="IconType.Like" />
     </div>
-    <div>Последнее сообщение</div>
+    <div>{{ t("latestComment") }}</div>
   </div>
 
   <template v-if="store.attachedTopics !== null">
@@ -48,7 +51,7 @@ const store = useForumStore();
       store.topics.resources.length + store.attachedTopics.length === 0
     "
     class="topics_list-none"
-    >Еще не создано ни одной темы</secondary-text
+    >{{ t("empty") }}</secondary-text
   >
   <forum-topic
     v-else

From 5f0ec86c7b8c18628d39c245ceeb5f0f30871bea Mon Sep 17 00:00:00 2001
From: quilin <v.quilin@gmail.com>
Date: Mon, 15 Dec 2025 23:51:35 +0100
Subject: [PATCH 07/10] [DM.Front] I18n for home page, topic comments and
 comments list

---
 .../src/views/pages/home/NewsList.i18n.ts     | 10 +++++++
 .../src/views/pages/home/NewsList.vue         |  9 ++++--
 .../src/views/pages/home/RandomReview.i18n.ts |  8 ++++++
 .../src/views/pages/home/RandomReview.vue     | 16 +++++++----
 .../views/pages/topic/CommentsList.i18n.ts    |  8 ++++++
 .../src/views/pages/topic/CommentsList.vue    |  5 +++-
 .../views/pages/topic/CreateComment.i18n.ts   | 12 ++++++++
 .../src/views/pages/topic/CreateComment.vue   | 18 ++++++------
 .../views/pages/topic/TopicComment.i18n.ts    | 14 ++++++++++
 .../src/views/pages/topic/TopicComment.vue    | 11 +++++---
 .../src/views/pages/topic/TopicPage.i18n.ts   | 28 +++++++++++++++++++
 .../src/views/pages/topic/TopicPage.vue       | 21 ++++++++------
 12 files changed, 128 insertions(+), 32 deletions(-)
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/home/NewsList.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/home/RandomReview.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/topic/CommentsList.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/topic/CreateComment.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicComment.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicPage.i18n.ts

diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/home/NewsList.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/home/NewsList.i18n.ts
new file mode 100644
index 00000000..8fd440dd
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/home/NewsList.i18n.ts
@@ -0,0 +1,10 @@
+export default {
+  "ru-RU": {
+    title: "Последние новости",
+    empty: "Ничего нового...",
+  },
+  "en-US": {
+    title: "Latest news",
+    empty: "Nothing new...",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/home/NewsList.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/home/NewsList.vue
index 1a328f66..4048cb29 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/home/NewsList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/home/NewsList.vue
@@ -8,16 +8,21 @@ import SecondaryText from "@/components/layout/SecondaryText.vue";
 import UserLink from "@/components/community/UserLink.vue";
 import DmLoader from "@/components/ui-kit/DmLoader.vue";
 import BlockTitle from "@/components/layout/BlockTitle.vue";
+import messages from "@/views/pages/home/NewsList.i18n";
+import { useI18n } from "vue-i18n";
 
 const store = useForumStore();
+const { t } = useI18n({ messages });
 
 onMounted(() => store.fetchNews());
 </script>
 
 <template>
-  <block-title>Последние новости</block-title>
+  <block-title>{{ t("title") }}</block-title>
   <dm-loader v-if="store.news === null" />
-  <secondary-text v-else-if="!store.news.length">Ничего нового</secondary-text>
+  <secondary-text v-else-if="!store.news.length">{{
+    t("empty")
+  }}</secondary-text>
 
   <div v-else v-for="article in store.news" :key="article.id" class="article">
     <router-link
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/home/RandomReview.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/home/RandomReview.i18n.ts
new file mode 100644
index 00000000..16aac9ab
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/home/RandomReview.i18n.ts
@@ -0,0 +1,8 @@
+export default {
+  "ru-RU": {
+    title: "Случайный отзыв",
+  },
+  "en-US": {
+    title: "Random review",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/home/RandomReview.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/home/RandomReview.vue
index 5875f827..11d1b681 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/home/RandomReview.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/home/RandomReview.vue
@@ -1,9 +1,3 @@
-<template>
-  <block-title>Случайный отзыв</block-title>
-  <the-review v-if="review" :controls="false" :review="review" />
-  <dm-loader v-else />
-</template>
-
 <script setup lang="ts">
 import TheReview from "@/views/pages/about/TheReview.vue";
 import { ref, onMounted } from "vue";
@@ -11,10 +5,20 @@ import type { Review } from "@/api/models/community";
 import { useReviewStore } from "@/stores";
 import DmLoader from "@/components/ui-kit/DmLoader.vue";
 import BlockTitle from "@/components/layout/BlockTitle.vue";
+import messages from "@/views/pages/home/RandomReview.i18n";
+import { useI18n } from "vue-i18n";
 
 const store = useReviewStore();
+const { t } = useI18n({ messages });
+
 const review = ref<Review | null>(null);
 onMounted(async () => (review.value = await store.getRandomReview()));
 </script>
 
+<template>
+  <block-title>{{ t("title") }}</block-title>
+  <the-review v-if="review" :controls="false" :review="review" />
+  <dm-loader v-else />
+</template>
+
 <style scoped lang="sass"></style>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CommentsList.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CommentsList.i18n.ts
new file mode 100644
index 00000000..e44277cb
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CommentsList.i18n.ts
@@ -0,0 +1,8 @@
+export default {
+  "ru-RU": {
+    empty: "Комментариев пока нет...",
+  },
+  "en-US": {
+    empty: "No comments yet...",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CommentsList.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CommentsList.vue
index 09e2a237..ea11bafc 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CommentsList.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CommentsList.vue
@@ -6,11 +6,14 @@ import CreateComment from "@/views/pages/topic/CreateComment.vue";
 import SecondaryText from "@/components/layout/SecondaryText.vue";
 import DmLoader from "@/components/ui-kit/DmLoader.vue";
 import DmPaging from "@/components/ui-kit/DmPaging.vue";
+import messages from "@/views/pages/topic/CommentsList.i18n";
+import { useI18n } from "vue-i18n";
 
 const route = useRoute();
 const router = useRouter();
 const forumStore = useForumStore();
 const userStore = useUserStore();
+const { t } = useI18n({ messages });
 
 const redirectToLastPage = () => {
   router.push({
@@ -33,7 +36,7 @@ const redirectToLastPage = () => {
   <secondary-text
     v-else-if="forumStore.comments.resources.length === 0"
     class="comments-none"
-    >Комментариев пока нет...</secondary-text
+    >{{ t("empty") }}</secondary-text
   >
   <topic-comment
     v-else
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CreateComment.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CreateComment.i18n.ts
new file mode 100644
index 00000000..6cb193b9
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CreateComment.i18n.ts
@@ -0,0 +1,12 @@
+export default {
+  "ru-RU": {
+    text: "Новый комментарий",
+    submit: "Создать",
+    forbidden: "Тема закрыта, добавление комментариев невозможно",
+  },
+  "en-US": {
+    text: "New comment",
+    submit: "Create",
+    forbidden: "Topic is closed, comment creating is forbidden",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CreateComment.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CreateComment.vue
index b1bf641b..2628060d 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CreateComment.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/CreateComment.vue
@@ -6,10 +6,13 @@ import DmButton from "@/components/ui-kit/DmButton.vue";
 import DmText from "@/components/ui-kit/DmText.vue";
 import DmField from "@/components/ui-kit/DmField.vue";
 import DmForm from "@/components/ui-kit/DmForm.vue";
+import messages from "@/views/pages/topic/CreateComment.i18n";
+import { useI18n } from "vue-i18n";
 
 const emit = defineEmits<{ (e: "created"): void }>();
 
 const store = useForumStore();
+const { t } = useI18n({ messages });
 
 const text = ref("");
 const loading = ref(false);
@@ -31,18 +34,13 @@ const tryCreateTopic = async () => {
     class="create_comment-container"
   >
     <dm-field>
-      <dm-text
-        v-model="text"
-        id="text"
-        placeholder="Новый комментарий"
-        :rows="5"
-      />
+      <dm-text v-model="text" id="text" :placeholder="t('text')" :rows="5" />
     </dm-field>
-    <dm-button type="submit" label="Отправить" :loading="loading" />
+    <dm-button type="submit" :label="t('submit')" :loading="loading" />
   </dm-form>
-  <secondary-text class="create_comment-forbidden" v-else
-    >Тема закрыта, добавление комментариев невозможно</secondary-text
-  >
+  <secondary-text class="create_comment-forbidden" v-else>{{
+    t("forbidden")
+  }}</secondary-text>
 </template>
 
 <style scoped lang="sass">
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicComment.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicComment.i18n.ts
new file mode 100644
index 00000000..94cc5687
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicComment.i18n.ts
@@ -0,0 +1,14 @@
+export default {
+  "ru-RU": {
+    remove: "Удалить",
+    edit: "Редактировать",
+    submit: "Сохранить",
+    cancel: "Отмена",
+  },
+  "en-US": {
+    remove: "Remove",
+    edit: "Edit",
+    submit: "Save",
+    cancel: "Cancel",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicComment.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicComment.vue
index b8824507..ad841c1f 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicComment.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicComment.vue
@@ -19,25 +19,28 @@ import DmForm from "@/components/ui-kit/DmForm.vue";
 import HumanTimespan from "@/components/dates/HumanTimespan.vue";
 import SecondaryText from "@/components/layout/SecondaryText.vue";
 import UserLink from "@/components/community/UserLink.vue";
+import messages from "@/views/pages/topic/TopicComment.i18n";
+import { useI18n } from "vue-i18n";
 
 const props = defineProps<{ comment: Comment }>();
 
 const userStore = useUserStore();
 const forumStore = useForumStore();
+const { t } = useI18n({ messages });
 
 const commentActions = computed(() => {
   const result: DmMenuItem[] = [];
   if (userStore.user === null) return result;
   if (userIsHighAuthority(userStore.user)) {
     result.push({
-      label: "Удалить",
+      label: t("remove"),
       icon: IconType.Remove,
       command: removeComment,
     });
   }
   if (userStore.user.login === props.comment.author.login) {
     result.unshift({
-      label: "Редактировать",
+      label: t("edit"),
       icon: IconType.Edit,
       command: initializeEditMode,
     });
@@ -110,8 +113,8 @@ const unlike = async () => {
           <dm-text :id="id" v-model="text" />
         </dm-field>
         <template #controls>
-          <dm-button type="submit" label="Сохранить" :loading="loading" />
-          <a @click="release">Отмена</a>
+          <dm-button type="submit" :label="t('submit')" :loading="loading" />
+          <a @click="release">{{ t("cancel") }}</a>
         </template>
       </dm-form>
 
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicPage.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicPage.i18n.ts
new file mode 100644
index 00000000..a8beb21c
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicPage.i18n.ts
@@ -0,0 +1,28 @@
+export default {
+  "ru-RU": {
+    backToForum: "Назад на форум",
+    open: "Открыть",
+    close: "Закрыть",
+    attach: "Прикрепить",
+    detach: "Открепить",
+    remove: "Удалить",
+    edit: "Редактировать",
+    title: "Название",
+    description: "Описание",
+    submit: "Сохранить",
+    cancel: "Отмена",
+  },
+  "en-US": {
+    backToForum: "Back to forum",
+    open: "Reopen",
+    close: "Close",
+    attach: "Attach",
+    detach: "Detach",
+    remove: "Remove",
+    edit: "Edit",
+    title: "Title",
+    description: "Description",
+    submit: "Save",
+    cancel: "Cancel",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicPage.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicPage.vue
index d0d9951b..adde99c0 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicPage.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/topic/TopicPage.vue
@@ -22,11 +22,14 @@ import DmInput from "@/components/ui-kit/DmInput.vue";
 import DmForm from "@/components/ui-kit/DmForm.vue";
 import DmIcon from "@/components/ui-kit/DmIcon.vue";
 import PageTitle from "@/components/layout/PageTitle.vue";
+import messages from "@/views/pages/topic/TopicPage.i18n";
+import { useI18n } from "vue-i18n";
 
 const route = useRoute();
 const router = useRouter();
 const forumStore = useForumStore();
 const userStore = useUserStore();
+const { t } = useI18n({ messages });
 
 async function fetchData() {
   await forumStore.trySelectTopic(route.params.id as TopicId);
@@ -51,19 +54,19 @@ const topicActions = computed(() => {
   if (userIsHighAuthority(userStore.user)) {
     result.push(
       {
-        label: forumStore.selectedTopic!.closed ? "Открыть" : "Закрыть",
+        label: forumStore.selectedTopic!.closed ? t("open") : t("close"),
         icon: forumStore.selectedTopic!.closed
           ? IconType.Open
           : IconType.Closed,
         command: toggleClose,
       },
       {
-        label: forumStore.selectedTopic!.attached ? "Открепить" : "Прикрепить",
+        label: forumStore.selectedTopic!.attached ? t("detach") : t("attach"),
         icon: IconType.Pinned,
         command: togglePinned,
       },
       {
-        label: "Удалить",
+        label: t("remove"),
         icon: IconType.Remove,
         command: removeTopic,
       },
@@ -71,7 +74,7 @@ const topicActions = computed(() => {
   }
   if (userStore.user.login === forumStore.selectedTopic!.author.login) {
     result.unshift({
-      label: "Редактировать",
+      label: t("edit"),
       icon: IconType.Edit,
       command: initializeEditMode,
     });
@@ -151,7 +154,7 @@ const unlike = async () => {
         }"
       >
         <dm-icon :font="IconType.ArrowLeft" />
-        Назад на форум "{{ forumStore.selectedTopic.forum.id }}"
+        {{t("backToForum")}} "{{ forumStore.selectedTopic.forum.id }}"
       </router-link>
     </div>
     <div class="topic-content">
@@ -160,19 +163,19 @@ const unlike = async () => {
           <dm-input
             id="edit-topic-title"
             v-model="topicToEdit!.title"
-            placeholder="Название"
+            :placeholder="t('title')"
           />
         </dm-field>
         <dm-field>
           <dm-text
             id="edit-topic-description"
             v-model="topicToEdit!.description"
-            placeholder="Описание"
+            :placeholder="t('description')"
           />
         </dm-field>
         <template #controls>
-          <dm-button type="submit" label="Сохранить" />
-          <a @click="release">Отмена</a>
+          <dm-button type="submit" :label="t('submit')" />
+          <a @click="release">{{t("cancel")}}</a>
         </template>
       </dm-form>
       <template v-else>

From 8a34a5af9c5de6f32a93039faefcf2b34825a3a0 Mon Sep 17 00:00:00 2001
From: quilin <v.quilin@gmail.com>
Date: Tue, 16 Dec 2025 00:01:22 +0100
Subject: [PATCH 08/10] [DM.Front] I18n for polls

---
 .../src/views/pages/polls/CreatePoll.i18n.ts   | 18 ++++++++++++++++++
 .../src/views/pages/polls/CreatePoll.vue       | 16 ++++++++++------
 .../src/views/pages/polls/PollsPage.i18n.ts    | 10 ++++++++++
 .../src/views/pages/polls/PollsPage.vue        |  7 +++++--
 .../src/views/pages/polls/ThePoll.i18n.ts      |  8 ++++++++
 .../src/views/pages/polls/ThePoll.vue          |  5 ++++-
 6 files changed, 55 insertions(+), 9 deletions(-)
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/polls/CreatePoll.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsPage.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/polls/ThePoll.i18n.ts

diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/CreatePoll.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/CreatePoll.i18n.ts
new file mode 100644
index 00000000..f5f017a9
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/CreatePoll.i18n.ts
@@ -0,0 +1,18 @@
+export default {
+  "ru-RU": {
+    title: "Создать опрос",
+    question: "Вопрос",
+    ends: "Дата окончания",
+    answer: "Ответ #{number}",
+    submit: "Создать",
+    cancel: "Отмена",
+  },
+  "en-US": {
+    title: "Create poll",
+    question: "Question",
+    ends: "End date",
+    answer: "Answer #{number}",
+    submit: "Create",
+    cancel: "Cancel",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/CreatePoll.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/CreatePoll.vue
index f076f99f..74d0b3a3 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/CreatePoll.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/CreatePoll.vue
@@ -12,6 +12,10 @@ import SecondaryText from "@/components/layout/SecondaryText.vue";
 import DmForm from "@/components/ui-kit/DmForm.vue";
 import PageTitle from "@/components/layout/PageTitle.vue";
 import DmDialog from "@/components/ui-kit/DmDialog.vue";
+import messages from "@/views/pages/polls/CreatePoll.i18n";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n({ messages });
 
 const pollToCreate = ref<Post<Poll>>({
   title: "",
@@ -32,20 +36,20 @@ const tryCreatePoll = async () => {
 
 <template>
   <dm-dialog :with-form="true">
-    <page-title>Новый опрос</page-title>
+    <page-title>{{ t("title") }}</page-title>
     <dm-form @submit="tryCreatePoll">
       <dm-field>
         <dm-input
           id="poll-title"
           v-model="pollToCreate.title"
-          placeholder="Вопрос"
+          :placeholder="t('question')"
         />
       </dm-field>
       <dm-field>
         <dm-input
           id="poll-ends"
           v-model="pollToCreate.ends"
-          placeholder="Дата окончания"
+          :placeholder="t('ends')"
         />
       </dm-field>
       <secondary-text>Ответы</secondary-text>
@@ -54,14 +58,14 @@ const tryCreatePoll = async () => {
           <dm-input
             :id="`poll-option-${i}`"
             v-model="option.text"
-            :placeholder="`Ответ #${i + 1}`"
+            :placeholder="t('answer', { number: i + 1 })"
           />
         </dm-field>
         <dm-icon-button :icon="IconType.Add" @click="addOption" />
       </div>
       <template #controls>
-        <dm-button label="Создать" :loading="loading" type="submit" />
-        <a @click="$emit('cancelled')">Отмена</a>
+        <dm-button :label="t('submit')" :loading="loading" type="submit" />
+        <a @click="$emit('cancelled')">{{ t("cancel") }}</a>
       </template>
     </dm-form>
   </dm-dialog>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsPage.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsPage.i18n.ts
new file mode 100644
index 00000000..be9ceabf
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsPage.i18n.ts
@@ -0,0 +1,10 @@
+export default {
+  "ru-RU": {
+    title: "Опросы",
+    newPoll: "Новый опрос",
+  },
+  "en-US": {
+    title: "Polls",
+    newPoll: "New poll",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsPage.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsPage.vue
index 5cdd6e25..2b9bb7aa 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsPage.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/PollsPage.vue
@@ -10,10 +10,13 @@ import { userIsHighAuthority } from "@/api/models/community/helpers";
 import CreatePoll from "@/views/pages/polls/CreatePoll.vue";
 import DmButton from "@/components/ui-kit/DmButton.vue";
 import PageTitle from "@/components/layout/PageTitle.vue";
+import messages from "@/views/pages/polls/PollsPage.i18n";
+import { useI18n } from "vue-i18n";
 
 const route = useRoute();
 const pollsStore = usePollsStore();
 const userStore = useUserStore();
+const { t } = useI18n({ messages });
 
 useFetchData(
   () => pollsStore.fetchPolls(extractNumberParam(route.params.n), false),
@@ -39,9 +42,9 @@ const { open: openCreatePoll, close: closeCreatePoll } = useModal({
 </script>
 
 <template>
-  <page-title>Опросы</page-title>
+  <page-title>{{ t("title") }}</page-title>
   <dm-button
-    label="Новый опрос"
+    :label="t('newPoll')"
     :icon="IconType.Add"
     v-if="canCreatePoll"
     @click="openCreatePoll"
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/ThePoll.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/ThePoll.i18n.ts
new file mode 100644
index 00000000..4bdb6f96
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/ThePoll.i18n.ts
@@ -0,0 +1,8 @@
+export default {
+  "ru-RU": {
+    finished: "Голосование закончено",
+  },
+  "en-US": {
+    finished: "Poll is complete",
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/ThePoll.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/ThePoll.vue
index 9df07ee9..70a9ec25 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/polls/ThePoll.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/polls/ThePoll.vue
@@ -5,11 +5,14 @@ import dayjs from "dayjs";
 import { useUserStore, usePollsStore } from "@/stores";
 import DmProgress from "@/components/ui-kit/DmProgress.vue";
 import SecondaryText from "@/components/layout/SecondaryText.vue";
+import messages from "@/views/pages/polls/ThePoll.i18n";
+import { useI18n } from "vue-i18n";
 
 const props = defineProps<{ poll: Poll }>();
 
 const userStore = useUserStore();
 const pollStore = usePollsStore();
+const { t } = useI18n({ messages });
 
 const closed = computed(() => dayjs(props.poll.ends).isBefore(dayjs()));
 const totalVotes = computed(() =>
@@ -25,7 +28,7 @@ async function voteForOption(optionId: PollOptionId) {
   <div class="poll">
     <div class="poll-title">
       {{ poll.title }}<br />
-      <secondary-text v-if="closed">Голосование окончено</secondary-text>
+      <secondary-text v-if="closed">{{ t("finished") }}</secondary-text>
     </div>
     <dm-progress
       v-for="option in poll.options"

From 80342a15a3123fa5051dafab69b043d5f7a10f51 Mon Sep 17 00:00:00 2001
From: quilin <v.quilin@gmail.com>
Date: Tue, 16 Dec 2025 00:35:58 +0100
Subject: [PATCH 09/10] [DM.Front] I18n for profile page

---
 .../views/pages/profile/ProfilePage.i18n.ts   | 40 +++++++++++++
 .../src/views/pages/profile/ProfilePage.vue   | 46 ++++++++-------
 .../pages/profile/UserInformation.i18n.ts     | 12 ++++
 .../views/pages/profile/UserInformation.vue   | 11 ++--
 .../views/pages/profile/UserSettings.i18n.ts  | 30 ++++++++++
 .../src/views/pages/profile/UserSettings.vue  | 37 +++++++-----
 .../src/views/pages/rules/RulesPage.i18n.ts   | 58 +++++++++++++++++++
 .../src/views/pages/rules/RulesPage.vue       | 42 ++++----------
 8 files changed, 202 insertions(+), 74 deletions(-)
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfilePage.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserInformation.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserSettings.i18n.ts
 create mode 100644 frontend/DM.Web.Modern.Temp/src/views/pages/rules/RulesPage.i18n.ts

diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfilePage.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfilePage.i18n.ts
new file mode 100644
index 00000000..aa7d5a63
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfilePage.i18n.ts
@@ -0,0 +1,40 @@
+export default {
+  "ru-RU": {
+    administrator: "Тролль",
+    seniorModerator: "Старший гоблин",
+    regularModerator: "Гоблин",
+    nannyModerator: "Гоблин-нянька",
+    online: "В сети",
+    status: "Статус",
+    statusEmpty: "Не указан",
+    name: "Имя",
+    nameEmpty: "Не указано",
+    location: "Местоположение",
+    locationEmpty: "Не указано",
+    skype: "Скайп",
+    skypeEmpty: "Не указан",
+    info: "Информация",
+    games: "Игры",
+    characters: "Персонажи",
+    settings: "Настройки",
+  },
+  "en-US": {
+    administrator: "Troll",
+    seniorModerator: "Senior goblin",
+    regularModerator: "Goblin",
+    nannyModerator: "Nanny goblin",
+    online: "Online",
+    status: "Status",
+    statusEmpty: "n/a",
+    name: "Name",
+    nameEmpty: "n/a",
+    location: "Location",
+    locationEmpty: "n/a",
+    skype: "Skype",
+    skypeEmpty: "n/a",
+    info: "Information",
+    games: "Games",
+    characters: "Characters",
+    settings: "Settings",
+  },
+};
\ No newline at end of file
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfilePage.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfilePage.vue
index d9a40797..99894b4f 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfilePage.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/ProfilePage.vue
@@ -12,10 +12,13 @@ import DmLoader from "@/components/ui-kit/DmLoader.vue";
 import UserOnline from "@/components/community/UserOnline.vue";
 import SecondaryText from "@/components/layout/SecondaryText.vue";
 import PageTitle from "@/components/layout/PageTitle.vue";
+import messages from "@/views/pages/profile/ProfilePage.i18n";
+import { useI18n } from "vue-i18n";
 
 const route = useRoute();
 const userStore = useUserStore();
 const communityStore = useCommunityStore();
+const { t } = useI18n({ messages });
 
 useFetchData(
   () => communityStore.trySelectProfile(route.params.login as UserLogin),
@@ -27,16 +30,16 @@ useFetchData(
   ],
 );
 
-const roleNames: Record<string, string> = {
-  [UserRole.Administrator]: "Тролль",
-  [UserRole.SeniorModerator]: "Старший гоблин",
-  [UserRole.RegularModerator]: "Гоблин",
-  [UserRole.NannyModerator]: "Гоблин-нянька",
-};
+const roleNames = computed<Record<string, string>>(() => ({
+  [UserRole.Administrator]: t("administrator"),
+  [UserRole.SeniorModerator]: t("seniorModerator"),
+  [UserRole.RegularModerator]: t("regularModerator"),
+  [UserRole.NannyModerator]: t("nannyModerator"),
+}));
 const userRoles = computed(() =>
   communityStore.selectedUser?.roles
-    .filter((r) => r in roleNames)
-    .map((r) => roleNames[r]),
+    .filter((r) => r in roleNames.value)
+    .map((r) => roleNames.value[r]),
 );
 const canEdit = computed(
   () =>
@@ -81,30 +84,31 @@ const uploadPicture = async (data: FormData) => {
         </div>
 
         <div>
-          <secondary-text>В сети</secondary-text>&nbsp;
+          <secondary-text>{{ t("online") }}</secondary-text
+          >&nbsp;
           <user-online :user="communityStore.selectedUser" :detailed="true" />
         </div>
         <profile-stat
-          title="Статус"
-          empty="Не указан"
+          :title="t('status')"
+          :empty="t('statusEmpty')"
           :value="communityStore.selectedUser.status"
           :update-value="(value) => ({ status: value })"
         />
         <profile-stat
-          title="Имя"
-          empty="Не указано"
+          :title="t('name')"
+          :empty="t('nameEmpty')"
           :value="communityStore.selectedUser.name"
           :update-value="(value) => ({ name: value })"
         />
         <profile-stat
-          title="Местоположение"
-          empty="Не указано"
+          :title="t('location')"
+          :empty="t('locationEmpty')"
           :value="communityStore.selectedUser.location"
           :update-value="(value) => ({ location: value })"
         />
         <profile-stat
-          title="Skype"
-          empty="Не указан"
+          :title="t('skype')"
+          :empty="t('skypeEmpty')"
           :value="communityStore.selectedUser.skype"
           :update-value="(value) => ({ skype: value })"
         />
@@ -114,23 +118,23 @@ const uploadPicture = async (data: FormData) => {
           <router-link
             class="tabs-link"
             :to="{ name: 'profile', params: route.params }"
-            >Информация</router-link
+            >{{ t("info") }}</router-link
           >
           <router-link
             class="tabs-link"
             :to="{ name: 'user-games', params: route.params }"
-            >Игры</router-link
+            >{{ t("games") }}</router-link
           >
           <router-link
             class="tabs-link"
             :to="{ name: 'user-characters', params: route.params }"
-            >Персонажи</router-link
+            >{{ t("characters") }}</router-link
           >
           <router-link
             v-if="canEdit"
             class="tabs-link"
             :to="{ name: 'user-settings', params: route.params }"
-            >Настройки</router-link
+            >{{ t("settings") }}</router-link
           >
         </nav>
         <router-view />
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserInformation.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserInformation.i18n.ts
new file mode 100644
index 00000000..94fccb45
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserInformation.i18n.ts
@@ -0,0 +1,12 @@
+export default {
+  "ru-RU": {
+    empty: "Пользователь ничего о себе не написал...",
+    submit: "Сохранить",
+    cancel: "Отмена",
+  },
+  "en-US": {
+    empty: "The user did not write anything about themselves...",
+    submit: "Save",
+    cancel: "Cancel",
+  },
+};
\ No newline at end of file
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserInformation.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserInformation.vue
index 33b717b7..14366e86 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserInformation.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserInformation.vue
@@ -12,9 +12,12 @@ import DmForm from "@/components/ui-kit/DmForm.vue";
 import SecondaryText from "@/components/layout/SecondaryText.vue";
 import DmIconButton from "@/components/ui-kit/DmIconButton.vue";
 import DmLoader from "@/components/ui-kit/DmLoader.vue";
+import messages from "@/views/pages/profile/UserInformation.i18n";
+import { useI18n } from "vue-i18n";
 
 const communityStore = useCommunityStore();
 const userStore = useUserStore();
+const { t } = useI18n({ messages });
 
 const canEdit = computed(() => {
   if (communityStore.selectedUser === null || userStore.user === null)
@@ -68,9 +71,7 @@ const saveChanges = async () => {
       v-if="communityStore.selectedUser.info"
       v-html="communityStore.selectedUser.info"
     />
-    <secondary-text v-else
-      >Пользователь ничего о себе не написал...</secondary-text
-    >
+    <secondary-text v-else>{{ t("empty") }}</secondary-text>
   </div>
 
   <dm-form class="profile-edit_container" v-if="isActive" @submit="saveChanges">
@@ -78,8 +79,8 @@ const saveChanges = async () => {
       <dm-text id="edit-profile-info-text" v-model="info" :rows="5" />
     </dm-field>
     <template #controls>
-      <dm-button type="submit" label="Сохранить" />
-      <a @click="release">Отмена</a>
+      <dm-button type="submit" :label="t('submit')" />
+      <a @click="release">{{ t("cancel") }}</a>
     </template>
   </dm-form>
 </template>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserSettings.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserSettings.i18n.ts
new file mode 100644
index 00000000..1047c5db
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserSettings.i18n.ts
@@ -0,0 +1,30 @@
+export default {
+  "ru-RU": {
+    pageSize: "Количество сообщений на странице",
+    games: "в играх",
+    forum: "в обсуждениях, новостях и на форуме",
+    messages: "в личных сообщениях",
+    entities: "в списках",
+    colorScheme: "Цветовая схема",
+    submit: "Сохранить",
+    colorSchemeModern: "Современная",
+    colorSchemePale: "Бледная",
+    colorSchemeClassic: "Классика",
+    colorSchemeClassicPale: "Господи опять бледная за что",
+    colorSchemeNight: "Ночная",
+  },
+  "en-US": {
+    pageSize: "Page size",
+    games: "in games",
+    forum: "in game discussions, forum topics and news",
+    messages: "in private messages",
+    entities: "in lists",
+    colorScheme: "Color scheme",
+    submit: "Save",
+    colorSchemeModern: "Modern",
+    colorSchemePale: "Pale",
+    colorSchemeClassic: "Classic",
+    colorSchemeClassicPale: "Classic pale",
+    colorSchemeNight: "Night",
+  },
+};
\ No newline at end of file
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserSettings.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserSettings.vue
index dd8fec6b..f5d25def 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserSettings.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/profile/UserSettings.vue
@@ -1,41 +1,46 @@
 <script setup lang="ts">
 import { ColorSchema } from "@/api/models/community";
-import DmDropdown, { type DropdownOption } from "@/components/ui-kit/DmDropdown.vue";
+import DmDropdown, {
+  type DropdownOption,
+} from "@/components/ui-kit/DmDropdown.vue";
 
-import { ref, watch } from "vue";
+import { computed, ref, watch } from "vue";
 import { useUiStore, useCommunityStore } from "@/stores";
 import DmButton from "@/components/ui-kit/DmButton.vue";
 import DmInput from "@/components/ui-kit/DmInput.vue";
 import DmForm from "@/components/ui-kit/DmForm.vue";
+import messages from "@/views/pages/profile/UserSettings.i18n";
+import { useI18n } from "vue-i18n";
 
 const communityStore = useCommunityStore();
 const uiStore = useUiStore();
+const { t } = useI18n({ messages });
 
 const loading = ref(false);
 const settings = ref(Object.assign({}, communityStore.selectedUser!.settings));
 
-const colorSchemeOptions: DropdownOption<ColorSchema>[] = [
+const colorSchemeOptions = computed<DropdownOption<ColorSchema>[]>(() => [
   {
     value: ColorSchema.Modern,
-    label: "Современная",
+    label: t("colorSchemeModern"),
   },
   {
     value: ColorSchema.Classic,
-    label: "Классика",
+    label: t("colorSchemeClassic"),
   },
   {
     value: ColorSchema.Pale,
-    label: "Бледная",
+    label: t("colorSchemePale"),
   },
   {
     value: ColorSchema.ClassicPale,
-    label: "Господи опять бледная за что",
+    label: t("colorSchemeClassicPale"),
   },
   {
     value: ColorSchema.Night,
-    label: "Ночная",
+    label: t("colorSchemeNight"),
   },
-];
+]);
 
 watch(() => settings.value.colorSchema, uiStore.updateTheme);
 
@@ -51,14 +56,14 @@ const saveChanges = async () => {
 <template>
   <dm-form @submit="saveChanges">
     <div class="settings_block">
-      Количество сообщений на странице
+      {{ t("pageSize") }}
       <div class="settings_per_page">
         <dm-input
           id="postsPerPage"
           v-model="settings.paging.postsPerPage"
           class="settings_per_page-input"
         />
-        &mdash; в играх
+        &mdash; {{ t("games") }}
       </div>
       <div class="settings_per_page">
         <dm-input
@@ -66,7 +71,7 @@ const saveChanges = async () => {
           v-model="settings.paging.commentsPerPage"
           class="settings_per_page-input"
         />
-        &mdash; в обсуждениях, новостях и на форуме
+        &mdash; {{ t("forum") }}
       </div>
       <div class="settings_per_page">
         <dm-input
@@ -74,7 +79,7 @@ const saveChanges = async () => {
           v-model="settings.paging.messagesPerPage"
           class="settings_per_page-input"
         />
-        &mdash; в личных сообщениях
+        &mdash; {{ t("messages") }}
       </div>
       <div class="settings_per_page">
         <dm-input
@@ -82,7 +87,7 @@ const saveChanges = async () => {
           v-model="settings.paging.entitiesPerPage"
           class="settings_per_page-input"
         />
-        &mdash; в списках
+        &mdash; {{ t("lists") }}
       </div>
     </div>
     <div class="settings_block">
@@ -91,11 +96,11 @@ const saveChanges = async () => {
         class="settings_scheme"
         v-model="settings.colorSchema"
         :options="colorSchemeOptions"
-        placeholder="Цветовая схема"
+        :placeholder="t('colorScheme')"
       />
     </div>
     <template #controls>
-      <dm-button type="submit" label="Сохранить" :loading="loading" />
+      <dm-button type="submit" :label="t('submit')" :loading="loading" />
     </template>
   </dm-form>
 </template>
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/rules/RulesPage.i18n.ts b/frontend/DM.Web.Modern.Temp/src/views/pages/rules/RulesPage.i18n.ts
new file mode 100644
index 00000000..d954a5de
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/rules/RulesPage.i18n.ts
@@ -0,0 +1,58 @@
+export default {
+  "ru-RU": {
+    title: "Правила",
+    text1:
+      "Для большинства участников проекта это не просто сайт в сети — это " +
+      "родной дом, уютное и любимое место. Чтобы не портить никому пребывание в " +
+      "этом месте, разработана система правил. Регистрируясь на сайте вы вроде как " +
+      "обязуетесь их соблюдать.",
+    text2:
+      "На самом деле, правила очень простые. Если просто мирно играть в игры, " +
+      "общаться в чате и на форуме, не пытаться ни с кем поругаться или на кого-то " +
+      "обидеться, вам никогда не придется сталкиваться с последствиями их " +
+      "нарушения!",
+    text3:
+      "Мы тут любим всякий ролевой сленг, поэтому модераторы у нас называются " +
+      '"гоблинами", а администраторы "троллями". Привыкайте, потому что дальше ' +
+      "будет про этих злобных гоблиноидов.",
+    text4:
+      "Публичные разделы сайта — темы форума, общий чат и профили " +
+      "пользователей — не место для выяснения отношений, оскорблений, мата и " +
+      "прочих прелестей интернета. За эти штуки гоблины выписывают баллы по особому " +
+      "прейскуранту. Нахватавшись сих волшебных фруктов, пользователь отправляется " +
+      "в краткое изгнание из этих публичных разделов сайта — но все еще может " +
+      "участвовать в играх.",
+    text5:
+      "Если пользователь усердствует в нарушении правил приличия, то он может " +
+      "отправиться уже в полное изгнание. Сроки изгнаний, как полного, так и, что у " +
+      'нас называется "демократичного" с каждым разом растут — вплоть до ' +
+      "бессрочных изгнаний.",
+  },
+  "en-US": {
+    title: "Rules",
+    text1:
+      "For most of the project's participants, it's more than just an online " +
+      "site—it's a home, a cozy and beloved place. To ensure everyone's stay " +
+      "here is not disrupted, a set of rules has been developed. By " +
+      "registering on the site, you essentially agree to abide by them.",
+    text2:
+      "In fact, the rules are very simple. If you simply play games peacefully, " +
+      "communicate in the chat and on the forum, and don't try to argue with " +
+      "anyone or get upset, you'll never have to face the consequences of breaking them!",
+    text3:
+      "We love all sorts of roleplaying slang here, so we call moderators " +
+      '"goblins" and administrators "trolls." Get used to it, because what\'s ' +
+      "next is about these evil goblinoids.",
+    text4:
+      "The site's public sections—forum threads, general chat, and user profiles " +
+      "are not the place for arguments, insults, swearing, and other internet " +
+      "delights. For these activities, the goblins award points according to a " +
+      "special price list. After snatching up these magical fruits, the user " +
+      "is briefly banished from these public sections of the site—but can still " +
+      "participate in games.",
+    text5:
+      "If a user persists in violating the rules of decency, they may be subject " +
+      "to full banishment. The length of bans, both full and what we call " +
+      '"democratic," increases with each instance, leading to permanent bans.',
+  },
+};
diff --git a/frontend/DM.Web.Modern.Temp/src/views/pages/rules/RulesPage.vue b/frontend/DM.Web.Modern.Temp/src/views/pages/rules/RulesPage.vue
index 030adb80..f9fd221f 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/pages/rules/RulesPage.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/pages/rules/RulesPage.vue
@@ -1,39 +1,17 @@
 <script setup lang="ts">
 import PageTitle from "@/components/layout/PageTitle.vue";
+import messages from "@/views/pages/rules/RulesPage.i18n";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n({ messages });
 </script>
 <template>
-  <page-title>Правила</page-title>
-  <article>
-    Для большинства участников проекта это не просто сайт в сети &ndash; это
-    родной дом, уютное и любимое место. Чтобы не портить никому пребывание в
-    этом месте, разработана система правил. Регистрируясь на сайте вы вроде как
-    обязуетесь их соблюдать.
-  </article>
-  <article>
-    На самом деле, правила очень простые. Если просто мирно играть в игры,
-    общаться в чате и на форуме, не пытаться ни с кем поругаться или на кого-то
-    обидеться, вам никогда не придется сталкиваться с последствиями их
-    нарушения!
-  </article>
-  <article>
-    Мы тут любим всякий ролевой сленг, поэтому модераторы у нас называются
-    "гоблинами", а администраторы "троллями". Привыкайте, потому что дальше
-    будет про этих злобных гоблиноидов.
-  </article>
-  <article>
-    Публичные разделы сайта &ndash; темы форума, общий чат и профили
-    пользователей &ndash; не место для выяснения отношений, оскорблений, мата и
-    прочих прелестей интернета. За эти штуки гоблины выписывают баллы по особому
-    прейскуранту. Нахватавшись сих волшебных фруктов, пользователь отправляется
-    в краткое изгнание из этих публичных разделов сайта &ndash; но все еще может
-    участвовать в играх.
-  </article>
-  <article>
-    Если пользователь усердствует в нарушении правил приличия, то он может
-    отправиться уже в полное изгнание. Сроки изгнаний, как полного, так и, что у
-    нас называется "демократичного" с каждым разом растут &ndash; вплоть до
-    бессрочных изгнаний.
-  </article>
+  <page-title>{{ t("title") }}</page-title>
+  <article>{{ t("text1") }}</article>
+  <article>{{ t("text2") }}</article>
+  <article>{{ t("text3") }}</article>
+  <article>{{ t("text4") }}</article>
+  <article>{{ t("text5") }}</article>
 </template>
 
 <style scoped lang="sass">

From 1377dd9a346bd09756048d5faa2aba96c6b1e343 Mon Sep 17 00:00:00 2001
From: quilin <v.quilin@gmail.com>
Date: Tue, 16 Dec 2025 00:43:21 +0100
Subject: [PATCH 10/10] [DM.Front] Proper language toggle

---
 frontend/DM.Web.Modern.Temp/src/i18n.ts               |  8 ++++++++
 frontend/DM.Web.Modern.Temp/src/main.ts               |  7 +------
 frontend/DM.Web.Modern.Temp/src/stores/ui.ts          | 11 ++++++++++-
 .../DM.Web.Modern.Temp/src/views/layout/TheHeader.vue |  5 +----
 4 files changed, 20 insertions(+), 11 deletions(-)
 create mode 100644 frontend/DM.Web.Modern.Temp/src/i18n.ts

diff --git a/frontend/DM.Web.Modern.Temp/src/i18n.ts b/frontend/DM.Web.Modern.Temp/src/i18n.ts
new file mode 100644
index 00000000..e2a80a40
--- /dev/null
+++ b/frontend/DM.Web.Modern.Temp/src/i18n.ts
@@ -0,0 +1,8 @@
+import { createI18n } from "vue-i18n";
+
+const i18n = createI18n({
+  legacy: false,
+  locale: "ru-RU",
+});
+
+export default i18n;
diff --git a/frontend/DM.Web.Modern.Temp/src/main.ts b/frontend/DM.Web.Modern.Temp/src/main.ts
index e5140887..cd5b5dec 100644
--- a/frontend/DM.Web.Modern.Temp/src/main.ts
+++ b/frontend/DM.Web.Modern.Temp/src/main.ts
@@ -5,10 +5,10 @@ import "dayjs/locale/ru";
 import { createApp } from "vue";
 import { createPinia } from "pinia";
 import { createVfm } from "vue-final-modal";
-import { createI18n } from "vue-i18n";
 
 import App from "./App.vue";
 import router from "./router";
+import i18n from "./i18n";
 
 import PrimeVue from "primevue/config";
 
@@ -19,11 +19,6 @@ import "@/assets/styles/Inputs.sass";
 
 dayjs.extend(relativeTime).locale("en");
 
-const i18n = createI18n({
-  legacy: false,
-  locale: "en-US",
-});
-
 const application = createApp(App);
 
 application
diff --git a/frontend/DM.Web.Modern.Temp/src/stores/ui.ts b/frontend/DM.Web.Modern.Temp/src/stores/ui.ts
index 1ed55f68..9a227092 100644
--- a/frontend/DM.Web.Modern.Temp/src/stores/ui.ts
+++ b/frontend/DM.Web.Modern.Temp/src/stores/ui.ts
@@ -2,6 +2,7 @@ import { defineStore } from "pinia";
 import { ref } from "vue";
 import { ColorSchema } from "@/api/models/community";
 import { useUserStore } from "@/stores/user";
+import i18n from "@/i18n";
 
 export const useUiStore = defineStore("ui", () => {
   const theme = ref(ColorSchema.Modern);
@@ -19,5 +20,13 @@ export const useUiStore = defineStore("ui", () => {
     updateTheme(schema === ColorSchema.Night ? schema : ColorSchema.Modern);
   };
 
-  return { theme, updateTheme, toggleTheme };
+  const toggleLocale = () => {
+    if (i18n.global.locale.value === "ru-RU") {
+      i18n.global.locale.value = "en-US";
+    } else {
+      i18n.global.locale.value = "ru-RU";
+    }
+  };
+
+  return { theme, updateTheme, toggleTheme, toggleLocale };
 });
diff --git a/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue b/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue
index a83b1c23..6e71f801 100644
--- a/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue
+++ b/frontend/DM.Web.Modern.Temp/src/views/layout/TheHeader.vue
@@ -57,10 +57,7 @@ const { t } = useI18n({ messages });
     <div class="controls">
       <!--      <notifications v-if="user" />-->
       <dm-button label="Switch theme" @click="uiStore.toggleTheme" /><br />
-      <dm-button
-        label="Switch language"
-        @click="$i18n.locale = $i18n.locale == 'ru-RU' ? 'en-US' : 'ru-RU'"
-      />
+      <dm-button label="Switch language" @click="uiStore.toggleLocale" />
     </div>
   </div>
 </template>