From 151b060d893cb75188362b704ad0e84634fb75e7 Mon Sep 17 00:00:00 2001
From: Nick Kosarev <hmbanan666@hotmail.com>
Date: Wed, 28 Aug 2024 16:18:50 +0000
Subject: [PATCH] chore: links updated, language choose

---
 apps/website/app/components/MainFooter.vue    |  4 +-
 apps/website/app/components/MainHeader.vue    |  3 +-
 apps/website/app/components/MainLogo.vue      |  4 +-
 apps/website/app/components/MenuDesktop.vue   | 63 ++++++++++---------
 apps/website/app/components/MenuLocale.vue    | 58 +++++++++++++++++
 .../website/app/components/MenuSmartphone.vue | 55 ++++++++--------
 apps/website/app/locales/en-EN.json           |  2 +
 apps/website/app/locales/ru-RU.json           |  2 +
 apps/website/app/pages/about/index.vue        | 12 ++--
 apps/website/app/pages/character/[id].vue     |  7 ++-
 apps/website/app/pages/character/index.vue    |  7 ++-
 apps/website/app/pages/coupon/index.vue       |  3 +-
 apps/website/app/pages/p/[username].vue       |  7 ++-
 apps/website/app/pages/quest/[id].vue         |  5 +-
 apps/website/app/pages/quest/index.vue        |  3 +-
 apps/website/app/pages/trophy/[id].vue        |  5 +-
 apps/website/app/pages/trophy/index.vue       |  7 ++-
 apps/website/nuxt.config.ts                   |  4 +-
 18 files changed, 169 insertions(+), 82 deletions(-)
 create mode 100644 apps/website/app/components/MenuLocale.vue

diff --git a/apps/website/app/components/MainFooter.vue b/apps/website/app/components/MainFooter.vue
index de2ea7f3..c2291d91 100644
--- a/apps/website/app/components/MainFooter.vue
+++ b/apps/website/app/components/MainFooter.vue
@@ -2,7 +2,7 @@
   <footer>
     <ul>
       <li v-for="link in links" :key="link.url">
-        <NuxtLink :to="link.url" :target="link.isOnNewTab && '_blank'">
+        <NuxtLink :to="localePath(link.url)" :target="link.isOnNewTab && '_blank'">
           {{ link.title }}
         </NuxtLink>
       </li>
@@ -15,6 +15,8 @@
 </template>
 
 <script setup lang="ts">
+const localePath = useLocalePath()
+
 const links = [
   {
     title: 'Boosty',
diff --git a/apps/website/app/components/MainHeader.vue b/apps/website/app/components/MainHeader.vue
index 9f124fa9..badd8b95 100644
--- a/apps/website/app/components/MainHeader.vue
+++ b/apps/website/app/components/MainHeader.vue
@@ -2,8 +2,7 @@
   <header>
     <div class="left">
       <MainLogo />
-
-      <!-- <Locale /> -->
+      <MenuLocale />
     </div>
 
     <MenuSmartphone v-if="isMobileOrTablet" />
diff --git a/apps/website/app/components/MainLogo.vue b/apps/website/app/components/MainLogo.vue
index 8578e836..4e23c30e 100644
--- a/apps/website/app/components/MainLogo.vue
+++ b/apps/website/app/components/MainLogo.vue
@@ -1,13 +1,15 @@
 <template>
   <ClientOnly>
     <div v-if="$route.path === '/'" class="logo" :style="{ backgroundImage: randomCharUrl }" />
-    <NuxtLink v-else href="/">
+    <NuxtLink v-else :to="localePath('/')">
       <div class="logo shake" :style="{ backgroundImage: randomCharUrl }" />
     </NuxtLink>
   </ClientOnly>
 </template>
 
 <script setup lang="ts">
+const localePath = useLocalePath()
+
 const characters = [
   'banana',
   'burger',
diff --git a/apps/website/app/components/MenuDesktop.vue b/apps/website/app/components/MenuDesktop.vue
index 0a0d4c85..08baf4a5 100644
--- a/apps/website/app/components/MenuDesktop.vue
+++ b/apps/website/app/components/MenuDesktop.vue
@@ -1,33 +1,14 @@
 <template>
   <nav>
     <ul>
-      <li :aria-current="$route.path === `/` ? 'page' : undefined">
-        <NuxtLink to="/">
-          Главная
+      <li v-for="link in links" :key="link.path" :class="{ active: $route.path === localePath(link.path) }">
+        <NuxtLink :to="localePath(link.path)">
+          {{ link.name }}
         </NuxtLink>
       </li>
-      <li :aria-current="$route.path === `/character` ? 'page' : undefined">
-        <NuxtLink to="/character">
-          Персонажи
-        </NuxtLink>
-      </li>
-      <li :aria-current="$route.path === `/quest` ? 'page' : undefined">
-        <NuxtLink href="/quest">
-          Задания
-        </NuxtLink>
-      </li>
-      <li :aria-current="$route.path === `/trophy` ? 'page' : undefined">
-        <NuxtLink href="/trophy">
-          Трофеи
-        </NuxtLink>
-      </li>
-      <li :aria-current="$route.path === `/coupon` ? 'page' : undefined">
-        <NuxtLink href="/coupon">
-          Купон
-        </NuxtLink>
-      </li>
-      <li v-if="loggedIn" :aria-current="$route.path === `/p/${user?.userName}` ? 'page' : undefined">
-        <NuxtLink :href="`/p/${user?.userName}`">
+
+      <li v-if="loggedIn" :class="{ active: $route.path === `/p/${user?.userName}` }">
+        <NuxtLink :to="localePath(`/p/${user?.userName}`)">
           Мой профиль
         </NuxtLink>
       </li>
@@ -43,6 +24,30 @@
 
 <script setup lang="ts">
 const { loggedIn, user } = useUserSession()
+const localePath = useLocalePath()
+
+const links = [
+  {
+    name: 'Главная',
+    path: '/',
+  },
+  {
+    name: 'Персонажи',
+    path: '/character',
+  },
+  {
+    name: 'Задания',
+    path: '/quest',
+  },
+  {
+    name: 'Трофеи',
+    path: '/trophy',
+  },
+  {
+    name: 'Купон',
+    path: '/coupon',
+  },
+]
 </script>
 
 <style scoped>
@@ -78,6 +83,10 @@ nav {
       color: var(--green-9);
     }
   }
+
+  .active a {
+    color: var(--green-9);
+  }
 }
 
 ul {
@@ -97,8 +106,4 @@ li {
   gap: 0.2em;
   height: 100%;
 }
-
-li[aria-current='page'] a {
-  color: var(--green-9);
-}
 </style>
diff --git a/apps/website/app/components/MenuLocale.vue b/apps/website/app/components/MenuLocale.vue
new file mode 100644
index 00000000..f249ec7c
--- /dev/null
+++ b/apps/website/app/components/MenuLocale.vue
@@ -0,0 +1,58 @@
+<template>
+  <div class="block">
+    <button class="select-lang" @click="handleListClick">
+      <div class="icon">
+        <Globe />
+      </div>
+      <span>{{ $t('shortName') }}</span>
+    </button>
+
+    <div v-if="isOpened" class="dropdown-menu">
+      <button v-for="chooseLocale in locales" :key="chooseLocale" @click="() => handleLocaleSwitch(chooseLocale.code)">
+        {{ chooseLocale.name }}
+      </button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Globe } from 'lucide-vue-next'
+
+const { locales, setLocale } = useI18n()
+const isOpened = ref(false)
+function handleListClick() {
+  isOpened.value = !isOpened.value
+}
+
+function handleLocaleSwitch(code: string) {
+  isOpened.value = false
+  setLocale(code)
+}
+</script>
+
+<style scoped>
+  .block {
+    position: relative;
+  }
+
+  .select-lang {
+    padding: 0.25em 0 0.25em;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 0.25em;
+    font-weight: 600;
+    cursor: pointer;
+    border: 0;
+    transition: color 0.2s;
+
+    &:hover {
+      color: var(--color-bg-accent-2)
+    }
+
+    .icon {
+      pointer-events: none;
+      height: 24px;
+    }
+  }
+</style>
diff --git a/apps/website/app/components/MenuSmartphone.vue b/apps/website/app/components/MenuSmartphone.vue
index 737084e0..0a30da4b 100644
--- a/apps/website/app/components/MenuSmartphone.vue
+++ b/apps/website/app/components/MenuSmartphone.vue
@@ -2,33 +2,14 @@
   <aside :class="{ open: isMobileMenuOpened }">
     <nav>
       <ul>
-        <li :aria-current="$route.path === `/` ? 'page' : undefined">
-          <NuxtLink to="/">
-            Главная
+        <li v-for="link in links" :key="link.path" :class="{ active: $route.path === localePath(link.path) }">
+          <NuxtLink :to="localePath(link.path)">
+            {{ link.name }}
           </NuxtLink>
         </li>
-        <li :aria-current="$route.path === `/character` ? 'page' : undefined">
-          <NuxtLink to="/character">
-            Персонажи
-          </NuxtLink>
-        </li>
-        <li :aria-current="$route.path === `/quest` ? 'page' : undefined">
-          <NuxtLink href="/quest">
-            Задания
-          </NuxtLink>
-        </li>
-        <li :aria-current="$route.path === `/trophy` ? 'page' : undefined">
-          <NuxtLink href="/trophy">
-            Трофеи
-          </NuxtLink>
-        </li>
-        <li :aria-current="$route.path === `/coupon` ? 'page' : undefined">
-          <NuxtLink href="/coupon">
-            Купон
-          </NuxtLink>
-        </li>
-        <li v-if="loggedIn" :aria-current="$route.path === `/p/${user?.userName}` ? 'page' : undefined">
-          <NuxtLink :href="`/p/${user?.userName}`">
+
+        <li v-if="loggedIn" :class="{ active: $route.path === `/p/${user?.userName}` }">
+          <NuxtLink :to="localePath(`/p/${user?.userName}`)">
             Мой профиль
           </NuxtLink>
         </li>
@@ -46,6 +27,30 @@
 <script setup lang="ts">
 const { isMobileMenuOpened } = useApp()
 const { loggedIn, user } = useUserSession()
+const localePath = useLocalePath()
+
+const links = [
+  {
+    name: 'Главная',
+    path: '/',
+  },
+  {
+    name: 'Персонажи',
+    path: '/character',
+  },
+  {
+    name: 'Задания',
+    path: '/quest',
+  },
+  {
+    name: 'Трофеи',
+    path: '/trophy',
+  },
+  {
+    name: 'Купон',
+    path: '/coupon',
+  },
+]
 </script>
 
 <style scoped>
diff --git a/apps/website/app/locales/en-EN.json b/apps/website/app/locales/en-EN.json
index 00146ba7..e0fc41ed 100644
--- a/apps/website/app/locales/en-EN.json
+++ b/apps/website/app/locales/en-EN.json
@@ -1,4 +1,6 @@
 {
+  "name": "English",
+  "shortName": "Eng",
   "common": {
     "timeAgo": {
       "just-now": "just now",
diff --git a/apps/website/app/locales/ru-RU.json b/apps/website/app/locales/ru-RU.json
index 84172b99..4b0dd1c0 100644
--- a/apps/website/app/locales/ru-RU.json
+++ b/apps/website/app/locales/ru-RU.json
@@ -1,4 +1,6 @@
 {
+  "name": "Русский",
+  "shortName": "Рус",
   "common": {
     "timeAgo": {
       "just-now": "только что",
diff --git a/apps/website/app/pages/about/index.vue b/apps/website/app/pages/about/index.vue
index 74e193a2..dcb8c343 100644
--- a/apps/website/app/pages/about/index.vue
+++ b/apps/website/app/pages/about/index.vue
@@ -56,15 +56,19 @@
       Благодарности от hmbanan666
     </h3>
     <p>
-      Спасибо моим зрителям: <a href="/p/sava5621">sava5621</a> за вкусные шавухи, <a href="/p/bezsovesty">BezSovesty</a> за помощь на
-      старте, <a href="/p/flack_zombi">flack_zombi</a> за упорство в рубке деревьев, <a href="/p/player_mmcm">player_mmcm</a> за первые тесты Дополнения, <a href="/p/a_hywax">a_hywax</a> за помощь с open source, <a href="/p/peregonstream">PeregonStream</a> и <a href="/p/siberiacancode">siberiacancode</a> за крутые рейды.
-      Спасибо <a href="/p/tozikab_">tozikab_</a>, <a href="/p/6alt1ca">6alt1ca</a>, <a href="/p/derailon">derailon</a>, <a href="/p/sloghniy">sloghniy</a>, <a href="/p/man0ol">MaN0ol</a>, <a href="/p/do_oy">dO_Oy</a>, <a href="/p/vombatdrago">VombatDrago</a>,
-      <a href="/p/sleeplessness8">sleeplessness8</a>.
+      Спасибо моим зрителям: <a :href="localePath('/p/sava5621')">sava5621</a> за вкусные шавухи, <a :href="localePath('/p/bezsovesty')">BezSovesty</a> за помощь на
+      старте, <a :href="localePath('/p/flack_zombi')">flack_zombi</a> за упорство в рубке деревьев, <a :href="localePath('/p/player_mmcm')">player_mmcm</a> за первые тесты Дополнения, <a :href="localePath('/p/a_hywax')">a_hywax</a> за помощь с open source, <a :href="localePath('/p/peregonstream')">PeregonStream</a> и <a :href="localePath('/p/siberiacancode')">siberiacancode</a> за крутые рейды.
+      Спасибо <a :href="localePath('/p/tozikab_')">tozikab_</a>, <a :href="localePath('/p/6alt1ca')">6alt1ca</a>, <a :href="localePath('/p/derailon')">derailon</a>, <a :href="localePath('/p/sloghniy')">sloghniy</a>, <a :href="localePath('/p/man0ol')">MaN0ol</a>, <a :href="localePath('/p/do_oy')">dO_Oy</a>, <a :href="localePath('/p/vombatdrago')">VombatDrago</a>,
+      <a :href="localePath('/p/sleeplessness8')">sleeplessness8</a>.
       <br>Вы все крутые!
     </p>
   </section>
 </template>
 
+<script setup lang="ts">
+const localePath = useLocalePath()
+</script>
+
 <style scoped>
   .game-info {
     padding-top: 2em;
diff --git a/apps/website/app/pages/character/[id].vue b/apps/website/app/pages/character/[id].vue
index 7160d07d..3c1c3fc9 100644
--- a/apps/website/app/pages/character/[id].vue
+++ b/apps/website/app/pages/character/[id].vue
@@ -3,7 +3,7 @@
     <h1>"{{ character?.nickname }}" {{ character?.name }}</h1>
     <h2>
       Игровой персонаж, созданный
-      <NuxtLink :to="`/p/${character?.profile.userName}`">
+      <NuxtLink :to="localePath(`/p/${character?.profile.userName}`)">
         {{ character?.profile.userName }}
       </NuxtLink>
     </h2>
@@ -99,7 +99,7 @@
 
     <div v-if="topEditions?.length" class="block">
       <div v-for="edition in topEditions" :key="edition.id">
-        <a :href="`/p/${edition.profile.userName}`">
+        <a :href="localePath(`/p/${edition.profile.userName}`)">
           <p>{{ edition.profile.userName }}</p>
         </a>
         <p class="level">
@@ -155,7 +155,7 @@
         <div class="content">
           <div class="info">
             <div class="desc">
-              <a :href="`/p/${post.profile.userName}`">{{ post.profile.userName }}</a> добавил(а) новую заметку
+              <a :href="localePath(`/p/${post.profile.userName}`)">{{ post.profile.userName }}</a> добавил(а) новую заметку
             </div>
             <time>
               {{ useLocaleTimeAgo(new Date(post.createdAt)) }}
@@ -188,6 +188,7 @@ definePageMeta({
   },
 })
 
+const localePath = useLocalePath()
 const route = useRoute()
 const { data: character } = await useFetch(`/api/character/${route.params.id}`)
 const { data: topEditions } = await useFetch(`/api/character/${route.params.id}/top`)
diff --git a/apps/website/app/pages/character/index.vue b/apps/website/app/pages/character/index.vue
index 25977617..a64f3bf0 100644
--- a/apps/website/app/pages/character/index.vue
+++ b/apps/website/app/pages/character/index.vue
@@ -26,7 +26,7 @@
         </div>
       </div>
 
-      <a href="/shop">Купить монеты</a>
+      <a :href="localePath('/shop')">Купить монеты</a>
     </div>
   </section>
 
@@ -41,7 +41,7 @@
         :class="{ active: !!char.editions.find(e => e.id === profile?.activeEditionId) }"
         class="cell"
       >
-        <a :href="`/character/${char.id}`">
+        <a :href="localePath(`/character/${char.id}`)">
           <img :src="`/units/${char.codename}/128.png`" alt="" class="avatar static">
           <img :src="`/units/${char.codename}/idle.gif`" alt="" class="avatar animated">
           <p class="nickname">{{ char.nickname }}</p>
@@ -60,7 +60,7 @@
 
     <div class="collection-block">
       <div v-for="char in notReadyCharacters" :key="char.id" class="cell" :data-owned="!!char.editions.find(e => e.profileId === profile?.id)">
-        <a :href="`/character/${char.id}`">
+        <a :href="localePath(`/character/${char.id}`)">
           <p class="nickname">{{ char.nickname }}</p>
         </a>
       </div>
@@ -69,6 +69,7 @@
 </template>
 
 <script setup lang="ts">
+const localePath = useLocalePath()
 const { loggedIn, user } = useUserSession()
 const { data: profile } = await useFetch(`/api/profile/userName/${user.value?.userName}`)
 const { data: characters } = await useFetch('/api/character')
diff --git a/apps/website/app/pages/coupon/index.vue b/apps/website/app/pages/coupon/index.vue
index e67acdc0..23e5ef5b 100644
--- a/apps/website/app/pages/coupon/index.vue
+++ b/apps/website/app/pages/coupon/index.vue
@@ -30,7 +30,7 @@
           </div>
         </div>
         <div>
-          <a :href="`/p/${coupon.profile?.userName}`">{{ coupon.profile?.userName }}</a>
+          <a :href="localePath(`/p/${coupon.profile?.userName}`)">{{ coupon.profile?.userName }}</a>
         </div>
         <time>{{ useLocaleTimeAgo(new Date(coupon.createdAt)) }}</time>
       </div>
@@ -77,6 +77,7 @@
 </template>
 
 <script setup lang="ts">
+const localePath = useLocalePath()
 const { data: coupons } = await useFetch('/api/coupon/latest')
 const isEnoughCoupons = false
 </script>
diff --git a/apps/website/app/pages/p/[username].vue b/apps/website/app/pages/p/[username].vue
index 59a01b66..8a6f0e88 100644
--- a/apps/website/app/pages/p/[username].vue
+++ b/apps/website/app/pages/p/[username].vue
@@ -33,7 +33,7 @@
     </div>
 
     <div class="active-character">
-      <div>Активный Персонаж: <a :href="`/character/${activeCharacter?.character.id}`">{{ activeCharacter?.character.nickname }}</a></div>
+      <div>Активный Персонаж: <a :href="localePath(`/character/${activeCharacter?.character.id}`)">{{ activeCharacter?.character.nickname }}</a></div>
       <div class="level">
         {{ activeCharacter?.level }} уровень <span class="xp">{{ activeCharacter?.xp }} опыта</span>
       </div>
@@ -107,7 +107,7 @@
 
     <div class="collection-block">
       <div v-for="char in pageProfile?.characterEditions" :key="char.id" class="cell" :class="{ active: char.id === activeCharacter?.id }">
-        <a :href="`/character/${char.character.id}`">
+        <a :href="localePath(`/character/${char.character.id}`)">
           <img :src="`/units/${char.character.codename}/128.png`" alt="" class="avatar static">
           <img :src="`/units/${char.character.codename}/idle.gif`" alt="" class="avatar animated">
           <p class="nickname">{{ char.character.nickname }}</p>
@@ -126,7 +126,7 @@
 
     <div class="collection-block">
       <div v-for="trophyEdition in trophies" :key="trophyEdition.id" class="cell" :data-rarity="trophyEdition.trophy.rarity">
-        <a :href="`/trophy/${trophyEdition.trophy.id}`">
+        <a :href="localePath(`/trophy/${trophyEdition.trophy.id}`)">
           <img src="/trophies/default/64.png" alt="" width="64" height="64">
           <div class="name">{{ trophyEdition.trophy.name }}</div>
           <div class="points">{{ trophyEdition.trophy.points }} очков</div>
@@ -165,6 +165,7 @@ definePageMeta({
   },
 })
 
+const localePath = useLocalePath()
 const route = useRoute()
 const { data: pageProfile } = await useFetch(`/api/profile/userName/${route.params.username}`)
 const { data: trophies } = await useFetch(`/api/trophy/profileId/${pageProfile.value?.id}`)
diff --git a/apps/website/app/pages/quest/[id].vue b/apps/website/app/pages/quest/[id].vue
index 846d6b71..77457e78 100644
--- a/apps/website/app/pages/quest/[id].vue
+++ b/apps/website/app/pages/quest/[id].vue
@@ -2,7 +2,7 @@
   <section class="hero">
     <h1>{{ quest?.name }}</h1>
     <h2>
-      Задание, созданное <a :href="`/p/${quest?.profile.userName}`">{{ quest?.profile.userName }}</a>
+      Задание, созданное <a :href="localePath(`/p/${quest?.profile.userName}`)">{{ quest?.profile.userName }}</a>
     </h2>
   </section>
 
@@ -52,7 +52,7 @@
           <img src="/units/twitchy/128.png" alt="" width="64" height="64">
         </div>
         <div>
-          <a :href="`/p/${edition.profile.userName}`">{{ edition.profile.userName }}</a>
+          <a :href="localePath(`/p/${edition.profile.userName}`)">{{ edition.profile.userName }}</a>
         </div>
         <time v-if="edition.completedAt">
           {{ useLocaleTimeAgo(new Date(edition.completedAt)) }}
@@ -70,6 +70,7 @@ definePageMeta({
   },
 })
 
+const localePath = useLocalePath()
 const route = useRoute()
 const { data: quest } = await useFetch(`/api/quest/${route.params.id}`)
 
diff --git a/apps/website/app/pages/quest/index.vue b/apps/website/app/pages/quest/index.vue
index 11ac5e10..461c8d53 100644
--- a/apps/website/app/pages/quest/index.vue
+++ b/apps/website/app/pages/quest/index.vue
@@ -5,7 +5,7 @@
   </section>
 
   <section v-if="questsForProfile" class="quests-block">
-    <a v-for="quest in questsForProfile" :key="quest.id" :href="`/quest/${quest.id}`">
+    <a v-for="quest in questsForProfile" :key="quest.id" :href="localePath(`/quest/${quest.id}`)">
       <div class="quest">
         <div class="info">
           <p class="name">{{ quest.name }}</p>
@@ -34,6 +34,7 @@
 </template>
 
 <script setup lang="ts">
+const localePath = useLocalePath()
 const { user } = useUserSession()
 const { data: questsForProfile } = await useFetch(`/api/quest/profileId/${user.value?.id}`)
 </script>
diff --git a/apps/website/app/pages/trophy/[id].vue b/apps/website/app/pages/trophy/[id].vue
index d50bc889..026d0191 100644
--- a/apps/website/app/pages/trophy/[id].vue
+++ b/apps/website/app/pages/trophy/[id].vue
@@ -2,7 +2,7 @@
   <section class="hero">
     <h1>{{ trophy?.name }}</h1>
     <h2>
-      Трофей, созданный <a :href="`/p/${trophy?.profile.userName}`">{{ trophy?.profile.userName }}</a>
+      Трофей, созданный <a :href="localePath(`/p/${trophy?.profile.userName}`)">{{ trophy?.profile.userName }}</a>
     </h2>
   </section>
 
@@ -41,7 +41,7 @@
           <img src="/units/twitchy/128.png" alt="" width="64" height="64">
         </div>
         <div>
-          <a :href="`/p/${progress.profile.userName}`">{{ progress.profile.userName }}</a>
+          <a :href="localePath(`/p/${progress.profile.userName}`)">{{ progress.profile.userName }}</a>
         </div>
         <time>{{ useLocaleTimeAgo(new Date(progress.createdAt)) }}</time>
       </div>
@@ -57,6 +57,7 @@ definePageMeta({
   },
 })
 
+const localePath = useLocalePath()
 const route = useRoute()
 const { data: trophy } = await useFetch(`/api/trophy/${route.params.id}`)
 const latestProfiles = trophy.value?.editions.slice(0, 12)
diff --git a/apps/website/app/pages/trophy/index.vue b/apps/website/app/pages/trophy/index.vue
index 326c42fb..624f6a9c 100644
--- a/apps/website/app/pages/trophy/index.vue
+++ b/apps/website/app/pages/trophy/index.vue
@@ -4,14 +4,14 @@
     <h2>Придумываем вместе награды за особые активности на стримах</h2>
 
     <div class="create-new">
-      <a href="/trophy/new">Создать новый <img src="~/assets/img/icons/mana/64.png" alt="" width="32" height="32"></a>
+      <a :href="localePath('/trophy/new')">Создать новый <img src="~/assets/img/icons/mana/64.png" alt="" width="32" height="32"></a>
     </div>
   </section>
 
   <section class="trophies-block">
     <div class="trophies">
       <div v-for="trophy in readyTrophies" :key="trophy.id" class="cell" :data-rarity="trophy.rarity">
-        <a :href="`/trophy/${trophy.id}`">
+        <a :href="localePath(`/trophy/${trophy.id}`)">
           <img src="/trophies/default/64.png" alt="" width="64" height="64">
           <div class="name">{{ trophy.name }}</div>
           <div class="points">{{ trophy.points }} очков</div>
@@ -25,7 +25,7 @@
 
     <div class="trophies">
       <div v-for="trophy in inWorkTrophies" :key="trophy.id" class="cell" :data-rarity="trophy.rarity">
-        <a :href="`/trophy/${trophy.id}`">
+        <a :href="localePath(`/trophy/${trophy.id}`)">
           <img src="/trophies/default/64.png" alt="" width="64" height="64">
           <div class="name">{{ trophy.name }}</div>
           <div class="points">{{ trophy.points }} очков</div>
@@ -36,6 +36,7 @@
 </template>
 
 <script setup lang="ts">
+const localePath = useLocalePath()
 const { data: trophies } = await useFetch('/api/trophy/')
 const readyTrophies = trophies.value?.filter((t) => t.isReady)
 const inWorkTrophies = trophies.value?.filter((t) => !t.isReady)
diff --git a/apps/website/nuxt.config.ts b/apps/website/nuxt.config.ts
index eb130edb..cfcbd936 100644
--- a/apps/website/nuxt.config.ts
+++ b/apps/website/nuxt.config.ts
@@ -37,8 +37,8 @@ export default defineNuxtConfig({
   },
   i18n: {
     locales: [
-      { code: 'ru', iso: 'ru-RU', name: 'Русский', file: 'ru-RU.json' },
-      { code: 'en', iso: 'en-EN', name: 'English', file: 'en-EN.json' },
+      { code: 'ru', name: 'Русский', file: 'ru-RU.json' },
+      { code: 'en', name: 'English', file: 'en-EN.json' },
     ],
     defaultLocale: 'ru',
     strategy: 'prefix_except_default',