From 946e3dd4a6326cb646091c88f301b793e1c612bc Mon Sep 17 00:00:00 2001
From: Marco Rodolfi <marco.rodolfi@tuta.io>
Date: Tue, 16 Jun 2026 20:49:30 +0200
Subject: [PATCH 01/11] Make project localizable.

Originally implemented from d0ul <support@pcor.me>

Rebased to 3.0.1 by me
---
 package.json                                  |   1 +
 src/components/AlbumView/GenreBanner.vue      |   5 +-
 src/components/AlbumView/Header/Stats.vue     |   9 +-
 .../ArtistView/HeaderComponents/Info.vue      |   9 +-
 src/components/ArtistView/TopTracks.vue       |   5 +-
 src/components/BottomBar/Left.vue             |   7 +-
 src/components/BottomBar/Right.vue            |   5 +-
 src/components/CardListView/SortBanner.vue    |  27 +--
 src/components/FolderView/FolderItem.vue      |   5 +-
 src/components/HomeView/Browse.vue            |  23 +--
 src/components/LeftSidebar/MobileNav.vue      |   3 +-
 src/components/LeftSidebar/NavButtons.vue     |   3 +-
 src/components/LeftSidebar/navitems.ts        | 105 ++++++------
 src/components/NowPlaying/Header.vue          |   9 +-
 src/components/NowPlaying/PlayingFrom.vue     |   5 +-
 src/components/PlaylistView/AfterHeader.vue   |   6 +-
 src/components/PlaylistView/Header/Info.vue   |   5 +-
 .../PlaylistView/Header/LastUpdated.vue       |   7 +-
 src/components/PlaylistsList/PlaylistCard.vue |   5 +-
 .../RightSideBar/Home/Recommendation.vue      |   6 +-
 src/components/RightSideBar/Queue.vue         |   7 +-
 .../RightSideBar/Queue/QueueActions.vue       |   7 +-
 .../RightSideBar/Search/TopResults.vue        |  16 +-
 .../RightSideBar/Search/TracksGrid.vue        |   5 +-
 src/components/RightSideBar/SearchInput.vue   |   7 +-
 src/components/SettingsView/About.vue         |  29 ++--
 .../SettingsView/Components/BackupRestore.vue |  22 ++-
 .../SettingsView/Components/List.vue          |   5 +-
 .../SettingsView/Components/NumberInput.vue   |   9 +-
 .../SettingsView/Components/SecretInput.vue   |   5 +-
 .../Components/SeparatorsInput.vue            |   5 +-
 src/components/bubbles/DropArea.vue           |   6 +-
 src/components/nav/NavLinks.vue               |   3 +-
 src/components/nav/NavSidenav.vue             |   3 +-
 src/locales/en.json                           | 162 ++++++++++++++++++
 src/locales/ko.json                           | 162 ++++++++++++++++++
 src/main.ts                                   |  19 ++
 src/views/HomeView/main.vue                   |  16 +-
 yarn.lock                                     |  35 ++++
 39 files changed, 623 insertions(+), 150 deletions(-)
 create mode 100644 src/locales/en.json
 create mode 100644 src/locales/ko.json

diff --git a/package.json b/package.json
index 6054cd92..f15f1bf8 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
     "vue": "^v3.5.13",
     "vue-boring-avatars": "^1.4.0",
     "vue-debounce": "^3.0.2",
+    "vue-i18n": "11",
     "vue-router": "^4.1.3",
     "vue-template-compiler": "^2.0.0",
     "vue-virtual-scroller": "^2.0.0-beta.7",
diff --git a/src/components/AlbumView/GenreBanner.vue b/src/components/AlbumView/GenreBanner.vue
index bdc42957..ea91d7b8 100644
--- a/src/components/AlbumView/GenreBanner.vue
+++ b/src/components/AlbumView/GenreBanner.vue
@@ -7,7 +7,7 @@
   >
     <div class="scrollable">
       <div class="rounded pad-sm genre-pill">
-        {{ genres.length ? "Genres" : "No genres" }}
+        {{ genres.length ? t('AlbumView.GenreBanner.GenreExists') : t('AlbumView.GenreBanner.GenreDoesNotExist') }}
       </div>
       <div
         v-for="genre in genres"
@@ -27,9 +27,12 @@
 import useAlbumStore from "@/stores/pages/album";
 import useArtistStore from "@/stores/pages/artist";
 import { computed, onMounted } from "vue";
+import { useI18n } from "vue-i18n";
 
 import { getShift } from "@/utils/colortools/shift";
 
+const { t } = useI18n();
+
 const album = useAlbumStore();
 const store = useArtistStore();
 
diff --git a/src/components/AlbumView/Header/Stats.vue b/src/components/AlbumView/Header/Stats.vue
index 42db3cb0..97fa5e5c 100644
--- a/src/components/AlbumView/Header/Stats.vue
+++ b/src/components/AlbumView/Header/Stats.vue
@@ -6,11 +6,11 @@
         :albumartists="''"
         :small="true"
         :append="!isSmallPhone ? statsText : ''"
-        :prepend="isSmallPhone ? 'Album by ' : ''"
+        :prepend="isSmallPhone ? $t('AlbumView.AlbumBy') : ''"
       />
     </div>
     <div v-if="isSmallPhone" class="stats2">
-      {{ new Date(album.date * 1000).getFullYear() }} {{ !album.is_single ? `• ${album.trackcount} Tracks` : "" }} •
+      {{ new Date(album.date * 1000).getFullYear() }} {{ !album.is_single ? `• ${album.trackcount} ${$t('AlbumView.TrackCountPlural')}` : "" }} •
       {{ formatSeconds(album.duration, true) }}
     </div>
   </div>
@@ -18,6 +18,7 @@
 
 <script setup lang="ts">
 import { computed } from "vue";
+import { useI18n } from "vue-i18n";
 
 import { Album } from "@/interfaces";
 import { isSmallPhone } from "@/stores/content-width";
@@ -25,6 +26,8 @@ import { formatSeconds } from "@/utils";
 
 import ArtistName from "@/components/shared/ArtistName.vue";
 
+const { t } = useI18n();
+
 const props = defineProps<{
   album: Album;
 }>();
@@ -34,7 +37,7 @@ const statsText = computed(() => {
 
   // hide track count if it's a single, also add an s to track if it's plural
   return `• ${new Date(props.album.date * 1000).getFullYear()} ${
-    !is_single ? `• ${props.album.trackcount.toLocaleString()} Track${props.album.trackcount > 1 ? "s" : ""}` : ""
+    !is_single ? `• ${props.album.trackcount.toLocaleString()} ${props.album.trackcount > 1 ? t('AlbumView.TrackCountPlural') : t('AlbumView.TrackCount')}` : ""
   } • ${formatSeconds(props.album.duration, true)}`;
 });
 </script>
diff --git a/src/components/ArtistView/HeaderComponents/Info.vue b/src/components/ArtistView/HeaderComponents/Info.vue
index 5ccdb8e7..cc4890ee 100644
--- a/src/components/ArtistView/HeaderComponents/Info.vue
+++ b/src/components/ArtistView/HeaderComponents/Info.vue
@@ -6,16 +6,16 @@
         }"
     >
         <section class="text">
-            <div class="card-title">Artist</div>
+            <div class="card-title">{{ t('ArtistView.Title') }}</div>
             <div class="artist-name" :class="`${useCircularImage ? 'ellip' : 'ellip2'}`" :title="artist.name">
                 {{ artist.name }}
             </div>
             <div class="stats">
                 <span v-if="artist.trackcount">
-                    {{ artist.trackcount.toLocaleString() }} Track{{ `${artist.trackcount == 1 ? '' : 's'} • ` }}
+                    {{ artist.trackcount.toLocaleString() }} {{ `${artist.trackcount == 1 ? t('ArtistView.TrackCount') : t('ArtistView.TrackCountPlural')} • ` }}
                 </span>
                 <span v-if="artist.albumcount">
-                    {{ artist.albumcount.toLocaleString() }} Album{{ `${artist.albumcount == 1 ? '' : 's'} • ` }}
+                    {{ artist.albumcount.toLocaleString() }} {{ `${artist.albumcount == 1 ? t('ArtistView.AlbumCount') : t('ArtistView.AlbumCountPlural')} • ` }}
                 </span>
                 <span v-if="artist.duration">
                     {{ `${formatSeconds(artist.duration, true)}` }}
@@ -32,6 +32,9 @@ import { getTextColor } from '@/utils/colortools/shift'
 import { Artist } from '@/interfaces'
 import formatSeconds from '@/utils/useFormatSeconds'
 import Buttons from './Buttons.vue'
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 defineProps<{
     artist: Artist
diff --git a/src/components/ArtistView/TopTracks.vue b/src/components/ArtistView/TopTracks.vue
index b716ac6e..8da2b140 100644
--- a/src/components/ArtistView/TopTracks.vue
+++ b/src/components/ArtistView/TopTracks.vue
@@ -14,7 +14,7 @@
                 @playThis="playHandler(index)"
             />
         </div>
-        <div v-if="!tracks.length" class="error">No tracks</div>
+        <div v-if="!tracks.length" class="error">{{ t('ArtistView.NoTracks') }}</div>
     </div>
 </template>
 
@@ -24,6 +24,9 @@ import { Track } from '@/interfaces'
 import { isMedium, isSmall } from '@/stores/content-width'
 import SeeAll from '../shared/SeeAll.vue'
 import SongItem from '../shared/SongItem.vue'
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 defineProps<{
     tracks: Track[]
diff --git a/src/components/BottomBar/Left.vue b/src/components/BottomBar/Left.vue
index baff4018..29b90252 100644
--- a/src/components/BottomBar/Left.vue
+++ b/src/components/BottomBar/Left.vue
@@ -37,7 +37,7 @@
         >
             <div v-tooltip class="title">
                 <TextLoader
-                    :text="queue.currenttrack?.title || 'Hello there'"
+                    :text="queue.currenttrack?.title || t('BottomBar.PlaceholderTitle') "
                     :duration="1000"
                     :fade-duration="1000"
                     :direction="queue.direction"
@@ -51,7 +51,7 @@
             </div>
             <ArtistName
                 :artists="queue.currenttrack?.artists || []"
-                :albumartists="queue.currenttrack?.albumartists || 'Welcome to Swing Music'"
+                :albumartists="queue.currenttrack?.albumartists || t('BottomBar.PlaceholderArtist')""
                 class="artist"
             />
         </div>
@@ -61,6 +61,8 @@
 </template>
 
 <script setup lang="ts">
+import { useI18n } from "vue-i18n";
+
 import { paths } from '@/config'
 import { Routes } from '@/router'
 import { getShift } from '@/utils/colortools/shift'
@@ -80,6 +82,7 @@ import ExplicitIcon from '@/assets/icons/explicit.svg'
 import ImageLoader from '@/components/shared/ImageLoader.vue'
 import ArtistName from '@/components/shared/ArtistName.vue'
 
+const { t } = useI18n();
 const queue = useQStore()
 const colors = useColorStore()
 const settings = useSettingsStore()
diff --git a/src/components/BottomBar/Right.vue b/src/components/BottomBar/Right.vue
index 0adc19c6..37f4ad49 100644
--- a/src/components/BottomBar/Right.vue
+++ b/src/components/BottomBar/Right.vue
@@ -5,7 +5,7 @@
         <button
             class="repeat"
             :class="{ 'repeat-disabled': settings.repeat == 'none' }"
-            :title="settings.repeat == 'all' ? 'Repeat all' : settings.repeat == 'one' ? 'Repeat one' : 'No repeat'"
+            :title="settings.repeat == 'all' ? t('BottomBar.RepeatOptions.All') : settings.repeat == 'one' ? t('BottomBar.RepeatOptions.One') : t('BottomBar.RepeatOptions.None')"
             @click="settings.toggleRepeatMode"
         >
             <RepeatOneSvg v-if="settings.repeat == 'one'" />
@@ -26,6 +26,9 @@
 <script setup lang="ts">
 import useQueue from '@/stores/queue'
 import useSettings from '@/stores/settings'
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 import RepeatOneSvg from '@/assets/icons/repeat-one.svg'
 import RepeatAllSvg from '@/assets/icons/repeat.svg'
diff --git a/src/components/CardListView/SortBanner.vue b/src/components/CardListView/SortBanner.vue
index 6e72e562..1773938b 100644
--- a/src/components/CardListView/SortBanner.vue
+++ b/src/components/CardListView/SortBanner.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="itemsortby">
-        <div class="tt select circular">Sort By</div>
+        <div class="tt select circular">{{ t('CardList.SortBy') }}</div>
         <div class="left group">
             <SortKey
                 :items="($route.name == Routes.AlbumList ? albumitems : artistitems).concat(items)"
@@ -22,31 +22,34 @@ import { useRoute } from 'vue-router'
 import { useAlbumList, useArtistList } from '@/stores/pages/itemlist'
 import SortKey from './SortKey.vue'
 import ChartSvg from '@/assets/icons/chart.svg'
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const route = useRoute()
 const store = route.name === Routes.AlbumList ? useAlbumList() : useArtistList()
 
 const items = [
-    { key: 'trackcount', displayName: 'No. of tracks' },
-    { key: 'duration', displayName: 'Duration' },
-    { key: 'created_date', displayName: 'Date added' },
-    { key: 'lastplayed', displayName: 'Last played' },
+    { key: 'trackcount', displayName: t('CardList.SortByOptions.TrackCount') },
+    { key: 'duration', displayName: t('CardList.SortByOptions.Duration') },
+    { key: 'created_date', displayName: t('CardList.SortByOptions.CreatedDate') },
+    { key: 'lastplayed', displayName: t('CardList.SortByOptions.LastPlayed') },
 ]
 
 const statitems = [
-    { key: 'playcount', displayName: 'Plays' },
-    { key: 'playduration', displayName: 'Play duration' },
+    { key: 'playcount', displayName: t('CardList.SortByOptions.PlayCount') },
+    { key: 'playduration', displayName: t('CardList.SortByOptions.PlayDuration') },
 ]
 
 const albumitems = [
-    { key: 'title', displayName: 'Title' },
-    { key: 'albumartists', displayName: 'Artist' },
-    { key: 'date', displayName: 'Year released' },
+    { key: 'title', displayName: t('CardList.SortByOptions.Title') },
+    { key: 'albumartists', displayName: t('CardList.SortByOptions.AlbumArtists') },
+    { key: 'date', displayName: t('CardList.SortByOptions.Date') },
 ]
 
 const artistitems = [
-    { key: 'name', displayName: 'Name' },
-    { key: 'albumcount', displayName: 'No. of albums' },
+    { key: 'name', displayName: t('CardList.SortByOptions.Name') },
+    { key: 'albumcount', displayName: t('CardList.SortByOptions.NoOfAlbums') },
 ]
 </script>
 
diff --git a/src/components/FolderView/FolderItem.vue b/src/components/FolderView/FolderItem.vue
index 2a00ac83..42771035 100644
--- a/src/components/FolderView/FolderItem.vue
+++ b/src/components/FolderView/FolderItem.vue
@@ -17,7 +17,7 @@
       <div class="info">
         <div class="f-item-text ellip">{{ folder.name }}</div>
         <div class="f-count" v-if="folder.trackcount">
-          {{ folder.trackcount.toLocaleString() + ` File${folder.trackcount == 1 ? "" : "s"}` }}
+          {{ folder.trackcount.toLocaleString() + ` ${folder.trackcount == 1 ? t('FolderView.FileCount') : t('FolderView.FileCountPlural')}` }}
         </div>
       </div>
       <div v-if="!folder_page" class="check">
@@ -31,6 +31,9 @@
 <script setup lang="ts">
 import { Routes } from "@/router";
 import { ref } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 import { Folder } from "@/interfaces";
 
diff --git a/src/components/HomeView/Browse.vue b/src/components/HomeView/Browse.vue
index 43e097e1..f3024f0f 100644
--- a/src/components/HomeView/Browse.vue
+++ b/src/components/HomeView/Browse.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="homebrowse">
-    <div class="btitle"><b>Browse Library</b></div>
+    <div class="btitle"><b>{{ t('HomeView.Browse.Title') }}</b></div>
     <div class="browselist">
       <RouterLink
         v-for="i in browselist"
@@ -34,10 +34,13 @@ import { triggerScan } from "@/requests/settings/rootdirs";
 import { Routes } from "@/router";
 import { album_card_with } from "@/stores/content-width";
 import useDialog from "@/stores/modal";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const browselist = [
   {
-    title: "Folders",
+    title: t('HomeView.Browse.BrowseList.Folders'),
     route: Routes.folder,
     params: {
       path: "$home",
@@ -45,40 +48,40 @@ const browselist = [
     icon: FolderIcon,
   },
   {
-    title: "Albums",
+    title: t('HomeView.Browse.BrowseList.Albums'),
     route: Routes.AlbumList,
     icon: AlbumIcon,
   },
   {
-    title: "Artists",
+    title: t('HomeView.Browse.BrowseList.Artists'),
     route: Routes.ArtistList,
     icon: ArtistIcon,
   },
   {
-    title: "Playlists",
+    title: t('HomeView.Browse.BrowseList.Playlists'),
     route: Routes.playlists,
     icon: PlaylistIcon,
   },
   {
-    title: "Favorites",
+    title: t('HomeView.Browse.BrowseList.Favorites'),
     route: Routes.favorites,
     icon: HeartIcon,
     class: "favorite",
   },
   {
-    title: "Fav. tracks",
+    title: t('HomeView.Browse.BrowseList.FavTracks'),
     route: Routes.favoriteTracks,
     icon: HeartIcon,
     class: "favorite",
   },
   {
-    title: "Fav. artists",
+    title: t('HomeView.Browse.BrowseList.FavArtists'),
     route: Routes.favoriteArtists,
     icon: ArtistIcon,
     class: "favorite",
   },
   {
-    title: "Fav. albums",
+    title: t('HomeView.Browse.BrowseList.FavAlbums'),
     route: Routes.favoriteAlbums,
     icon: AlbumIcon,
     class: "favorite",
@@ -93,7 +96,7 @@ const browselist = [
   //   class: "settings",
   // },
   {
-    title: "Stats",
+    title: t('HomeView.Browse.BrowseList.Stats'),
     icon: AlbumIcon,
     route: Routes.Stats,
   }
diff --git a/src/components/LeftSidebar/MobileNav.vue b/src/components/LeftSidebar/MobileNav.vue
index d5681f03..27132e75 100644
--- a/src/components/LeftSidebar/MobileNav.vue
+++ b/src/components/LeftSidebar/MobileNav.vue
@@ -33,5 +33,6 @@
 </template>
 
 <script setup lang="ts">
-import { menus } from "./navitems";
+import { useNavItems } from "../LeftSidebar/navitems";
+const { menus } = useNavItems();
 </script>
\ No newline at end of file
diff --git a/src/components/LeftSidebar/NavButtons.vue b/src/components/LeftSidebar/NavButtons.vue
index 0c42517a..ecbcd277 100644
--- a/src/components/LeftSidebar/NavButtons.vue
+++ b/src/components/LeftSidebar/NavButtons.vue
@@ -25,7 +25,8 @@
 </template>
 
 <script setup lang="ts">
-import { menus } from "./navitems";
+import { useNavItems } from "../LeftSidebar/navitems";
+const { menus } = useNavItems();
 </script>
 
 <style lang="scss">
diff --git a/src/components/LeftSidebar/navitems.ts b/src/components/LeftSidebar/navitems.ts
index cd6116d5..280e9246 100644
--- a/src/components/LeftSidebar/navitems.ts
+++ b/src/components/LeftSidebar/navitems.ts
@@ -1,3 +1,4 @@
+import { useI18n } from "vue-i18n";
 import { Routes } from "@/router";
 import useDialog from "@/stores/modal";
 import useSearch from "@/stores/search";
@@ -9,57 +10,63 @@ import SearchSvg from "@/assets/icons/search.svg";
 import SettingsSvg from "@/assets/icons/settings.svg";
 import HomeSvg from "@/assets/icons/home.svg";
 
-const folder = {
-  name: "folders",
-  route_name: Routes.folder,
-  params: { path: "$home" },
-  icon: FolderSvg,
-};
+export const useNavItems = () => {
+  const { t } = useI18n();
 
-const favorites = {
-  name: "favorites",
-  route_name: Routes.favorites,
-  icon: HeartSvg,
-};
+  const folder = {
+    name: t('LeftSidebar.NavItems.Folder'),
+    route_name: Routes.folder,
+    params: { path: "$home" },
+    icon: FolderSvg,
+  };
 
-const playlists = {
-  name: "playlists",
-  route_name: Routes.playlists,
-  icon: PlaylistSvg,
-};
+  const favorites = {
+    name: t('LeftSidebar.NavItems.Favorites'),
+    route_name: Routes.favorites,
+    icon: HeartSvg,
+  };
 
-const home = {
-  name: "home",
-  route_name: Routes.Home,
-  icon: HomeSvg,
-};
+  const playlists = {
+    name: t('LeftSidebar.NavItems.Playlists'),
+    route_name: Routes.playlists,
+    icon: PlaylistSvg,
+  };
 
-export const menus = [
-  home,
-  folder,
-  {
-    name: "search",
-    route_name: Routes.search,
-    params: { page: "top" },
-    query: () => ({ q: useSearch().query }),
-    icon: SearchSvg,
-  },
-  {
-    separator: true,
-  },
-  favorites,
-  playlists,
-  {
-    separator: true,
-  },
-  {
-    name: "settings",
-    route_name: null,
-    icon: SettingsSvg,
-    action: () => {
-      useDialog().showSettingsModal()
-    }
-  },
-];
+  const home = {
+    name: t('LeftSidebar.NavItems.Home'),
+    route_name: Routes.Home,
+    icon: HomeSvg,
+  };
 
-export const topnavitems = [home, folder, favorites, playlists];
+  const menus = [
+    home,
+    folder,
+    {
+      name: t('LeftSidebar.NavItems.Search'),
+      route_name: Routes.search,
+      params: { page: "top" },
+      query: () => ({ q: useSearch().query }),
+      icon: SearchSvg,
+    },
+    {
+      separator: true,
+    },
+    favorites,
+    playlists,
+    {
+      separator: true,
+    },
+    {
+      name: t('LeftSidebar.NavItems.Settings'),
+      route_name: null,
+      icon: SettingsSvg,
+      action: () => {
+        useDialog().showSettingsModal()
+      }
+    },
+  ];
+
+  const topnavitems = [home, folder, favorites, playlists];
+  
+  return { menus, topnavitems };
+};
\ No newline at end of file
diff --git a/src/components/NowPlaying/Header.vue b/src/components/NowPlaying/Header.vue
index cf6f66b8..fb54a66c 100644
--- a/src/components/NowPlaying/Header.vue
+++ b/src/components/NowPlaying/Header.vue
@@ -13,7 +13,7 @@
                         albumhash: queue.currenttrack?.albumhash || ' ',
                     },
                 }"
-                title="Go to Album"
+                :title="t('NowPlaying.GoToAlbum')"
                 class="np-image"
             >
                 <ImageLoader
@@ -37,7 +37,7 @@
             </div>
         </div>
         <!-- <TrackContext /> -->
-        <!-- <h3 v-if="queue.next" class="nowplaying_title">Up Next</h3>
+        <!-- <h3 v-if="queue.next" class="nowplaying_title">{{ t('NowPlaying.UpNext') }}<</h3>
         <SongItem
             v-if="queue.next"
             :track="queue.next"
@@ -45,7 +45,7 @@
             :source="dropSources.folder"
             @play-this="queue.playNext"
         />
-        <h3 class="nowplaying_title">Queue</h3> -->
+        <h3 class="nowplaying_title">{{ t('NowPlaying.Queue') }}<</h3> -->
     </div>
 </template>
 
@@ -57,6 +57,9 @@ import { Routes } from '@/router'
 import { isMobile, isSmallPhone } from '@/stores/content-width'
 import useQueueStore from '@/stores/queue'
 import { formatSeconds } from '@/utils'
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 import Progress from '@/components/LeftSidebar/NP/Progress.vue'
 import Buttons from '../BottomBar/Right.vue'
diff --git a/src/components/NowPlaying/PlayingFrom.vue b/src/components/NowPlaying/PlayingFrom.vue
index 1b4c5f4b..31e90183 100644
--- a/src/components/NowPlaying/PlayingFrom.vue
+++ b/src/components/NowPlaying/PlayingFrom.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="now-playing-top">
-        <router-link class="now-playling-from-link" :to="(data.location as RouteLocationRaw)" title="Go to Play Source">
+        <router-link class="now-playling-from-link" :to="(data.location as RouteLocationRaw)" :title="t('NowPlaying.GoToPlaySource')">
             <div class="from">
                 <img
                     v-if="
@@ -29,6 +29,7 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import { RouteLocationRaw } from 'vue-router'
+import { useI18n } from "vue-i18n";
 
 import useTracklist from '@/stores/queue/tracklist'
 
@@ -38,6 +39,8 @@ import playingFrom from '@/utils/playingFrom'
 import MoreSvg from '@/assets/icons/more.svg'
 import { showQueueContextMenu } from '@/helpers/contextMenuHandler'
 
+const { t } = useI18n();
+
 const tracklist = useTracklist()
 const context_showing = ref(false)
 
diff --git a/src/components/PlaylistView/AfterHeader.vue b/src/components/PlaylistView/AfterHeader.vue
index 64df2178..aa0bd04f 100644
--- a/src/components/PlaylistView/AfterHeader.vue
+++ b/src/components/PlaylistView/AfterHeader.vue
@@ -1,9 +1,13 @@
 <template>
     <div class="p-after-header">
-        <div>All Tracks</div>
+        <div>{{ t('PlaylistView.AllTracks') }}</div>
     </div>
 </template>
+<script setup lang="ts">
+import { useI18n } from "vue-i18n";
 
+const { t } = useI18n();
+</script>
 <style lang="scss">
 .isSmall .p-after-header {
     padding-left: 0.5rem;
diff --git a/src/components/PlaylistView/Header/Info.vue b/src/components/PlaylistView/Header/Info.vue
index 92cd03a8..c785d2cc 100644
--- a/src/components/PlaylistView/Header/Info.vue
+++ b/src/components/PlaylistView/Header/Info.vue
@@ -9,7 +9,7 @@
       <PlayBtnRect :source="playSources.playlist" :bg_color="btn_color" />
     </div>
     <div class="duration">
-      {{ playlist.info.count.toLocaleString() + ` ${playlist.info.count == 1 ? "Track" : "Tracks"}` }}
+      {{ playlist.info.count.toLocaleString() + ` ${playlist.info.count == 1 ? t('PlaylistView.TrackCount') : t('PlaylistView.TrackCountPlural')}` }}
       •
       {{ formatSeconds(playlist.info.duration, true) }}
     </div>
@@ -31,6 +31,9 @@ import PlayBtnRect from "@/components/shared/PlayBtnRect.vue";
 import usePStore from "@/stores/pages/playlist";
 import { balanceText } from "@/utils/balanceText";
 import { Ref, ref } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const playlist = usePStore();
 
diff --git a/src/components/PlaylistView/Header/LastUpdated.vue b/src/components/PlaylistView/Header/LastUpdated.vue
index c0240bf7..3f2578a5 100644
--- a/src/components/PlaylistView/Header/LastUpdated.vue
+++ b/src/components/PlaylistView/Header/LastUpdated.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="last-updated">
-        <span v-if="!isHeaderSmall" class="status">Last updated {{ playlist.info._last_updated }}</span>
+        <span v-if="!isHeaderSmall" class="status">{{ t('PlaylistView.LastUpdated', { date: playlist.info._last_updated }) }}</span>
         <div v-if="Number.isInteger(playlist.info.id)" class="edit">
-            &#160;&#160;|&#160;&#160; <span @click="editPlaylist">Edit</span>&#160;&#160;
+            &#160;&#160;|&#160;&#160; <span @click="editPlaylist">{{ t('PlaylistView.Edit') }}</span>&#160;&#160;
             {{ Number.isInteger(playlist.info.id) ? ' | ' : '' }}
             <DeleteSvg class="edit" @click="deletePlaylist" />
         </div>
@@ -15,6 +15,9 @@ import { isHeaderSmall } from '@/stores/content-width'
 
 import useModalStore from '@/stores/modal'
 import usePStore from '@/stores/pages/playlist'
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const playlist = usePStore()
 const modal = useModalStore()
diff --git a/src/components/PlaylistsList/PlaylistCard.vue b/src/components/PlaylistsList/PlaylistCard.vue
index 39365190..b68e57eb 100644
--- a/src/components/PlaylistsList/PlaylistCard.vue
+++ b/src/components/PlaylistsList/PlaylistCard.vue
@@ -15,7 +15,7 @@
       </div>
       <div class="p-name ellip">{{ playlist.name }}</div>
       <div class="p-count">
-        <b>{{ playlist.count.toLocaleString() + ` Track${playlist.count === 1 ? "" : "s"}` }}</b>
+        <b>{{ playlist.count.toLocaleString() + ` ${playlist.count === 1 ? t('PlaylistsList.TrackCount') : t('PlaylistsList.TrackCountPlural')}` }}</b>
       </div>
     </div>
   </router-link>
@@ -26,6 +26,9 @@ import { paths } from "../../config";
 import { Playlist } from "../../interfaces";
 import { playSources } from '@/enums'
 import PlayBtn from '../shared/PlayBtn.vue'
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const imguri = paths.images.playlist;
 defineProps<{
diff --git a/src/components/RightSideBar/Home/Recommendation.vue b/src/components/RightSideBar/Home/Recommendation.vue
index c2fe2905..215551b3 100644
--- a/src/components/RightSideBar/Home/Recommendation.vue
+++ b/src/components/RightSideBar/Home/Recommendation.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="r-tracks rounded bg-primary">
-    <div class="heading">Similar tracks</div>
+    <div class="heading">{{ t('RightSidebar.SimilarTracks') }}</div>
     <div class="tracks">
       <div v-for="song in songs" :key="song.artist" class="song-item">
         <img src="" class="rounded" loading="lazy"/>
@@ -14,6 +14,10 @@
 </template>
 
 <script setup lang="ts">
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
 const songs = [
   {
     title: "Imagine",
diff --git a/src/components/RightSideBar/Queue.vue b/src/components/RightSideBar/Queue.vue
index 621d5b3f..e512326f 100644
--- a/src/components/RightSideBar/Queue.vue
+++ b/src/components/RightSideBar/Queue.vue
@@ -4,8 +4,8 @@
     <div class="queue-virtual-scroller" @mouseover="mouseover = true" @mouseout="mouseover = false">
         <NoItems
             :flag="!store.tracklist.length"
-            :title="'No songs in queue'"
-            :description="'When you start playing songs, they will appear here.'"
+            :title="t('RightSidebar.NoQueueTitle')"
+            :description="t('RightSidebar.NoQueueDescription')"
             :icon="QueueSvg"
         />
         <RecycleScroller
@@ -31,6 +31,7 @@
 
 <script setup lang="ts">
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
+import { useI18n } from "vue-i18n";
 
 import useQStore from '@/stores/queue'
 import useInterface from '@/stores/interface'
@@ -42,6 +43,8 @@ import TrackItem from '@/components/shared/TrackItem.vue'
 import QueueSvg from '@/assets/icons/queue.svg'
 import PlayingFrom from '../NowPlaying/PlayingFrom.vue'
 
+const { t } = useI18n();
+
 const itemHeight = 64
 const paddingTop = 16
 
diff --git a/src/components/RightSideBar/Queue/QueueActions.vue b/src/components/RightSideBar/Queue/QueueActions.vue
index 7981e122..21b3017b 100644
--- a/src/components/RightSideBar/Queue/QueueActions.vue
+++ b/src/components/RightSideBar/Queue/QueueActions.vue
@@ -3,9 +3,9 @@
     <!-- <div class="left"> -->
       <!-- <button v-if="!onNowPlaying" v-wave class="shuffle-queue action" @click="queue.shuffleQueue">
         <ShuffleSvg />
-        <span>Shuffle</span>
+      <span>{{ t('RightSidebar.Shuffle') }}<</span>
       </button>
-      <h2 v-else style="margin: 0">Now Playing</h2> -->
+      <h2 v-else style="margin: 0">{{ t('RightSidebar.NowPlaying') }}</h2> -->
       <PlayingFrom />
     <!-- </div>
     <div class="right">
@@ -20,6 +20,7 @@
 import useQueue from "@/stores/queue";
 import useTracklist from "@/stores/queue/tracklist";
 import { ref } from "vue";
+import { useI18n } from "vue-i18n";
 
 import { showQueueContextMenu } from "@/helpers/contextMenuHandler";
 
@@ -27,6 +28,8 @@ import OptionsSvg from "@/assets/icons/more.svg";
 import ShuffleSvg from "@/assets/icons/shuffle.svg";
 import PlayingFrom from "@/components/NowPlaying/PlayingFrom.vue";
 
+const { t } = useI18n();
+
 const queue = useQueue();
 const { tracklist } = useTracklist();
 
diff --git a/src/components/RightSideBar/Search/TopResults.vue b/src/components/RightSideBar/Search/TopResults.vue
index 7aca50d6..6ee9eb60 100644
--- a/src/components/RightSideBar/Search/TopResults.vue
+++ b/src/components/RightSideBar/Search/TopResults.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="right-top-results">
     <NoItems
-      :title="'No results'"
-      :description="'We can\'t find any results for your search.'"
+      :title="t('Search.NoResultsTitle')"
+      :description="t('Search.NoResultsDescription')"
       :icon="SearchSvg"
       :flag="
         !search.top_results.top_result || !search.top_results.top_result.type
@@ -11,19 +11,19 @@
     <div
       v-if="search.top_results.top_result && search.top_results.top_result.type"
     >
-      <h3 class="h3">Top Result</h3>
+      <h3 class="h3">{{ t('Search.TopResult') }}</h3>
       <TopItem />
     </div>
     <div v-if="search.top_results.tracks.length">
-      <h3 class="h3">Tracks</h3>
+      <h3 class="h3">{{ t('Search.Tracks') }}</h3>
       <TopTracks />
     </div>
     <div v-if="search.top_results.artists.length">
-      <h3 class="h3">Artists</h3>
+      <h3 class="h3">{{ t('Search.Artists') }}</h3>
       <TopArtists />
     </div>
     <div v-if="search.top_results.albums.length">
-      <h3 class="h3">Albums</h3>
+      <h3 class="h3">{{ t('Search.Albums') }}</h3>
       <TopAlbums />
     </div>
   </div>
@@ -39,6 +39,10 @@ import TopArtists from "./Top/TopArtists.vue";
 import NoItems from "@/components/shared/NoItems.vue";
 import SearchSvg from "@/assets/icons/search.svg";
 
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
 const search = useSearchStore();
 </script>
 
diff --git a/src/components/RightSideBar/Search/TracksGrid.vue b/src/components/RightSideBar/Search/TracksGrid.vue
index 15aef413..867892b4 100644
--- a/src/components/RightSideBar/Search/TracksGrid.vue
+++ b/src/components/RightSideBar/Search/TracksGrid.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="tracks-results">
     <div v-if="!search.tracks.value.length" class="t-center">
-      <h5>No tracks</h5>
+      <h5>{{ t('Search.NoTracksTitle') }}</h5>
     </div>
 
     <RecycleScroller
@@ -30,6 +30,9 @@ import useTracklist from "@/stores/queue/tracklist";
 
 import TrackItem from "@/components/shared/TrackItem.vue";
 import AlbumsFetcher from "@/components/ArtistView/AlbumsFetcher.vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const queue = useQueue();
 const search = useSearch();
diff --git a/src/components/RightSideBar/SearchInput.vue b/src/components/RightSideBar/SearchInput.vue
index 996b7f1b..79393bdd 100644
--- a/src/components/RightSideBar/SearchInput.vue
+++ b/src/components/RightSideBar/SearchInput.vue
@@ -14,7 +14,7 @@
         <div id="ginner" ref="inputRef" tabindex="0">
             <button
                 v-auto-animate
-                :title="tabs.current === tabs.tabs.search ? 'back to queue' : 'go to search'"
+                :title="tabs.current === tabs.tabs.search ? t('RightSidebar.BackToQueue') : t('RightSidebar.GoToSearch')"
                 :class="{ no_bg: on_nav }"
                 @click.prevent="handleButton"
             >
@@ -24,7 +24,7 @@
             <input
                 id="globalsearch"
                 v-model.trim="search.query"
-                placeholder="Start typing to search"
+                :placeholder="t('Search.SearchPlaceholder')"
                 type="search"
                 autocomplete="off"
                 spellcheck="false"
@@ -52,6 +52,9 @@ import CancelSvg from '@/assets/icons/a.svg'
 import BackSvg from '@/assets/icons/arrow.svg'
 import SearchSvg from '@/assets/icons/search.svg'
 import { Routes } from '@/router'
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const props = defineProps<{
     on_nav?: boolean
diff --git a/src/components/SettingsView/About.vue b/src/components/SettingsView/About.vue
index 05b82012..b4866c7d 100644
--- a/src/components/SettingsView/About.vue
+++ b/src/components/SettingsView/About.vue
@@ -1,53 +1,45 @@
 <template>
     <div class="aboutswingmusic">
         <div class="version">Swing Music v{{ settings.version }}</div>
-        Swing Music is a labor of love developed by
-        <a
-            href="https://github.com/cwilvx"
-            target="_blank"
-            >@<u>cwilvx</u></a
-        >
-        on GitHub. If you like this software, a star on GitHub would be nice.
-        Hope you enjoy using it as much as I enjoy building it. 😁🤗
+        <span v-html="t('Settings.About.Developer', { link: '<a href=&quot;https://github.com/cwilvx&quot; target=&quot;_blank&quot;>@<u>cwilvx</u></a>' })"></span>
         <br /><br />
         <div class="links">
-            <h2>Links</h2>
+            <h2>{{ t('Settings.About.LinksTitle') }}</h2>
             <div class="flex">
                 <a
                     href="https://swingmusic.vercel.app/guide/introduction.html"
                     target="_blank"
-                    ><button>Docs</button></a
+                    ><button>{{ t('Settings.About.LinksDocs') }}</button></a
                 >
                 <a
                     href="https://github.com/cwilvx/swingmusic"
                     target="_blank"
-                    ><button>Star on Github</button></a
+                    ><button>{{ t('Settings.About.LinksGitHub') }}</button></a
                 >
                 <a
                     href="https://github.com/cwilvx/swingmusic/issues/new/choose"
                     target="_blank"
                 >
-                    <button>Report issue</button>
+                    <button>{{ t('Settings.About.LinksIssue') }}</button>
                 </a>
                 <a
                     href="https://github.com/cwilvx/swingmusic/blob/master/.github/contributing.md"
                     target="_blank"
-                    ><button>Contribute</button></a
+                    ><button>{{ t('Settings.About.LinksContribute') }}</button></a
                 >
             </div>
         </div>
         <br />
         <div class="contact">
-            <h2>Get in touch</h2>
-            If you like my work, and would like to say hi, I'd like to hear from
-            you.
+            <h2>{{ t('Settings.About.GetInTouchTitle') }}</h2>
+            {{ t('Settings.About.GetInTouchDescription') }}
             <br /><br />
             <div class="flex">
                 <a
                     href="mailto:geoffreymungai45@gmail.com?subject=Hiii 👋😁&body=Hi Mungai,
         "
                     target="_blank"
-                    ><button>Send email</button></a
+                    ><button>{{ t('Settings.About.SendEmail') }}</button></a
                 >
             </div>
         </div>
@@ -56,6 +48,9 @@
 
 <script setup lang="ts">
 import useSettings from '@/stores/settings'
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const settings = useSettings()
 </script>
diff --git a/src/components/SettingsView/Components/BackupRestore.vue b/src/components/SettingsView/Components/BackupRestore.vue
index 25b860ad..60def8a7 100644
--- a/src/components/SettingsView/Components/BackupRestore.vue
+++ b/src/components/SettingsView/Components/BackupRestore.vue
@@ -1,10 +1,10 @@
 <template>
     <div class="backup-restore">
-        <button class="backupnow" @click="doBackup">Backup</button>
+        <button class="backupnow" @click="doBackup">{{ t('Settings.Backup.Title') }}</button>
         <div class="separator"></div>
-        <h4>Restore backup</h4>
+        <h4>{{ t('Settings.Backup.RestoreBackup') }}</h4>
         <div class="helptext">
-            You have {{ backups.length }} backup{{ backups.length !== 1 ? 's' : '' }} in your backup directory.
+            {{ t('Settings.Backup.BackupCount', { count: backups.length }) }}
         </div>
         <div></div>
         <br />
@@ -22,21 +22,25 @@
                 </div>
                 <div class="buttons">
                     <DeleteSvg @click="() => deleteBackup(backup.name)" />
-                    <button class="restore" @click="() => restore(backup.name)">Restore</button>
+                    <button class="restore" @click="() => restore(backup.name)">{{ t('Settings.Backup.RestoreButton') }}<</button>
                 </div>
             </div>
         </div>
-        <button class="restore-all" @click="() => restore()">Restore All</button>
+        <button class="restore-all" @click="() => restore()">{{ t('Settings.Backup.RestoreAllButton') }}<</button>
     </div>
 </template>
 
 <script setup lang="ts">
+import { useI18n } from "vue-i18n";
+
 import { backupNow, getBackups, restoreBackup, deleteBackup as deleteBackupReq } from '@/requests/settings'
 import { onMounted, ref } from 'vue'
 import { useToast } from '@/stores/notification'
 import DeleteSvg from '@/assets/icons/delete.svg'
 import { pruralize } from '@/utils'
 
+const { t } = useI18n();
+
 const toast = useToast()
 
 interface Backup {
@@ -90,21 +94,21 @@ function getBackupStatsString(backup: Backup): string {
     const separator = '\u00A0•\u00A0'
 
     if (backup.playlists > 0) {
-        parts.push(`${backup.playlists} ${pruralize('playlist', backup.playlists)}`)
+        parts.push((backup.playlists !== 1 ? t('Settings.Backup.PlaylistCountPlural', { count: backup.playlists }) : t('Settings.Backup.PlaylistCount', { count: backup.playlists })))
     }
 
     if (backup.playlists > 0 && backup.scrobbles > 0) {
         parts.push(separator)
     }
 
-    parts.push(`${backup.scrobbles} ${pruralize('scrobble', backup.scrobbles)}`)
+    parts.push(backup.scrobbles !== 1 ? t('Settings.Backup.ScrobbleCountPlural', { count: backup.scrobbles }) : t('Settings.Backup.ScrobbleCount', { count: backup.scrobbles }))
 
     if (backup.scrobbles + backup.playlists > 0 && backup.favorites > 0) {
         parts.push(separator)
     }
 
     if (backup.favorites > 0) {
-        parts.push(`${backup.favorites} ${pruralize('favorite', backup.favorites)}`)
+        parts.push(backup.favorites !== 1 ? t('Settings.Backup.FavoriteCountPlural', { count: backup.favorites }) : t('Settings.Backup.FavoriteCount', { count: backup.favorites }))
     }
 
     if (backup.scrobbles + backup.playlists + backup.favorites > 0 && backup.collections > 0) {
@@ -112,7 +116,7 @@ function getBackupStatsString(backup: Backup): string {
     }
 
     if (backup.collections > 0) {
-        parts.push(`${backup.collections} ${pruralize('collection', backup.collections)}`)
+        parts.push((backup.collections !== 1 ? t('Settings.Backup.CollectionCountPlural', { count: backup.collections }) : t('Settings.Backup.CollectionCount', { count: backup.collections })))
     }
 
     return parts.join(' ')
diff --git a/src/components/SettingsView/Components/List.vue b/src/components/SettingsView/Components/List.vue
index bcdfff07..afaf805a 100644
--- a/src/components/SettingsView/Components/List.vue
+++ b/src/components/SettingsView/Components/List.vue
@@ -12,7 +12,7 @@
             </div>
         </div>
         <div v-if="!items.length" class="option-list-item" style="opacity: 0.5">
-            Root directories not configured. Use the "Configure" button above to configure
+            {{ t('Settings.List.RootNotConfigured') }}
         </div>
     </div>
 </template>
@@ -20,6 +20,9 @@
 <script setup lang="ts">
 import DeleteSvg from '@/assets/icons/delete.svg'
 import FolderSvg from '@/assets/icons/folder.svg'
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const props = defineProps<{
     items: {
diff --git a/src/components/SettingsView/Components/NumberInput.vue b/src/components/SettingsView/Components/NumberInput.vue
index eef12721..a7ad0065 100644
--- a/src/components/SettingsView/Components/NumberInput.vue
+++ b/src/components/SettingsView/Components/NumberInput.vue
@@ -8,6 +8,9 @@
 <script setup lang="ts">
 import { useToast } from '@/stores/notification'
 import { ref } from 'vue'
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const toast = useToast()
 
@@ -22,7 +25,7 @@ function handleInput(e: Event) {
     const newValue = (e.target as HTMLInputElement).valueAsNumber
 
     if (Number.isNaN(newValue)) {
-        return toast.showError('Invalid number')
+        return toast.showError(t('Settings.NumberInput.InvalidNumber'))
     }
 
     if (newValue) {
@@ -34,9 +37,9 @@ async function submit(newValue: number) {
     const success = await props.callback(newValue)
 
     if (success) {
-        toast.showSuccess('Updated!')
+        toast.showSuccess(t('Settings.NumberInput.Updated'))
     } else {
-        toast.showError('Failed to update')
+        toast.showError(t('Settings.NumberInput.UpdateFailed'))
     }
 }
 </script>
diff --git a/src/components/SettingsView/Components/SecretInput.vue b/src/components/SettingsView/Components/SecretInput.vue
index b8f661da..27227f99 100644
--- a/src/components/SettingsView/Components/SecretInput.vue
+++ b/src/components/SettingsView/Components/SecretInput.vue
@@ -8,17 +8,20 @@
             </button>
         </div>
         <div class="right">
-            <button>{{ buttonText ?? 'Save' }}</button>
+            <button>{{ buttonText ?? t('Settings.Save')  }}</button>
         </div>
     </form>
 </template>
 
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue'
+import { useI18n } from "vue-i18n";
 
 import EyeSvg from '@/assets/icons/eye.svg'
 import EyeSlashSvg from '@/assets/icons/eye.slash.svg'
 
+const { t } = useI18n();
+
 const props = defineProps<{
     text?: string
     placeholder?: string
diff --git a/src/components/SettingsView/Components/SeparatorsInput.vue b/src/components/SettingsView/Components/SeparatorsInput.vue
index 70f673a9..cee270f2 100644
--- a/src/components/SettingsView/Components/SeparatorsInput.vue
+++ b/src/components/SettingsView/Components/SeparatorsInput.vue
@@ -9,13 +9,16 @@
           </b></span
         >
       </div>
-      <button>Save</button>
+      <button>{{ t('Settings.Save') }}</button>
     </form>
   </div>
 </template>
 
 <script setup lang="ts">
 import { Ref, computed, onMounted, ref } from "vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const separatorinput: Ref<HTMLInputElement | null> = ref(null);
 const input = ref("");
diff --git a/src/components/bubbles/DropArea.vue b/src/components/bubbles/DropArea.vue
index fed2cc0f..90344e7c 100644
--- a/src/components/bubbles/DropArea.vue
+++ b/src/components/bubbles/DropArea.vue
@@ -1,11 +1,15 @@
 <template>
   <div class="bin-drop-area t-center rounded-sm">
     <div class="bin-count circular">10</div>
-    DROP TRACKS HERE
+    {{ t('Bubbles.DropHere') }}
     <br />
   </div>
 </template>
+<script setup lang="ts">
+import { useI18n } from "vue-i18n";
 
+const { t } = useI18n();
+</script>
 <style lang="scss">
 .bin-drop-area {
   // background-color: $gray;
diff --git a/src/components/nav/NavLinks.vue b/src/components/nav/NavLinks.vue
index 09f0ea6b..789fe2da 100644
--- a/src/components/nav/NavLinks.vue
+++ b/src/components/nav/NavLinks.vue
@@ -18,7 +18,8 @@
 </template>
 
 <script setup lang="ts">
-import { topnavitems } from "../LeftSidebar/navitems";
+  import { useNavItems } from "../LeftSidebar/navitems";
+  const { topnavitems } = useNavItems();
 </script>
 
 <style lang="scss">
diff --git a/src/components/nav/NavSidenav.vue b/src/components/nav/NavSidenav.vue
index 9f3e9f09..a951ac63 100644
--- a/src/components/nav/NavSidenav.vue
+++ b/src/components/nav/NavSidenav.vue
@@ -26,7 +26,8 @@
 
 <script setup lang="ts">
 import LogoSvg from '@/assets/icons/logos/logo-fill.light.svg'
-import { topnavitems } from '../LeftSidebar/navitems'
+import { useNavItems } from "../LeftSidebar/navitems";
+const { topnavitems } = useNavItems();
 
 const emit = defineEmits(['close'])
 
diff --git a/src/locales/en.json b/src/locales/en.json
new file mode 100644
index 00000000..dc2abec9
--- /dev/null
+++ b/src/locales/en.json
@@ -0,0 +1,162 @@
+{
+    "Common": {
+    },
+    "AlbumView": {
+        "AlbumBy": "Album by ",
+        "TrackCount": "Track",
+        "TrackCountPlural": "Tracks",
+        "GenreBanner": {
+            "GenreExists": "Genres",
+            "GenreDoesNotExist": "No Genres"
+        }
+    },
+    "ArtistView": {
+        "Title": "Artist",
+        "TrackCount": "Track",
+        "TrackCountPlural": "Tracks",
+        "AlbumCount": "Album",
+        "AlbumCountPlural": "Albums",
+        "NoTracks": "No tracks",
+        "RepeatOptions": {
+            "All": "Repeat all",
+            "One": "Repeat one",
+            "None": "No repeat"
+        }
+    },
+    "BottomBar": {
+        "GoToNowPlaying": "Go to Now Playing",
+        "PlaceholderTitle": "Hello there",
+        "PlaceholderArtist": "Welcome to Swing Music"
+    },
+    "Bubbles": {
+        "DropHere": "DROP TRACKS HERE"
+    },
+    "CardList": {
+        "SortBy": "Sort by",
+        "SortByOptions": {
+            "TrackCount": "No. of tracks",
+            "Duration": "Duration",
+            "CreatedDate": "Date added",
+            "LastPlayed": "Last played",
+            "PlayCount": "Plays",
+            "PlayDuration": "Play duration",
+            "Title": "Title",
+            "AlbumArtists": "Artist",
+            "Date": "Year Released",
+            "Name": "Name",
+            "NoOfAlbums": "No. of albums"
+        }
+    },
+    "FolderView": {
+        "FileCount": "File",
+        "FileCountPlural": "Files"
+    },
+    "HomeView": {
+        "Title": "Home",
+        "Greetings": {
+            "midnight": "Hey there night owl",
+            "dawn": "Hey there early bird",
+            "morning": "Good morning {name}",
+            "afternoon": "Good afternoon {name}",
+            "evening": "Good evening {name}"
+        },
+        "Browse": {
+            "Title": "Browse Library",
+            "BrowseList": {
+                "Folders": "Folders",
+                "Albums": "Albums",
+                "Artists": "Artists",
+                "Playlists": "Playlists",
+                "Favorites": "Favorites",
+                "FavTracks": "Fav. tracks",
+                "FavArtists": "Fav. artists",
+                "FavAlbums": "Fav. albums",
+                "Stats": "Stats"
+            }
+        }
+    },
+    "LeftSidebar": {
+        "NavItems": {
+            "Folder": "Folders",
+            "Favorites": "Favorites",
+            "Playlists": "Playlists",
+            "Home": "Home",
+            "Search": "Search",
+            "Settings": "Settings"
+        }
+    },
+    "NowPlaying": {
+        "GoToAlbum": "Go to album",
+        "UpNext": "Up Next",
+        "Queue": "Queue",
+        "GoToPlaySource": "Go to play source"
+    },
+    "PlaylistsList": {
+        "TrackCount": "Track",
+        "TrackCountPlural": "Tracks"
+    },
+    "PlaylistView": {
+        "TrackCount": "Track",
+        "TrackCountPlural": "Tracks",
+        "LastUpdated": "Last Updated {date}",
+        "Edit": "Edit",
+        "AllTracks": "All Tracks"
+    },
+    "RightSidebar": {
+        "SimilarTracks": "Similar Tracks",
+        "Shuffle": "Shuffle",
+        "NowPlaying": "Now Playing",
+        "NoQueueTitle": "No songs in queue",
+        "NoQueueDescription": "When you start playing songs, they will appear here."
+    },
+    "Search": {
+        "NoResultsTitle": "No results",
+        "NoTracksTitle": "No tracks",
+        "NoResultsDescription": "We can't find any results for your search.",
+        "TopResult": "Top Result",
+        "Tracks": "Tracks",
+        "Artists": "Artists",
+        "Albums": "Albums",
+        "BackToQueue": "Back to Queue",
+        "GoToSearch": "Go to Search",
+        "SearchPlaceholder": "Start typing to search"
+    },
+    "Settings": {
+        "Save": "Save",
+        "Cancel": "Cancel",
+        "Backup": {
+            "Title": "Backup",
+            "RestoreBackup": "Restore Backup",
+            "BackupCount": "You have {count} backup(s) in your backup directory.",
+            "PlaylistCount": "{count} playlist",
+            "PlaylistCountPlural": "{count} playlists",
+            "ScrobbleCount": "{count} scrobble",
+            "ScrobbleCountPlural": "{count} scrobbles",
+            "FavoriteCount": "{count} favorite",
+            "FavoriteCountPlural": "{count} favorites",
+            "CollectionCount": "{count} collection",
+            "CollectionCountPlural": "{count} collections",
+            "RestoreButton": "Restore",
+            "RestoreAllButton": "Restore All"
+        },
+        "List": {
+            "RootNotConfigured": "Root directories not configured. Use the \"Configure\" button above to configure"
+        },
+        "NumberInput": {
+            "InvalidNumber": "Invalid number",
+            "Updated": "Updated",
+            "UpdateFailed": "Failed to update"
+        },
+        "About": {
+            "Developer": "Swing Music is a labor of love developed by {link} on GitHub. If you like this software, a star on GitHub would be nice. Hope you enjoy using it as much as I enjoy building it. 😁🤗",
+            "LinksTitle": "Links",
+            "LinksDocs": "Docs",
+            "LinksGitHub": "Star on GitHub",
+            "LinksIssue": "Report an issue",
+            "LinksContribute": "Contribute",
+            "GetInTouchTitle": "Get in touch",
+            "GetInTouchDescription": "If you like my work, and would like to say hi, I'd like to hear from you.",
+            "SendEmail": "Send Email"
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/locales/ko.json b/src/locales/ko.json
new file mode 100644
index 00000000..ee14c16e
--- /dev/null
+++ b/src/locales/ko.json
@@ -0,0 +1,162 @@
+{
+    "Common": {
+    },
+    "AlbumView": {
+        "AlbumBy": "",
+        "TrackCount": "트랙",
+        "TrackCountPlural": "트랙",
+        "GenreBanner": {
+            "GenreExists": "장르",
+            "GenreDoesNotExist": "장르 없음"
+        }
+    },
+    "ArtistView": {
+        "Title": "아티스트",
+        "TrackCount": "트랙",
+        "TrackCountPlural": "트랙",
+        "AlbumCount": "앨범",
+        "AlbumCountPlural": "앨범",
+        "NoTracks": "트랙 없음",
+        "RepeatOptions": {
+            "All": "전체 반복",
+            "One": "한 곡 반복",
+            "None": "반복 안 함"
+        }
+    },
+    "BottomBar": {
+        "GoToNowPlaying": "현재 재생으로 이동",
+        "PlaceholderTitle": "반가워요",
+        "PlaceholderArtist": "Swing Music에 오신 것을 환영합니다"
+    },
+    "Bubbles": {
+        "DropHere": "여기에 트랙을 내려놓으세요"
+    },
+    "CardList": {
+        "SortBy": "정렬 기준",
+        "SortByOptions": {
+            "TrackCount": "트랙 수",
+            "Duration": "재생 시간",
+            "CreatedDate": "추가된 날짜",
+            "LastPlayed": "마지막 재생",
+            "PlayCount": "재생 수",
+            "PlayDuration": "재생 시간",
+            "Title": "제목",
+            "AlbumArtists": "아티스트",
+            "Date": "발매 연도",
+            "Name": "이름",
+            "NoOfAlbums": "앨범 수"
+        }
+    },
+    "FolderView": {
+        "FileCount": "파일",
+        "FileCountPlural": "파일"
+    },
+    "HomeView": {
+        "Title": "홈",
+        "Greetings": {
+            "midnight": "저녁형 인간이시군요",
+            "dawn": "아침형 인간이시군요",
+            "morning": "{name}님, 좋은 아침이에요",
+            "afternoon": "{name}님, 좋은 오후에요",
+            "evening": "{name}님, 좋은 저녁이에요"
+        },
+        "Browse": {
+            "Title": "라이브러리 탐색",
+            "BrowseList": {
+                "Folders": "폴더",
+                "Albums": "앨범",
+                "Artists": "아티스트",
+                "Playlists": "재생 목록",
+                "Favorites": "즐겨찾기",
+                "FavTracks": "즐겨찾는 트랙",
+                "FavArtists": "즐겨찾는 아티스트",
+                "FavAlbums": "즐겨찾는 앨범",
+                "Stats": "통계"
+            }
+        }
+    },
+    "LeftSidebar": {
+        "NavItems": {
+            "Folder": "폴더",
+            "Favorites": "즐겨찾기",
+            "Playlists": "재생 목록",
+            "Home": "홈",
+            "Search": "검색",
+            "Settings": "설정"
+        }
+    },
+    "NowPlaying": {
+        "GoToAlbum": "앨범으로 이동",
+        "UpNext": "다음 곡",
+        "Queue": "대기열",
+        "GoToPlaySource": "재생 소스로 이동"
+    },
+    "PlaylistsList": {
+        "TrackCount": "트랙",
+        "TrackCountPlural": "트랙"
+    },
+    "PlaylistView": {
+        "TrackCount": "트랙",
+        "TrackCountPlural": "트랙",
+        "LastUpdated": "{date}에 마지막으로 업데이트됨",
+        "Edit": "편집",
+        "AllTracks": "모든 트랙"
+    },
+    "RightSidebar": {
+        "SimilarTracks": "유사한 트랙",
+        "Shuffle": "셔플",
+        "NowPlaying": "현재 재생",
+        "NoQueueTitle": "대기열에 곡이 없습니다",
+        "NoQueueDescription": "곡 재생을 시작하면 여기에 나타납니다."
+    },
+    "Search": {
+        "NoResultsTitle": "결과 없음",
+        "NoTracksTitle": "트랙 없음",
+        "NoResultsDescription": "검색 결과를 찾을 수 없습니다.",
+        "TopResult": "최고 결과",
+        "Tracks": "트랙",
+        "Artists": "아티스트",
+        "Albums": "앨범",
+        "BackToQueue": "대기열로 돌아가기",
+        "GoToSearch": "검색으로 이동",
+        "SearchPlaceholder": "검색어를 입력하세요"
+    },
+    "Settings": {
+        "Save": "저장",
+        "Cancel": "취소",
+        "Backup": {
+            "Title": "백업",
+            "RestoreBackup": "백업 복원",
+            "BackupCount": "백업 디렉토리에 {count} 개의 백업이 있습니다.",
+            "PlaylistCount": "{count} 개의 재생 목록",
+            "PlaylistCountPlural": "{count} 개의 재생 목록",
+            "ScrobbleCount": "{count} 개의 스크로블",
+            "ScrobbleCountPlural": "{count} 개의 스크로블",
+            "FavoriteCount": "{count} 개의 즐겨찾기",
+            "FavoriteCountPlural": "{count} 개의 즐겨찾기",
+            "CollectionCount": "{count} 개의 컬렉션",
+            "CollectionCountPlural": "{count} 개의 컬렉션",
+            "RestoreButton": "복원",
+            "RestoreAllButton": "모두 복원"
+        },
+        "List": {
+            "RootNotConfigured": "루트 디렉토리가 구성되지 않았습니다. 위의 \"구성\" 버튼을 사용하여 구성하세요."
+        },
+        "NumberInput": {
+            "InvalidNumber": "유효하지 않은 숫자",
+            "Updated": "업데이트됨",
+            "UpdateFailed": "업데이트 실패"
+        },
+        "About": {
+            "Developer": "Swing Music은 GitHub의 {link}가 사랑을 담아 제작했습니다. 이 소프트웨어가 마음에 드신다면, GitHub에서 Star를 남겨 주세요. 저도 개발하는 것을 즐기는 만큼 여러분도 즐겨주시면 좋겠어요. 😁🤗",
+            "LinksTitle": "링크",
+            "LinksDocs": "문서",
+            "LinksGitHub": "GitHub에서 Star 남기기",
+            "LinksIssue": "문제 보고",
+            "LinksContribute": "기여하기",
+            "GetInTouchTitle": "연락하기",
+            "GetInTouchDescription": "제 작업이 마음에 드시고 인사하고 싶으시다면, 연락을 기다리겠습니다.",
+            "SendEmail": "이메일 보내기"
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index 1e455135..adb1201a 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,6 @@
 import { createApp } from "vue";
 import { createPinia } from "pinia";
+import { createI18n } from 'vue-i18n'
 
 import { MotionPlugin } from "@vueuse/motion";
 import WrapBalancer from "vue-wrap-balancer";
@@ -22,6 +23,23 @@ import "./assets/scss/index.scss";
 import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
 
 const app = createApp(App);
+import en from './locales/en.json';
+import ko from './locales/ko.json';
+
+const userLocale = navigator.language.split('-')[0];
+const supportedLocales = ['en', 'ko'];
+const fallbackLocale = 'en';
+const locale = supportedLocales.includes(userLocale) ? userLocale : fallbackLocale;
+
+const i18n = createI18n({
+  legacy: false,
+  locale: locale,
+  messages: {
+    en: en,
+    ko: ko
+  },
+});
+
 const pinia = createPinia();
 pinia.use(piniaPluginPersistedstate);
 
@@ -29,6 +47,7 @@ app.use(pinia);
 app.use(router);
 app.use(autoAnimatePlugin);
 app.use(VWave);
+app.use(i18n);
 app.use(MotionPlugin);
 
 app.directive("tooltip", vTooltip);
diff --git a/src/views/HomeView/main.vue b/src/views/HomeView/main.vue
index 527b64a4..c88654b5 100644
--- a/src/views/HomeView/main.vue
+++ b/src/views/HomeView/main.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="homepageview content-page">
         <GenericHeader>
-            <template #name>Home</template>
+            <template #name>{{ t('HomeView.Title') }}</template>
             <template #description>{{ getGreetings(auth.user.username) }}</template>
         </GenericHeader>
         <Browse />
@@ -21,6 +21,7 @@
 
 <script setup lang="ts">
 import { nextTick, onMounted } from 'vue'
+import { useI18n } from "vue-i18n";
 import useAuth from '@/stores/auth'
 
 import { playSources } from '@/enums'
@@ -32,6 +33,7 @@ import Browse from '@/components/HomeView/Browse.vue'
 import PageItem from '@/components/shared/CardScroller.vue'
 import GenericHeader from '@/components/shared/GenericHeader.vue'
 
+const { t } = useI18n();
 const home = useHome()
 const auth = useAuth()
 
@@ -42,20 +44,20 @@ function getGreetings(username: string) {
     const hour = date.getHours()
 
     if (hour <= 3) {
-        return 'Hey there night owl'
+        return t('HomeView.Greetings.midnight')
     } else if (hour <= 5) {
-        return 'Hey there early bird'
+        return t('HomeView.Greetings.dawn')
     } else if (hour <= 12) {
-        return 'Good morning ' + username
+        return t('HomeView.Greetings.morning', { name: username })
     } else if (hour <= 17) {
-        return 'Good afternoon ' + username
+        return t('HomeView.Greetings.afternoon', { name: username })
     } else {
-        return 'Goooood evening ' + username
+        return t('HomeView.Greetings.evening', { name: username })
     }
 }
 
 onMounted(async () => {
-    updatePageTitle('Home')
+    updatePageTitle(t('HomeView.title'))
     await home.fetchAll()
     await nextTick()
     updateCardWidth()
diff --git a/yarn.lock b/yarn.lock
index d0e35fce..a282f8e6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1163,6 +1163,27 @@
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
   integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
 
+"@intlify/core-base@11.1.10":
+  version "11.1.10"
+  resolved "https://registry.yarnpkg.com/@intlify/core-base/-/core-base-11.1.10.tgz#4731748992bc6d8e723ca6c2cc5aa5a4c90cf7a5"
+  integrity sha512-JhRb40hD93Vk0BgMgDc/xMIFtdXPHoytzeK6VafBNOj6bb6oUZrGamXkBKecMsmGvDQQaPRGG2zpa25VCw8pyw==
+  dependencies:
+    "@intlify/message-compiler" "11.1.10"
+    "@intlify/shared" "11.1.10"
+
+"@intlify/message-compiler@11.1.10":
+  version "11.1.10"
+  resolved "https://registry.yarnpkg.com/@intlify/message-compiler/-/message-compiler-11.1.10.tgz#ff5c92c311cd72144126f5c128912adb4e911207"
+  integrity sha512-TABl3c8tSLWbcD+jkQTyBhrnW251dzqW39MPgEUCsd69Ua3ceoimsbIzvkcPzzZvt1QDxNkenMht+5//V3JvLQ==
+  dependencies:
+    "@intlify/shared" "11.1.10"
+    source-map-js "^1.0.2"
+
+"@intlify/shared@11.1.10":
+  version "11.1.10"
+  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-11.1.10.tgz#d869aa8fbc1aa307f26a58848fea6df3c9785b6f"
+  integrity sha512-6ZW/f3Zzjxfa1Wh0tYQI5pLKUtU+SY7l70pEG+0yd0zjcsYcK0EBt6Fz30Dy0tZhEqemziQQy2aNU3GJzyrMUA==
+
 "@jimp/bmp@^0.16.13":
   version "0.16.13"
   resolved "https://registry.yarnpkg.com/@jimp/bmp/-/bmp-0.16.13.tgz#57ffa5b17417b5a181f6f184bdabc8218e8448ef"
@@ -1761,6 +1782,11 @@
   resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.4.5.tgz#d54e844c1adbb1e677c81c665ecef1a2b4bb8380"
   integrity sha512-JD5fcdIuFxU4fQyXUu3w2KpAJHzTVdN+p4iOX2lMWSHMOoQdMAcpFLZzm9Z/2nmsoZ1a96QEhZ26e50xLBsgOQ==
 
+"@vue/devtools-api@^6.5.0":
+  version "6.6.4"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz#cbe97fe0162b365edc1dba80e173f90492535343"
+  integrity sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==
+
 "@vue/reactivity-transform@3.3.4":
   version "3.3.4"
   resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.3.4.tgz#52908476e34d6a65c6c21cd2722d41ed8ae51929"
@@ -6003,6 +6029,15 @@ vue-eslint-parser@^9.3.1:
     lodash "^4.17.21"
     semver "^7.3.6"
 
+vue-i18n@11:
+  version "11.1.10"
+  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-11.1.10.tgz#04578ea4213f96c37939a08f516a648a6d0b84a1"
+  integrity sha512-C+IwnSg8QDSOAox0gdFYP5tsKLx5jNWxiawNoiNB/Tw4CReXmM1VJMXbduhbrEzAFLhreqzfDocuSVjGbxQrag==
+  dependencies:
+    "@intlify/core-base" "11.1.10"
+    "@intlify/shared" "11.1.10"
+    "@vue/devtools-api" "^6.5.0"
+
 vue-observe-visibility@^2.0.0-alpha.1:
   version "2.0.0-alpha.1"
   resolved "https://registry.yarnpkg.com/vue-observe-visibility/-/vue-observe-visibility-2.0.0-alpha.1.tgz#1e4eda7b12562161d58984b7e0dea676d83bdb13"

From ce1a31f36254e59e478c2282dd76852427f828ad Mon Sep 17 00:00:00 2001
From: Marco Rodolfi <marco.rodolfi@tuta.io>
Date: Tue, 16 Jun 2026 21:11:28 +0200
Subject: [PATCH 02/11] Further translation work.

Rebased to 3.0.1
---
 src/components/AlbumView/AlbumDiscBar.vue     |   5 +-
 src/components/AlbumView/Header/Stats.vue     |   2 +-
 src/components/ArtistView/AlbumsFetcher.vue   |   5 +-
 src/components/BottomBar/Left.vue             |   2 +-
 src/components/BottomBar/Right.vue            |   7 +-
 src/components/Favorites/RecentsItemCard.vue  |   5 +-
 src/components/LeftSidebar/NP/Bitrate.vue     |   2 +-
 src/components/Mixes/MixesHeader.vue          |   7 +-
 src/components/NowPlaying/NowPlayingInfo.vue  |   7 +-
 src/components/PlaylistView/Header/Info.vue   |   2 +-
 src/components/RightSideBar/Queue/upNext.vue  |   8 +-
 src/components/RightSideBar/Search/Main.vue   |  23 +-
 .../RightSideBar/Search/Top/TopItem.vue       |   8 +-
 src/components/RightSideBar/SearchInput.vue   |   2 +-
 .../SettingsView/Components/BackupRestore.vue |   8 +-
 src/components/SettingsView/Content.vue       |   8 +-
 src/components/SettingsView/Group.vue         |  10 +-
 src/components/SettingsView/Nav.vue           |   6 +-
 src/components/modals/AuthLogin.vue           |  15 +-
 src/components/modals/ConfirmModal.vue        |   8 +-
 src/components/modals/CrudPage.vue            |  21 +-
 src/components/modals/NewPlaylist.vue         |  13 +-
 src/components/modals/RootDirsPrompt.vue      |  13 +-
 src/components/modals/SetRootDirs.vue         |  11 +-
 src/components/modals/Settings.vue            |   5 +-
 src/components/modals/settings/Profile.vue    |  18 +-
 .../modals/settings/custom/Accounts.vue       |  22 +-
 .../modals/settings/custom/Pairing.vue        |   7 +-
 src/components/modals/updatePlaylist.vue      |  18 +-
 src/components/nav/NavTitles.vue              |  10 +-
 src/components/nav/ProfileDropdown.vue        |  12 +-
 src/components/nav/Titles/Folder.vue          |  32 +-
 src/components/nav/Titles/PlaylistsTitle.vue  |   5 +-
 src/components/shared/ArtistCard.vue          |   6 +-
 src/components/shared/DropDown.vue            |   5 +-
 src/components/shared/FavoritesCard.vue       |  10 +-
 src/locales/en.json                           | 467 ++++++++++++------
 src/locales/it.json                           | 327 ++++++++++++
 src/locales/ko.json                           | 307 ++++++------
 src/main.ts                                   |   4 +-
 src/views/HomeView/main.vue                   |   4 +-
 41 files changed, 1033 insertions(+), 424 deletions(-)
 create mode 100644 src/locales/it.json

diff --git a/src/components/AlbumView/AlbumDiscBar.vue b/src/components/AlbumView/AlbumDiscBar.vue
index 37a17698..a2235fab 100644
--- a/src/components/AlbumView/AlbumDiscBar.vue
+++ b/src/components/AlbumView/AlbumDiscBar.vue
@@ -3,7 +3,7 @@
         <div class="disc_number">
             Disc {{ album_disc.album_page_disc_number }}
             <span @click="$emit('playDisc', album_disc.album_page_disc_number || 0)" class="play">
-                <PlaySvg /> Play Disc {{ album_disc.album_page_disc_number }}</span
+                <PlaySvg /> {{t('AlbumView.PlayDisc')}} {{ album_disc.album_page_disc_number }}</span
             >
         </div>
         <div class="play"></div>
@@ -13,6 +13,9 @@
 <script setup lang="ts">
 import PlaySvg from '@/assets/icons/play.svg'
 import { AlbumDisc } from '@/interfaces'
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 defineProps<{
     album_disc: AlbumDisc
diff --git a/src/components/AlbumView/Header/Stats.vue b/src/components/AlbumView/Header/Stats.vue
index 97fa5e5c..f1d5a837 100644
--- a/src/components/AlbumView/Header/Stats.vue
+++ b/src/components/AlbumView/Header/Stats.vue
@@ -10,7 +10,7 @@
       />
     </div>
     <div v-if="isSmallPhone" class="stats2">
-      {{ new Date(album.date * 1000).getFullYear() }} {{ !album.is_single ? `• ${album.trackcount} ${$t('AlbumView.TrackCountPlural')}` : "" }} •
+      {{ new Date(album.date * 1000).getFullYear() }} {{ !album.is_single ? `• ${album.trackcount > 1 ? t('AlbumView.TrackCountPlural') : t('AlbumView.TrackCount')}` : "" }} •
       {{ formatSeconds(album.duration, true) }}
     </div>
   </div>
diff --git a/src/components/ArtistView/AlbumsFetcher.vue b/src/components/ArtistView/AlbumsFetcher.vue
index 2a102ef6..9ebb7c13 100644
--- a/src/components/ArtistView/AlbumsFetcher.vue
+++ b/src/components/ArtistView/AlbumsFetcher.vue
@@ -1,15 +1,18 @@
 <template>
   <div style="height: 1px">
-    <button v-if="show_text" @click="fetch_callback">Load More</button>
+    <button v-if="show_text" @click="fetch_callback">{{ $t('ArtistView.LoadMore') }}</button>
   </div>
 </template>
 
 <script setup lang="ts">
 import { nextTick, onMounted } from "vue";
 import { onBeforeRouteUpdate } from "vue-router";
+import { useI18n } from "vue-i18n";
 
 import { updateCardWidth } from "@/stores/content-width";
 
+const { t } = useI18n();
+
 const props = defineProps<{
   show_text?: boolean;
   fetch_callback: () => Promise<void>;
diff --git a/src/components/BottomBar/Left.vue b/src/components/BottomBar/Left.vue
index 29b90252..aca94faa 100644
--- a/src/components/BottomBar/Left.vue
+++ b/src/components/BottomBar/Left.vue
@@ -7,7 +7,7 @@
         />
         <RouterLink
             v-else
-            title="Go to Now Playing"
+            title="{{t('BottomBar.GoToNowPlaying')}}"
             :to="{
                 name: Routes.nowPlaying,
                 params: {
diff --git a/src/components/BottomBar/Right.vue b/src/components/BottomBar/Right.vue
index 37f4ad49..4dccf57b 100644
--- a/src/components/BottomBar/Right.vue
+++ b/src/components/BottomBar/Right.vue
@@ -11,12 +11,12 @@
             <RepeatOneSvg v-if="settings.repeat == 'one'" />
             <RepeatAllSvg v-else />
         </button>
-        <button class="shuffle" title="Shuffle" @click="queue.shuffleQueue">
+        <button class="shuffle" :title=t('BottomBar.Shuffle') @click="queue.shuffleQueue">
             <ShuffleSvg />
         </button>
         <HeartSvg
             v-if="!hideHeart"
-            title="Favorite"
+            :title=t('BottomBar.Favorite') 
             :state="queue.currenttrack?.is_favorite"
             @handleFav="() => $emit('handleFav')"
         />
@@ -28,7 +28,6 @@ import useQueue from '@/stores/queue'
 import useSettings from '@/stores/settings'
 import { useI18n } from "vue-i18n";
 
-const { t } = useI18n();
 
 import RepeatOneSvg from '@/assets/icons/repeat-one.svg'
 import RepeatAllSvg from '@/assets/icons/repeat.svg'
@@ -37,6 +36,8 @@ import HeartSvg from '../shared/HeartSvg.vue'
 import LyricsButton from '../shared/LyricsButton.vue'
 import Volume from './Volume.vue'
 
+const { t } = useI18n();
+
 const queue = useQueue()
 const settings = useSettings()
 
diff --git a/src/components/Favorites/RecentsItemCard.vue b/src/components/Favorites/RecentsItemCard.vue
index d84e1f24..88362df6 100644
--- a/src/components/Favorites/RecentsItemCard.vue
+++ b/src/components/Favorites/RecentsItemCard.vue
@@ -20,7 +20,7 @@
       {{ fav.type === "artist" ? fav.item.name : fav.item.title }}
     </div>
     <div class="label ellip" :class="{ on_artist: fav.type === 'artist' }">
-      {{ fav.type === "album" ? fav.item.artist : "Artist" }}
+      {{ fav.type === "album" ? fav.item.artist : t('Favorites.Album')}}
     </div>
   </RouterLink>
 </template>
@@ -29,6 +29,9 @@
 import { RecentFavResult } from "@/interfaces";
 import { Routes } from "@/router";
 import { paths } from "../../config";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 defineProps<{
   fav: RecentFavResult;
diff --git a/src/components/LeftSidebar/NP/Bitrate.vue b/src/components/LeftSidebar/NP/Bitrate.vue
index 14d09242..81ce41fe 100644
--- a/src/components/LeftSidebar/NP/Bitrate.vue
+++ b/src/components/LeftSidebar/NP/Bitrate.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="q.currenttrack?.bitrate" class="bitrate" title="file type • bitrate">
+  <div v-if="q.currenttrack?.bitrate" class="bitrate" title="{{ t('LeftSidebar.FileTypeBitrate') }}">
     {{ q.currenttrack.filepath?.split(".").pop() }} • {{ q.currenttrack.bitrate }}
   </div>
 </template>
diff --git a/src/components/Mixes/MixesHeader.vue b/src/components/Mixes/MixesHeader.vue
index 1a5ef231..67651f3d 100644
--- a/src/components/Mixes/MixesHeader.vue
+++ b/src/components/Mixes/MixesHeader.vue
@@ -8,11 +8,11 @@
                 {{ mix.description }}
             </div>
             <div class="bunchofstuff">
-                {{ mix.trackcount }} track{{ mix.trackcount === 1 ? '' : 's' }} ▸ {{ mix.duration }}
+                {{ mix.trackcount }} {{ mix.trackcount === 1 ? t('Mixes.track', 1) : t('Mixes.track', mix.trackcount) }} ▸ {{ mix.duration }}
             </div>
             <div class="buttons">
                 <PlayBtnRect :source="playSources.mix" :bg_color="'#fff'" @click.prevent="$emit('playThis')" />
-                <button class="savebtn" :title="mix.saved ? 'Saved Mix' : 'Save Mix'" @click="saveMix">
+                <button class="savebtn" :title="mix.saved ? t('Mixes.SavedMix') : t('Mixes.SaveMix')" @click="saveMix">
                     <SaveFilledSvg v-if="mix.saved" />
                     <SaveSvg v-else />
                 </button>
@@ -24,6 +24,7 @@
 <script setup lang="ts">
 import { FullMix } from '@/interfaces'
 import MixImage from './MixImage.vue'
+import { useI18n } from 'vue-i18n'
 import PlayBtnRect from '../shared/PlayBtnRect.vue'
 import SaveSvg from '@/assets/icons/bookmark.svg'
 import SaveFilledSvg from '@/assets/icons/bookmark.fill.svg'
@@ -31,6 +32,8 @@ import { playSources } from '@/enums'
 import useAxios from '@/requests/useAxios'
 import { paths } from '@/config'
 
+const { t } = useI18n();
+
 const props = defineProps<{
     mix: FullMix
 }>()
diff --git a/src/components/NowPlaying/NowPlayingInfo.vue b/src/components/NowPlaying/NowPlayingInfo.vue
index 20d6a774..db2d4ed5 100644
--- a/src/components/NowPlaying/NowPlayingInfo.vue
+++ b/src/components/NowPlaying/NowPlayingInfo.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="now-playing-info">
         <div class="text">
-            <div class="title">{{ queue.currenttrack?.title || 'Swing Music' }}</div>
+            <div class="title">{{ queue.currenttrack?.title || t('Common.SwingMusic') }}</div>
             <div class="artist">
                 <ArtistName
                     v-if="queue.currenttrack"
@@ -9,7 +9,7 @@
                     :albumartists="queue.currenttrack?.albumartists || ''"
                 />
                 <span v-else class="artist author">
-                    <a href="https://github.com/cwilvx" target="_blank">built by @cwilvx ↗</a>
+                    <a href="https://github.com/cwilvx" target="_blank">{{ t('Common.BuiltBy')}}</a>
                 </span>
             </div>
         </div>
@@ -22,6 +22,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
+import { useI18n } from "vue-i18n";
 
 import ArtistName from '../shared/ArtistName.vue'
 import HeartSvg from '../shared/HeartSvg.vue'
@@ -30,6 +31,8 @@ import OptionSvg from '@/assets/icons/more.svg'
 import { showTrackContextMenu } from '@/helpers/contextMenuHandler'
 import useQueueStore from '@/stores/queue'
 
+const { t } = useI18n();
+
 const context_menu_showing = ref(false)
 
 const queue = useQueueStore()
diff --git a/src/components/PlaylistView/Header/Info.vue b/src/components/PlaylistView/Header/Info.vue
index c785d2cc..1a49bb94 100644
--- a/src/components/PlaylistView/Header/Info.vue
+++ b/src/components/PlaylistView/Header/Info.vue
@@ -20,7 +20,7 @@
         <br />
       </span>
     </div>
-    <div class="type">Playlist</div>
+    <div class="type">{{ t('Common.Playlist')}}</div>
   </div>
 </template>
 <script setup lang="ts">
diff --git a/src/components/RightSideBar/Queue/upNext.vue b/src/components/RightSideBar/Queue/upNext.vue
index 276cf401..e11cf853 100644
--- a/src/components/RightSideBar/Queue/upNext.vue
+++ b/src/components/RightSideBar/Queue/upNext.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="bottom-left">
-    <div class="upNext rounded-sm border" title="play next song">
+    <div class="upNext rounded-sm border" title="{{ $t('UpNext.PlayNextSong') }}">
       <img
         :src="paths.images.thumb.small + queue.next?.image"
         class="rounded-sm"
       />
       <div class="text">
         <div class="title"><b>Stiff necked fools</b></div>
-        <div class="from">Next up</div>
+        <div class="from">{{ $t('UpNext.NextUp') }}</div>
       </div>
     </div>
   </div>
@@ -19,6 +19,10 @@ import useQueueStore from "@/stores/queue";
 
 import { ref } from "vue";
 
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
 const context_on = ref(false);
 const queue = useQueueStore();
 </script>
diff --git a/src/components/RightSideBar/Search/Main.vue b/src/components/RightSideBar/Search/Main.vue
index 1e473b32..07b1e64b 100644
--- a/src/components/RightSideBar/Search/Main.vue
+++ b/src/components/RightSideBar/Search/Main.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="right-search">
     <TabsWrapper :tabs="tabs" :current-tab="currentTab" :tab-content="true" @switchTab="switchTab">
-      <Tab :name="currentTab" />
+      <!-- TODO: The code relies on the tabs names, so it can't be translated yet. -->
+      <!-- <Tab :name=t(resolveTab(currentTab)) /> -->
+      <Tab :name=currentTab />
     </TabsWrapper>
   </div>
 </template>
@@ -13,6 +15,10 @@ import useSearchStore from "@/stores/search";
 import Tab from "./Tab.vue";
 import TabsWrapper from "./TabsWrapper.vue";
 
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
 const search = useSearchStore();
 
 const tabs = ["top", "tracks", "albums", "artists"];
@@ -23,6 +29,21 @@ function switchTab(tab: string) {
   currentTab.value = tab;
   search.switchTab(tab);
 }
+
+function resolveTab(tab: string): string {
+  switch (tab) {
+    case 'top':
+      return 'TabNames.top';
+    case 'tracks':
+      return 'TabNames.tracks';
+    case 'albums':
+      return 'TabNames.albums';
+    case 'artists':
+      return 'TabNames.artists';
+    default:
+      return 'TabNames.unknown';
+  }
+}
 </script>
 
 <style lang="scss">
diff --git a/src/components/RightSideBar/Search/Top/TopItem.vue b/src/components/RightSideBar/Search/Top/TopItem.vue
index a2d9c90b..a3676f4a 100644
--- a/src/components/RightSideBar/Search/Top/TopItem.vue
+++ b/src/components/RightSideBar/Search/Top/TopItem.vue
@@ -26,9 +26,9 @@
                 </div>
                 <div v-if="res_type === 'artist'" class="artists flex">
                     {{ item.albumcount }}
-                    {{ item.albumcount === 1 ? 'album' : 'albums' }} •
+                    {{ t('Common.album', item.albumcount)}} •
                     {{ item.trackcount }}
-                    {{ item.trackcount === 1 ? 'track' : 'tracks' }}
+                    {{ t('Common.track', item.trackcount)}}
                 </div>
                 <div v-if="res_type === 'track'" class="artists flex">
                     <ArtistName :artists="item.artists" :albumartists="item.albumartists" />
@@ -83,6 +83,10 @@ import PlayBtn from '@/components/shared/PlayBtn.vue'
 import { playSources } from '@/enums'
 import { formatDate } from '@/utils/dates'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 const search = useSearchStore()
 
 const { top_results } = storeToRefs(search)
diff --git a/src/components/RightSideBar/SearchInput.vue b/src/components/RightSideBar/SearchInput.vue
index 79393bdd..3e037eef 100644
--- a/src/components/RightSideBar/SearchInput.vue
+++ b/src/components/RightSideBar/SearchInput.vue
@@ -14,7 +14,7 @@
         <div id="ginner" ref="inputRef" tabindex="0">
             <button
                 v-auto-animate
-                :title="tabs.current === tabs.tabs.search ? t('RightSidebar.BackToQueue') : t('RightSidebar.GoToSearch')"
+                :title="tabs.current === tabs.tabs.search ? t('SearchInput.BackToQueue') : t('SearchInput.GoToSearch')"
                 :class="{ no_bg: on_nav }"
                 @click.prevent="handleButton"
             >
diff --git a/src/components/SettingsView/Components/BackupRestore.vue b/src/components/SettingsView/Components/BackupRestore.vue
index 60def8a7..a4820dd8 100644
--- a/src/components/SettingsView/Components/BackupRestore.vue
+++ b/src/components/SettingsView/Components/BackupRestore.vue
@@ -94,21 +94,21 @@ function getBackupStatsString(backup: Backup): string {
     const separator = '\u00A0•\u00A0'
 
     if (backup.playlists > 0) {
-        parts.push((backup.playlists !== 1 ? t('Settings.Backup.PlaylistCountPlural', { count: backup.playlists }) : t('Settings.Backup.PlaylistCount', { count: backup.playlists })))
+        parts.push(t('Settings.Backup.PlaylistCount', { count: backup.playlists }, backup.playlists))
     }
 
     if (backup.playlists > 0 && backup.scrobbles > 0) {
         parts.push(separator)
     }
 
-    parts.push(backup.scrobbles !== 1 ? t('Settings.Backup.ScrobbleCountPlural', { count: backup.scrobbles }) : t('Settings.Backup.ScrobbleCount', { count: backup.scrobbles }))
+    parts.push(t('Settings.Backup.ScrobbleCount', { count: backup.scrobbles }, backup.scrobbles))
 
     if (backup.scrobbles + backup.playlists > 0 && backup.favorites > 0) {
         parts.push(separator)
     }
 
     if (backup.favorites > 0) {
-        parts.push(backup.favorites !== 1 ? t('Settings.Backup.FavoriteCountPlural', { count: backup.favorites }) : t('Settings.Backup.FavoriteCount', { count: backup.favorites }))
+        parts.push(t('Settings.Backup.FavoriteCount', { count: backup.favorites }, backup.favorites))
     }
 
     if (backup.scrobbles + backup.playlists + backup.favorites > 0 && backup.collections > 0) {
@@ -116,7 +116,7 @@ function getBackupStatsString(backup: Backup): string {
     }
 
     if (backup.collections > 0) {
-        parts.push((backup.collections !== 1 ? t('Settings.Backup.CollectionCountPlural', { count: backup.collections }) : t('Settings.Backup.CollectionCount', { count: backup.collections })))
+        parts.push(t('Settings.Backup.CollectionCount', { count: backup.collections }, backup.collections))
     }
 
     return parts.join(' ')
diff --git a/src/components/SettingsView/Content.vue b/src/components/SettingsView/Content.vue
index d58c10d6..0721a15a 100644
--- a/src/components/SettingsView/Content.vue
+++ b/src/components/SettingsView/Content.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="settingscontent">
     <GenericHeader>
-      <template #name>Settings</template>
+      <template #name>{{t('Common.Settings')}}</template>
       <template #description>
-        Customize your settings and preferences
+        {{ t('Content.SettingsDesc') }}
       </template>
     </GenericHeader>
     <GenericTabs
@@ -43,6 +43,10 @@ import About from "./About.vue";
 import GenericTabs from "@/components/shared/GenericTabs.vue";
 import GenericHeader from "@/components/shared/GenericHeader.vue";
 
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
 const route = useRoute();
 const settings = useSettings();
 
diff --git a/src/components/SettingsView/Group.vue b/src/components/SettingsView/Group.vue
index a99d249e..be1c3a0c 100644
--- a/src/components/SettingsView/Group.vue
+++ b/src/components/SettingsView/Group.vue
@@ -15,14 +15,14 @@
                         <span class="ellip">
                             {{ setting.title }}
                             <span v-if="setting.experimental" class="badge experimental circular">
-                                {{ setting.experimental ? 'experimental' : '' }}
+                                {{ setting.experimental ? t('Common.experimental') : '' }}
                             </span>
                             <span v-if="setting.new" class="badge new circular">
-                                {{ setting.new ? 'new' : '' }}
+                                {{ setting.new ? t('Common.new') : '' }}
                             </span>
                         </span>
                         <button v-if="setting.type == SettingType.root_dirs" @click="setting.action">
-                            <ReloadSvg height="1.5rem" /> <span>Rescan</span>
+                            <ReloadSvg height="1.5rem" /> <span>{{ t('Common.Rescan') }}</span>
                         </button>
                     </div>
                     <div v-if="setting.desc" class="desc">
@@ -96,6 +96,8 @@
 </template>
 
 <script setup lang="ts">
+import { useI18n } from 'vue-i18n'
+
 import { SettingGroup } from '@/interfaces/settings'
 import { SettingType } from '@/settings/enums'
 
@@ -116,6 +118,8 @@ import BackupRestore from './Components/BackupRestore.vue'
 import SecretInput from './Components/SecretInput.vue'
 import License from './Components/License.vue'
 
+const { t } = useI18n()
+
 defineProps<{
     group: SettingGroup
 }>()
diff --git a/src/components/SettingsView/Nav.vue b/src/components/SettingsView/Nav.vue
index 898609bd..64b50c58 100644
--- a/src/components/SettingsView/Nav.vue
+++ b/src/components/SettingsView/Nav.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="settingsnav">
     <button @click="resetClient">
-      &nbsp;&nbsp; Reset client &nbsp;&nbsp;
+      &nbsp;&nbsp; {{t('Nav.ResetClient')}} &nbsp;&nbsp;
     </button>
   </div>
 </template>
@@ -9,6 +9,10 @@
 <script setup lang="ts">
 import { useRouter } from "vue-router";
 
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
 const router = useRouter();
 
 const resetClient = () => {
diff --git a/src/components/modals/AuthLogin.vue b/src/components/modals/AuthLogin.vue
index a4e95c07..88598143 100644
--- a/src/components/modals/AuthLogin.vue
+++ b/src/components/modals/AuthLogin.vue
@@ -3,7 +3,7 @@
         <div class="head" :class="{ selected }">
             <button
                 class="back rounded-sm"
-                title="Back to selection"
+                title="{{ t('AuthLogin.BackToSelection') }}"
                 @click="resetSelected"
                 :style="{
                     visibility: shownUsers.length > 1 ? 'visible' : 'hidden',
@@ -12,12 +12,12 @@
                 <span>back</span> <ArrowSvg />
             </button>
             <Logo />
-            <button class="back back2 rounded-sm" title="Back to selection"><span>back</span> <ArrowSvg /></button>
+            <button class="back back2 rounded-sm" title="{{ t('AuthLogin.BackToSelection') }}"><span>{{ t('AuthLogin.Back') }}</span> <ArrowSvg /></button>
         </div>
 
         <div class="alcontent">
             <div class="helptext" v-if="!selected">
-                <div class="h2">Welcome back</div>
+                <div class="h2">{{ t('AuthLogin.WelcomeBack') }}</div>
             </div>
             <div class="selected-user" v-if="selected">
                 <User
@@ -32,14 +32,14 @@
             <form class="passinput" v-if="selected" v-auto-animate @submit.prevent="loginUser">
                 <!-- Only show username input if there's no user list -->
                 <Input
-                    placeholder="Enter username"
+                    placeholder="{{ t('AuthLogin.EnterUsername') }}"
                     v-if="selected.username === ''"
                     input-id="loginuserinput"
                     @input="(input: string) => username = input"
                 />
                 <Input
                     type="password"
-                    placeholder="Enter password"
+                    placeholder="{{ t('AuthLogin.EnterPassword') }}"
                     input-id="loginpassinput"
                     @input="(input: string) => password = input"
                 />
@@ -48,7 +48,7 @@
             </form>
         </div>
         <div v-if="guestAllowed" class="guestlink" @click="() => guestLogin()">
-            <span>Or continue as guest </span>
+            <span>{{ t('AuthLogin.ContinueAsGuest') }} </span>
         </div>
     </div>
 </template>
@@ -64,6 +64,9 @@ import ArrowSvg from '../../assets/icons/expand.svg'
 import Logo from '../Logo.vue'
 import Input from '../shared/Input.vue'
 import User from '../shared/LoginUserCard.vue'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n();
 
 const auth = useAuth()
 
diff --git a/src/components/modals/ConfirmModal.vue b/src/components/modals/ConfirmModal.vue
index 5407d07e..c8f597b6 100644
--- a/src/components/modals/ConfirmModal.vue
+++ b/src/components/modals/ConfirmModal.vue
@@ -2,13 +2,17 @@
     <div class="confirm-modal">
         <div class="t-center" style="padding: 0 4rem">{{ text }}</div>
         <div class="buttons">
-            <button class="cancel" @click="cancelAction">Cancel</button>
-            <button class="confirm" @click="confirmAction">Delete</button>
+            <button class="cancel" @click="cancelAction">{{ t('ConfirmModal.Cancel') }}</button>
+            <button class="confirm" @click="confirmAction">{{ t('ConfirmModal.Delete') }}</button>
         </div>
     </div>
 </template>
 
 <script setup lang="ts">
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n();
+
 defineProps<{
     text: string
     confirmAction: () => void
diff --git a/src/components/modals/CrudPage.vue b/src/components/modals/CrudPage.vue
index 3b91023a..5ac54c17 100644
--- a/src/components/modals/CrudPage.vue
+++ b/src/components/modals/CrudPage.vue
@@ -1,20 +1,20 @@
 <template>
     <form action="" v-if="delete">
         <br>
-        <div>Are you sure you want to delete this collection?</div>
+        <div>{{ t('CrudPage.DeleteDescription')}}</div>
         <br />
-        <button @click.prevent="submit" class="critical">Yes, Delete</button>
+        <button @click.prevent="submit" class="critical">{{ t('CrudPage.DeleteButton') }}</button>
     </form>
     <form class="playlist-modal" @submit.prevent="submit" v-else>
-        <label for="name">Collection name</label>
+        <label for="name">{{t('CrudPage.CollectionName')}}</label>
         <br />
         <input type="search" class="rounded-sm" id="name" :value="collection?.name" />
         <br />
-        <label for="description">Description</label>
+        <label for="description">{{ t('CrudPage.Description') }}</label>
         <br />
         <input type="search" class="rounded-sm" id="description" :value="collection?.extra.description" />
         <br /><br />
-        <button type="submit">{{ collection ? 'Update' : 'Create' }}</button>
+        <button type="submit">{{ collection ? t('CrudPage.Update') : t('CrudPage.Create') }}</button>
     </form>
 </template>
 
@@ -23,6 +23,9 @@ import { Collection } from '@/interfaces'
 import { createNewCollection, deleteCollection, updateCollection } from '@/requests/collections'
 import { router } from '@/router'
 import { NotifType, Notification } from '@/stores/notification'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n();
 
 const props = defineProps<{
     collection?: Collection
@@ -37,13 +40,13 @@ const emit = defineEmits<{
     (e: 'setTitle', title: string): void
 }>()
 
-emit('setTitle', (props.collection ? (props.delete ? 'Delete' : 'Update') : 'New') + ' Collection')
+emit('setTitle', (props.collection ? (props.delete ? t('CrudPage.DeleteTitle') : t('CrudPage.UpdateTitle')) : t('CrudPage.NewTitle')) + t('CrudPage.CollectionTitle'))
 
 async function submit(e: Event) {
     if (props.delete && props.collection) {
         const deleted = await deleteCollection(props.collection.id)
         if (deleted) {
-            new Notification('Collection deleted', NotifType.Success)
+            new Notification(t('CrudPage.DeleteNotification'), NotifType.Success)
             emit('hideModal')
             router.push('/')
         }
@@ -65,7 +68,7 @@ async function submit(e: Event) {
         ])
 
         if (created) {
-            new Notification('New collection created', NotifType.Success)
+            new Notification(t('CrudPage.CreateNotification'), NotifType.Success)
             emit('hideModal')
         }
     } else {
@@ -74,7 +77,7 @@ async function submit(e: Event) {
         if (updatedPage) {
             props.collection.name = updatedPage.name
             props.collection.extra.description = updatedPage.extra.description
-            new Notification('Collection updated', NotifType.Success)
+            new Notification(t('CrudPage.UpdateNotification'), NotifType.Success)
             emit('hideModal')
         }
     }
diff --git a/src/components/modals/NewPlaylist.vue b/src/components/modals/NewPlaylist.vue
index b1126323..c4c51e6b 100644
--- a/src/components/modals/NewPlaylist.vue
+++ b/src/components/modals/NewPlaylist.vue
@@ -1,17 +1,17 @@
 <template>
   <form class="playlist-modal" @submit="create">
-    <label for="name">Playlist name</label>
+    <label for="name">{{ t('NewPlaylist.PlaylistName')}}</label>
     <br />
     <input
       id="modal-playlist-name-input"
       type="search"
       class="rounded-sm"
       name="name"
-      placeholder="Type a name..."
+      placeholder="{{ t('NewPlaylist.NamePlaceholder')}}"
       spellcheck="false"
     />
     <br /><br />
-    <button type="submit">Create</button>
+    <button type="submit">{{t('NewPlaylist.CreateButton')}}</button>
   </form>
 </template>
 
@@ -29,6 +29,9 @@ import {
 import { NotifType, Notification } from "@/stores/notification";
 import usePlaylistStore from "@/stores/pages/playlists";
 import useTracklist from "@/stores/queue/tracklist";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const props = defineProps<{
   trackhash?: string;
@@ -52,7 +55,7 @@ const emit = defineEmits<{
   (e: "hideModal"): void;
 }>();
 
-emit("setTitle", "New Playlist");
+emit("setTitle", t('NewPlaylist.Title'));
 
 /**
  * Create a new playlist. If this modal is called with a track,
@@ -64,7 +67,7 @@ function create(e: Event) {
   const name = (e.target as any).elements["name"].value;
 
   if (!name.trim()) {
-    new Notification("Playlist name can't be empty", NotifType.Error);
+    new Notification( t('NewPlaylist.NameNotEmpty'), NotifType.Error);
     return;
   }
 
diff --git a/src/components/modals/RootDirsPrompt.vue b/src/components/modals/RootDirsPrompt.vue
index 09b5749c..d5332842 100644
--- a/src/components/modals/RootDirsPrompt.vue
+++ b/src/components/modals/RootDirsPrompt.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="root-dirs-prompt">
-    <h3 class="t-center">Where do you want to look for music?</h3>
+    <h3 class="t-center">{{t('RootDirsPrompt.WhereToLook')}}</h3>
     <div class="options-group">
       <div v-for="option in options" :key="option.id" v-motion-slide-bottom class="option" @click="option.action()">
         <b>{{ option.title }}</b>
@@ -16,6 +16,9 @@ import { onMounted, ref } from "vue";
 import { addRootDirs, getRootDirs } from "@/requests/settings/rootdirs";
 import useModalStore from "@/stores/modal";
 import useSettingsStore from "@/stores/settings";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const settings = useSettingsStore();
 
@@ -36,8 +39,8 @@ onMounted(() => {
       options.value = [
         {
           id: "$home",
-          title: "Home directory",
-          info: "Scan all folders in your home directory.",
+          title: t('RootDirsPrompt.HomeDir'),
+          info: t('RootDirsPrompt.HomeDirInfo'),
           delay: 0,
           action: () =>
             addRootDirs(["$home"], [])
@@ -46,8 +49,8 @@ onMounted(() => {
         },
         {
           id: "wtf",
-          title: "Specific directories",
-          info: "Select folders to scan for music.",
+          title: t('RootDirsPrompt.SpecificDir'),
+          info: t('RootDirsPrompt.SpecificDirInfo'),
           delay: 0.1,
           action: () => modal.showSetRootDirsModal(),
         },
diff --git a/src/components/modals/SetRootDirs.vue b/src/components/modals/SetRootDirs.vue
index 46a771b3..69decd53 100644
--- a/src/components/modals/SetRootDirs.vue
+++ b/src/components/modals/SetRootDirs.vue
@@ -9,8 +9,7 @@
     </div>
     <div class="set-root-dirs-browser">
       <h4 v-if="no_more_dirs">
-        <span class="folder_icon">📂</span> No folders here. Click the "Add this folder" button below to select this
-        location.
+        <span class="folder_icon">📂</span> {{ t('SetRootDirs.NoSubFolders') }}
       </h4>
       <div class="scrollable">
         <div class="content">
@@ -25,8 +24,8 @@
         </div>
       </div>
       <div class="buttons">
-        <button class="btn-active select-here" @click="selectHere">Add this folder</button>
-        <button class="btn-active finish" @click="submitFolders">Add all checked ({{ getNewDirs().length }})</button>
+        <button class="btn-active select-here" @click="selectHere"> {{ t('SetRootDirs.SelectThisFolder') }} </button>
+        <button class="btn-active finish" @click="submitFolders"> {{ t('SetRootDirs.AddAllChecked') }} ({{ getNewDirs().length }})</button>
       </div>
     </div>
   </div>
@@ -44,6 +43,10 @@ import { createSubPaths } from "@/utils";
 import BreadCrumbNav from "../FolderView/BreadCrumbNav.vue";
 import FolderItem from "../FolderView/FolderItem.vue";
 
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
 const settings = useSettingsStore();
 
 const dirs: Ref<Folder[]> = ref([]);
diff --git a/src/components/modals/Settings.vue b/src/components/modals/Settings.vue
index 8be8eb01..5921da47 100644
--- a/src/components/modals/Settings.vue
+++ b/src/components/modals/Settings.vue
@@ -19,7 +19,7 @@
                     </button>
                     {{ currentGroup?.displayName || currentGroup?.title }}
                     <span v-if="currentGroup?.experimental" class="badge experimental circular">
-                        {{ currentGroup?.experimental ? 'experimental' : '' }}
+                        {{ currentGroup?.experimental ? t('Settings.Experimental') : '' }}
                     </span>
                 </div>
                 <div v-if="currentGroup?.desc" class="desc">
@@ -40,6 +40,9 @@ import { isSmallPhone } from '@/stores/content-width'
 import { computed, ref } from 'vue'
 import Content from './settings/Content.vue'
 import Sidebar from './settings/Sidebar.vue'
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 const emit = defineEmits<{
     (e: 'setTitle', title: string): void
diff --git a/src/components/modals/settings/Profile.vue b/src/components/modals/settings/Profile.vue
index 865d468e..b95b6756 100644
--- a/src/components/modals/settings/Profile.vue
+++ b/src/components/modals/settings/Profile.vue
@@ -3,7 +3,7 @@
         <div class="profileavatar">
             <Avatar :name="username || auth.user.username" />
             <div class="name">
-                {{ adding_user ? username : `Hi ${auth.user.username}` }}
+                {{ adding_user ? username : t('Profile.HiUser', {user: auth.user.username})  }}
             </div>
             <div v-if="!adding_user" class="roles">
                 <span v-for="role in auth.user.roles" :key="role" class="role"> {{ role }}</span>
@@ -11,21 +11,22 @@
         </div>
         <form v-auto-animate class="updateprof" @submit.prevent="handleSubmit">
             <div class="names">
-                <label for="username">Username</label>
+                <label for="username">{{ t('Profile.Username')}}<</label>
                 <Input
-                    :placeholder="adding_user ? 'username' : auth.user.username"
+                    :placeholder="adding_user ? t('Profile.Username')  : auth.user.username"
                     @input="input => (username = input)"
                 />
             </div>
-            <label for="pswd">{{ adding_user ? 'Create' : 'Change' }} password</label>
+            <label for="pswd">{{ adding_user ? t('Profile.PasswordAction', {action: t('Common.Create')}) 
+                : t('Profile.PasswordAction', {action: t('Common.Change')}) }}</label>
             <Input type="password" placeholder="✶✶✶✶✶✶✶✶" @input="input => (password = input)" />
             <div v-if="password.length" class="confirmpassword">
-                <label for="confirmpswd">Confirm password</label>
+                <label for="confirmpswd">{{ t('Profile.ConfirmPassword') }}<</label>
                 <Input type="password" placeholder="✶✶✶✶✶✶✶✶" @input="input => (confirmPassword = input)" />
                 <label v-if="errorText" class="error">{{ errorText }}</label>
             </div>
             <button v-if="showSubmit">
-                {{ adding_user ? 'Add user' : 'Update' }}
+                {{ adding_user ? t('Profile.AddUser') : t('Common.Update') }}
             </button>
         </form>
     </div>
@@ -33,12 +34,15 @@
 
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue'
+import { useI18n } from 'vue-i18n';
 
 import Avatar from '@/components/shared/Avatar.vue'
 import Input from '@/components/shared/Input.vue'
 import { User } from '@/interfaces'
 import useAuth from '@/stores/auth'
 
+const { t } = useI18n();
+
 const props = defineProps<{
     adding_user?: boolean
 }>()
@@ -73,7 +77,7 @@ const errorText = computed(() => {
     }
 
     if (confirmPassword.value.length && password.value !== confirmPassword.value) {
-        return 'Passwords do not match'
+        return t('Profile.PasswordMismatch')
     }
 })
 
diff --git a/src/components/modals/settings/custom/Accounts.vue b/src/components/modals/settings/custom/Accounts.vue
index b3c556bf..c0ae480a 100644
--- a/src/components/modals/settings/custom/Accounts.vue
+++ b/src/components/modals/settings/custom/Accounts.vue
@@ -12,10 +12,10 @@
             />
         </div>
         <div class="ahead">
-            <div class="h2">All users</div>
+            <div class="h2">{{t('Accounts.AllUsers')}}</div>
             <button class="adduser" @click="showAddUser = true">
                 <PlusSvg />
-                New user
+                {{ t('Accounts.NewUser') }}
             </button>
         </div>
         <TransitionGroup name="list">
@@ -83,6 +83,10 @@ import Avatar from '@/components/shared/Avatar.vue'
 import Profile from '../Profile.vue'
 import ToggleSetting from './ToggleSetting.vue'
 
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
+
 const auth = useAuth()
 const toast = useToast()
 
@@ -97,8 +101,8 @@ const settingsMap = {
 
 const account_settings = [
     {
-        title: 'Enable guest access',
-        desc: 'Allow users to access the site without an account',
+        title: t('Accounts.EnableGuestAccess'),
+        desc: t('Accounts.EnableGuestAccessDesc'),
         type: SettingType.binary,
         value: settingsMap.enableGuest,
         action: async () => {
@@ -115,8 +119,8 @@ const account_settings = [
         },
     },
     {
-        title: 'Show users on login',
-        desc: 'Show a list of users on your server when logging in',
+        title: t('Accounts.ShowUsersOnLogin'),
+        desc: t('Accounts.ShowUsersOnLoginDesc'),
         type: SettingType.binary,
         value: settingsMap.usersOnLogin,
         action: async () => {
@@ -138,8 +142,8 @@ const account_settings = [
 
 const usettings = [
     {
-        title: 'Admin',
-        desc: 'Can do anything',
+        title: t('Accounts.Admin'),
+        desc: t('Accounts.AdminDesc'),
         value: (roles: string[]) => {
             return roles.includes('admin')
         },
@@ -169,7 +173,7 @@ const usettings = [
 
 async function deleteUser(user: User) {
     if (user.username === auth.user.username) {
-        return toast.showError('Sorry! You cannot delete yourself')
+        return toast.showError(t('Accounts.NoSelfDelete'))
     }
 
     const success = await auth.deleteUser(user.username)
diff --git a/src/components/modals/settings/custom/Pairing.vue b/src/components/modals/settings/custom/Pairing.vue
index 2c50472a..0d66db54 100644
--- a/src/components/modals/settings/custom/Pairing.vue
+++ b/src/components/modals/settings/custom/Pairing.vue
@@ -12,7 +12,7 @@
             <div class="spinner"></div>
         </div>
         <p class="desc">
-            Scan the QR code from the Swing Music app to pair with this server.
+            {{ t('Pairing.ScanQRCode') }}
         </p>
 
         <div class="serverurl rounded">{{ url }}</div>
@@ -23,6 +23,9 @@
 import { Ref, onMounted, ref } from 'vue'
 import QRCodeStyling from 'qr-code-styling'
 import { sendPairRequest } from '@/requests/auth'
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 const qrLoaded = ref(false)
 // @ts-expect-error
@@ -66,7 +69,7 @@ onMounted(async () => {
     }
 
     const error = document.createElement('p')
-    error.innerHTML = 'Error fetching pairing code. Error code: ' + res.status
+    error.innerHTML = t('Pairing.ErrorPairingCode', {res: res.status})
     qrcode.value.appendChild(error)
 })
 </script>
diff --git a/src/components/modals/updatePlaylist.vue b/src/components/modals/updatePlaylist.vue
index f5bbe6c3..e761c5ad 100644
--- a/src/components/modals/updatePlaylist.vue
+++ b/src/components/modals/updatePlaylist.vue
@@ -6,7 +6,7 @@
         autocomplete="off"
         @submit.prevent="update_playlist"
     >
-        <label for="name">Playlist name</label>
+        <label for="name">{{ t('UpdatePlaylist.Name')}}</label>
         <input
             id="modal-playlist-name-input"
             v-model="pname"
@@ -17,7 +17,7 @@
             @keypress.enter.prevent="update_playlist"
         />
 
-        <label for="image">Image</label>
+        <label for="image">{{t('Common.Image')}}</label>
         <input
             id="update-pl-image-upload"
             ref="dropZoneRef"
@@ -30,7 +30,7 @@
         <div id="upload" class="boxed rounded-sm">
             <div class="clickable" tabindex="0" @click="selectFiles" @keydown.space.enter.stop="selectFiles">
                 <ImageIcon />
-                Click to {{ playlist.has_image ? 'update' : 'upload' }} cover image
+                {{ t('UpdatePlaylist.CoverAction', {action: playlist.has_image ? t('Common.update') : t('Common.upload')}) }}
             </div>
             <div
                 id="update-pl-img-preview"
@@ -45,13 +45,13 @@
                 </div>
             </div>
         </div>
-        <label v-if="playlist.has_image && !playlist.settings.square_img">Settings</label>
+        <label v-if="playlist.has_image && !playlist.settings.square_img">{{t('Common.Settings')}}</label>
         <div v-if="image || playlist.has_image" class="banner-settings rounded-sm">
-            <div>Show square cover image</div>
+            <div>{{ t('UpdatePlaylist.SquareCover') }}</div>
             <Switch :state="playlist.settings.square_img || false" @click="pStore.toggleSquareImage" />
         </div>
         <div v-if="playlist.has_image && !playlist.settings.square_img" class="boxed banner-position-adjust rounded-sm">
-            <div class="t-center">Adjust image position • {{ pStore.info.settings.banner_pos }}%</div>
+            <div class="t-center">{{t('UpdatePlaylist.ImagePosition', {pos: pStore.info.settings.banner_pos }) }}</div>
             <div class="buttons">
                 <button @click.stop.prevent="pStore.minusBannerPos">
                     <ExpandSvg />
@@ -63,7 +63,7 @@
         </div>
 
         <button type="submit">
-            {{ clicked ? 'Saving' : 'Update' }}
+            {{ clicked ? t('Common.Saving') : t('Common.Update')}}
         </button>
     </form>
 </template>
@@ -81,6 +81,10 @@ import ImageIcon from '@/assets/icons/image.svg'
 
 import Switch from '../SettingsView/Components/Switch.vue'
 
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
+
 const pStore = usePStore()
 const { info: playlist } = storeToRefs(pStore)
 
diff --git a/src/components/nav/NavTitles.vue b/src/components/nav/NavTitles.vue
index 9f5de9aa..1b4b2765 100644
--- a/src/components/nav/NavTitles.vue
+++ b/src/components/nav/NavTitles.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="info">
-    <SettingsTitle v-if="$route.name == Routes.settings" :text="'Settings'" />
+    <SettingsTitle v-if="$route.name == Routes.settings" :text="t('NavTitles.Settings')" />
     <SearchTitle v-if="$route.name == Routes.search" />
     <PlaylistsTitle v-if="$route.name == Routes.playlists" />
     <SimpleNav
       v-if="$route.name == Routes.artistTracks"
-      :text="$route.query.artist as string || 'Artist Tracks'"
+      :text="$route.query.artist as string || t('NavTitles.ArtistTracks')"
     />
-    <SimpleNav v-if="$route.name === Routes.nowPlaying" :text="'Now Playing'" />
+    <SimpleNav v-if="$route.name === Routes.nowPlaying" :text="t('NavTitles.NowPlaying')" />
   </div>
 </template>
 
@@ -18,4 +18,8 @@ import SimpleNav from "./Titles/SimpleNav.vue";
 import SearchTitle from "./Titles/SearchTitle.vue";
 import SettingsTitle from "./Titles/SettingsTitle.vue";
 import PlaylistsTitle from "./Titles/PlaylistsTitle.vue";
+
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 </script>
diff --git a/src/components/nav/ProfileDropdown.vue b/src/components/nav/ProfileDropdown.vue
index efc6dbd6..48af546b 100644
--- a/src/components/nav/ProfileDropdown.vue
+++ b/src/components/nav/ProfileDropdown.vue
@@ -1,20 +1,20 @@
 <template>
     <div class="profiledrop rounded-md pad-sm shadow-lg noSelect">
         <div class="info item">
-            <div class="username ellip2">Hi {{ auth.user.firstname || auth.user.username }}</div>
+            <div class="username ellip2">{{t('ProfileDropdown.HiUser', { user: auth.user.firstname || auth.user.username })}}</div>
         </div>
         <div class="separator"></div>
         <div class="item scan" @click="triggerScan">
-            <div class="label">Quick scan</div>
+            <div class="label">{{ t('ProfileDropdown.QuickScan')}}</div>
             <ReloadSvg />
         </div>
         <div class="item" @click="modal.showSettingsModal">
-            <div class="label">Settings</div>
+            <div class="label">{{ t('Common.Settings')}}</div>
             <SettingsSvg />
         </div>
         <div class="separator"></div>
         <div class="item critical logout" @click="auth.logout">
-            <div class="label">Log out</div>
+            <div class="label">{{t('Common.LogOut')}}</div>
             <LogoutSvg />
         </div>
     </div>
@@ -29,6 +29,10 @@ import ReloadSvg from '@/assets/icons/reload.svg'
 import SettingsSvg from '@/assets/icons/settings.svg'
 import { triggerScan } from '@/requests/settings/rootdirs'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 const auth = useAuth()
 const modal = useModal()
 </script>
diff --git a/src/components/nav/Titles/Folder.vue b/src/components/nav/Titles/Folder.vue
index 33e2ad46..8840a60c 100644
--- a/src/components/nav/Titles/Folder.vue
+++ b/src/components/nav/Titles/Folder.vue
@@ -26,6 +26,7 @@
 
 <script setup lang="ts">
 import { useRouter } from 'vue-router'
+import { useI18n } from 'vue-i18n'
 
 import { Routes } from '@/router'
 
@@ -35,6 +36,9 @@ import DropDown from '@/components/shared/DropDown.vue'
 import useFolder from '@/stores/pages/folder'
 import { computed } from 'vue'
 
+
+const { t } = useI18n();
+
 const router = useRouter()
 const folder = useFolder()
 
@@ -48,20 +52,20 @@ interface SortItem {
 }
 
 const items: SortItem[] = [
-    { key: 'default', title: 'Default' },
-    { key: 'title', title: 'Title' },
-    { key: 'filepath', title: 'File Name' },
-    { key: 'album', title: 'Album' },
-    // { key: 'albumartists', title: 'Album Artist' },
-    { key: 'artists', title: 'Artist' },
-    // { key: 'bitrate', title: 'Bitrate' },
-    { key: 'date', title: 'Release Date' },
-    // { key: 'disc', title: 'Disc' },
-    // { key: 'duration', title: 'Duration' },
-    { key: 'last_mod', title: 'Date Added' },
-    { key: 'lastplayed', title: 'Last Played' },
-    { key: 'playcount', title: 'Play Count' },
-    { key: 'playduration', title: 'Play Duration' },
+    { key: 'default', title: t('Common.Default') },
+    { key: 'title', title: t('Common.Title') },
+    { key: 'filepath', title: t('Common.FileName') },
+    { key: 'album', title:  t('Common.Album') },
+    // { key: 'albumartists', title: t('Common.AlbumArtist')} },
+    { key: 'artists', title: t('Common.Artist') },
+    // { key: 'bitrate', title: t('Common.Bitrate') },
+    { key: 'date', title: t('Common.ReleaseDate') },
+    // { key: 'disc', title: t('Common.Disc') },
+    // { key: 'duration', title: t('Common.Duration') },
+    { key: 'last_mod', title: t('Common.DateAdded') },
+    { key: 'lastplayed', title: t('Common.LastPlayed') },
+    { key: 'playcount', title: t('Common.PlayCount') },
+    { key: 'playduration', title: t('Common.PlayDuration') },
 ]
 
 const handleSortKeySet = (item: SortItem) => {
diff --git a/src/components/nav/Titles/PlaylistsTitle.vue b/src/components/nav/Titles/PlaylistsTitle.vue
index 13fa195e..2e33a4b2 100644
--- a/src/components/nav/Titles/PlaylistsTitle.vue
+++ b/src/components/nav/Titles/PlaylistsTitle.vue
@@ -1,7 +1,7 @@
 <template>
   <div v-if="isSmall" class="playlists-nav">
     <div class="buttons">
-      <button @click="showNewPlaylistModal()"><PlusSvg /> New Playlist</button>
+      <button @click="showNewPlaylistModal()"><PlusSvg /> {{t('NewPlaylist.Title')}}</button>
     </div>
   </div>
 </template>
@@ -11,7 +11,10 @@ import PlusSvg from "@/assets/icons/plus.svg";
 import { isSmall } from "@/stores/content-width";
 
 import useModalStore from "@/stores/modal";
+import { useI18n } from "vue-i18n";
+
 const { showNewPlaylistModal } = useModalStore();
+const { t } = useI18n();
 </script>
 
 <style lang="scss">
diff --git a/src/components/shared/ArtistCard.vue b/src/components/shared/ArtistCard.vue
index 33d020e3..546036cd 100644
--- a/src/components/shared/ArtistCard.vue
+++ b/src/components/shared/ArtistCard.vue
@@ -28,7 +28,7 @@
             {{ artist.name }}
         </div>
         <div v-if="artist.help_text && artist.trackcount" class="racount t-center">
-            {{ artist.trackcount }} Track{{ artist.trackcount == 1 ? '' : 's' }}
+            {{ t('ArtistCard.TrackCount', {count: artist.trackcount}, artist.trackcount) }}
         </div>
     </RouterLink>
 </template>
@@ -43,6 +43,10 @@ import PlayBtn from './PlayBtn.vue'
 import { ref } from 'vue'
 import { showArtistContextMenu } from '@/helpers/contextMenuHandler'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 const imguri = paths.images.artist.medium
 const contextMenuFlag = ref(false)
 
diff --git a/src/components/shared/DropDown.vue b/src/components/shared/DropDown.vue
index 974f8302..a75a2fba 100644
--- a/src/components/shared/DropDown.vue
+++ b/src/components/shared/DropDown.vue
@@ -6,7 +6,7 @@
                 :class="{ showDropDown }"
                 :title="
                     reverse !== 'hide'
-                        ? `sort by: ${current.title} ${reverse ? 'Descending' : 'Ascending'}`.toUpperCase()
+                        ? t('DropDown.SortByUppercase', {title: current.title.toUpperCase(), order: reverse ? t('Common.Descending').toUpperCase() : t('Common.Ascending').toUpperCase()})
                         : undefined
                 "
                 @click.prevent="handleOpener"
@@ -31,9 +31,12 @@
 <script setup lang="ts">
 import { onClickOutside } from '@vueuse/core'
 import { Ref, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import ArrowSvg from '@/assets/icons/arrow.svg'
 
+const { t } = useI18n()
+
 const showDropDown = ref(false)
 const dropOptionsRef: Ref<HTMLElement | undefined> = ref()
 
diff --git a/src/components/shared/FavoritesCard.vue b/src/components/shared/FavoritesCard.vue
index bda547ea..3bff0611 100644
--- a/src/components/shared/FavoritesCard.vue
+++ b/src/components/shared/FavoritesCard.vue
@@ -21,12 +21,12 @@
         </div>
         <div class="info">
             <div class="rhelp playlist">
-                <span class="help">PLAYLIST</span>
+                <span class="help">{{ t('FavoritesCard.PlaylistUpper')}}</span>
                 <span class="time">{{ item.time }}</span>
             </div>
-            <div class="title">Favorite Tracks</div>
+            <div class="title">{{ t('FavoritesCard.FavoriteTracks')}}</div>
             <div class="fcount">
-                <b>{{ item.count + ` Track${item.count == 1 ? '' : 's'}` }}</b>
+                <b>{{ t('FavoritesCard.TrackCount', {count: item.count}, item.count) }}</b>
             </div>
         </div>
     </RouterLink>
@@ -38,6 +38,10 @@ import { Routes } from '@/router'
 import { playSources } from '@/enums'
 import PlayBtn from '../shared/PlayBtn.vue'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 defineProps<{
     item: {
         time: string
diff --git a/src/locales/en.json b/src/locales/en.json
index dc2abec9..b24ba23c 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1,162 +1,327 @@
 {
-    "Common": {
+  "Common": {
+    "Create": "Create",
+    "Change": "Change",
+    "Update": "Update",
+    "Saving": "Saving",
+    "Image": "Image",
+    "update": "update",
+    "upload": "upload",
+    "Settings": "Settings",
+    "Default": "Default",
+    "Title": "Title",
+    "Album": "Album",
+    "Artist": "Artist",
+    "ReleaseDate": "Release Date",
+    "DateAdded": "Date Added",
+    "LastPlayed": "Last Played",
+    "PlayCount": "Play Count",
+    "PlayDuration": "Play Duration",
+    "top": "top",
+    "tracks": "tracks",
+    "albums": "albums",
+    "artists": "artists",
+    "Titles": {},
+    "LogOut": "Log out",
+    "BuiltBy": "built by @cwilvx ↗",
+    "Playlist": "Playlist",
+    "AlbumArtist": "Album Artist",
+    "Bitrate": "Bitrate",
+    "Disc": "Disc",
+    "Duration": "Duration",
+    "album": "album | albums",
+    "track": "track | tracks",
+    "experimental": "experimental",
+    "new": "new",
+    "Rescan": "Rescan",
+    "Descending": "Descending",
+    "Ascending": "Ascending",
+    "FileName": "File Name",
+    "SwingMusic": "Swing Music"
+  },
+  "AlbumView": {
+    "AlbumBy": "Album by ",
+    "TrackCount": "Track",
+    "TrackCountPlural": "Tracks",
+    "GenreBanner": {
+      "GenreExists": "Genres",
+      "GenreDoesNotExist": "No Genres"
     },
-    "AlbumView": {
-        "AlbumBy": "Album by ",
-        "TrackCount": "Track",
-        "TrackCountPlural": "Tracks",
-        "GenreBanner": {
-            "GenreExists": "Genres",
-            "GenreDoesNotExist": "No Genres"
-        }
+    "PlayDisc": "Play Disc"
+  },
+  "ArtistView": {
+    "Title": "Artist",
+    "TrackCount": "Track",
+    "TrackCountPlural": "Tracks",
+    "AlbumCount": "Album",
+    "AlbumCountPlural": "Albums",
+    "NoTracks": "No tracks",
+    "RepeatOptions": {
+      "All": "Repeat all",
+      "One": "Repeat one",
+      "None": "No repeat"
     },
-    "ArtistView": {
-        "Title": "Artist",
-        "TrackCount": "Track",
-        "TrackCountPlural": "Tracks",
-        "AlbumCount": "Album",
-        "AlbumCountPlural": "Albums",
-        "NoTracks": "No tracks",
-        "RepeatOptions": {
-            "All": "Repeat all",
-            "One": "Repeat one",
-            "None": "No repeat"
-        }
+    "LoadMore": "Load More"
+  },
+  "BottomBar": {
+    "GoToNowPlaying": "Go to Now Playing",
+    "PlaceholderTitle": "Hello there",
+    "PlaceholderArtist": "Welcome to Swing Music",
+    "RepeatOptions": {
+      "All": "Repeat all",
+      "One": "Repeat one",
+      "None": "No repeat"
     },
-    "BottomBar": {
-        "GoToNowPlaying": "Go to Now Playing",
-        "PlaceholderTitle": "Hello there",
-        "PlaceholderArtist": "Welcome to Swing Music"
-    },
-    "Bubbles": {
-        "DropHere": "DROP TRACKS HERE"
-    },
-    "CardList": {
-        "SortBy": "Sort by",
-        "SortByOptions": {
-            "TrackCount": "No. of tracks",
-            "Duration": "Duration",
-            "CreatedDate": "Date added",
-            "LastPlayed": "Last played",
-            "PlayCount": "Plays",
-            "PlayDuration": "Play duration",
-            "Title": "Title",
-            "AlbumArtists": "Artist",
-            "Date": "Year Released",
-            "Name": "Name",
-            "NoOfAlbums": "No. of albums"
-        }
-    },
-    "FolderView": {
-        "FileCount": "File",
-        "FileCountPlural": "Files"
-    },
-    "HomeView": {
-        "Title": "Home",
-        "Greetings": {
-            "midnight": "Hey there night owl",
-            "dawn": "Hey there early bird",
-            "morning": "Good morning {name}",
-            "afternoon": "Good afternoon {name}",
-            "evening": "Good evening {name}"
-        },
-        "Browse": {
-            "Title": "Browse Library",
-            "BrowseList": {
-                "Folders": "Folders",
-                "Albums": "Albums",
-                "Artists": "Artists",
-                "Playlists": "Playlists",
-                "Favorites": "Favorites",
-                "FavTracks": "Fav. tracks",
-                "FavArtists": "Fav. artists",
-                "FavAlbums": "Fav. albums",
-                "Stats": "Stats"
-            }
-        }
+    "Shuffle": "Shuffle",
+    "Favorite": "Favorite"
+  },
+  "Bubbles": {
+    "DropHere": "DROP TRACKS HERE"
+  },
+  "CardList": {
+    "SortBy": "Sort by",
+    "SortByOptions": {
+      "TrackCount": "No. of tracks",
+      "Duration": "Duration",
+      "CreatedDate": "Date added",
+      "LastPlayed": "Last played",
+      "PlayCount": "Plays",
+      "PlayDuration": "Play duration",
+      "Title": "Title",
+      "AlbumArtists": "Artist",
+      "Date": "Year Released",
+      "Name": "Name",
+      "NoOfAlbums": "No. of albums"
+    }
+  },
+  "FolderView": {
+    "FileCount": "File",
+    "FileCountPlural": "Files"
+  },
+  "HomeView": {
+    "Title": "Home",
+    "Greetings": {
+      "midnight": "Hey there night owl",
+      "dawn": "Hey there early bird",
+      "morning": "Good morning {name}",
+      "afternoon": "Good afternoon {name}",
+      "evening": "Good evening {name}"
     },
-    "LeftSidebar": {
-        "NavItems": {
-            "Folder": "Folders",
-            "Favorites": "Favorites",
-            "Playlists": "Playlists",
-            "Home": "Home",
-            "Search": "Search",
-            "Settings": "Settings"
-        }
+    "Browse": {
+      "Title": "Browse Library",
+      "BrowseList": {
+        "Folders": "Folders",
+        "Albums": "Albums",
+        "Artists": "Artists",
+        "Playlists": "Playlists",
+        "Favorites": "Favorites",
+        "FavTracks": "Fav. tracks",
+        "FavArtists": "Fav. artists",
+        "FavAlbums": "Fav. albums",
+        "Stats": "Stats"
+      }
     },
-    "NowPlaying": {
-        "GoToAlbum": "Go to album",
-        "UpNext": "Up Next",
-        "Queue": "Queue",
-        "GoToPlaySource": "Go to play source"
+    "title": "Home"
+  },
+  "LeftSidebar": {
+    "NavItems": {
+      "Folder": "Folders",
+      "Favorites": "Favorites",
+      "Playlists": "Playlists",
+      "Home": "Home",
+      "Search": "Search",
+      "Settings": "Settings"
     },
-    "PlaylistsList": {
-        "TrackCount": "Track",
-        "TrackCountPlural": "Tracks"
+    "FileTypeBitrate": "file type • bitrate"
+  },
+  "NowPlaying": {
+    "GoToAlbum": "Go to album",
+    "UpNext": "Up Next",
+    "Queue": "Queue",
+    "GoToPlaySource": "Go to play source"
+  },
+  "PlaylistsList": {
+    "TrackCount": "Track",
+    "TrackCountPlural": "Tracks"
+  },
+  "PlaylistView": {
+    "TrackCount": "Track",
+    "TrackCountPlural": "Tracks",
+    "LastUpdated": "Last Updated {date}",
+    "Edit": "Edit",
+    "AllTracks": "All Tracks"
+  },
+  "RightSidebar": {
+    "SimilarTracks": "Similar Tracks",
+    "Shuffle": "Shuffle",
+    "NowPlaying": "Now Playing",
+    "NoQueueTitle": "No songs in queue",
+    "NoQueueDescription": "When you start playing songs, they will appear here.",
+    "BackToQueue": "back to queue"
+  },
+  "Search": {
+    "NoResultsTitle": "No results",
+    "NoTracksTitle": "No tracks",
+    "NoResultsDescription": "We can't find any results for your search.",
+    "TopResult": "Top Result",
+    "Tracks": "Tracks",
+    "Artists": "Artists",
+    "Albums": "Albums",
+    "BackToQueue": "Back to Queue",
+    "GoToSearch": "Go to Search",
+    "SearchPlaceholder": "Start typing to search"
+  },
+  "Settings": {
+    "Save": "Save",
+    "Cancel": "Cancel",
+    "Backup": {
+      "Title": "Backup",
+      "RestoreBackup": "Restore Backup",
+      "BackupCount": "You have {count} backup(s) in your backup directory.",
+      "PlaylistCount": "{count} playlist | {count} playlists",
+      "ScrobbleCount": "{count} scrobble | {count} scrobbles",
+      "FavoriteCount": "{count} favorite | {count} favorites",
+      "CollectionCount": "{count} collection",
+      "RestoreButton": "Restore",
+      "RestoreAllButton": "Restore All"
     },
-    "PlaylistView": {
-        "TrackCount": "Track",
-        "TrackCountPlural": "Tracks",
-        "LastUpdated": "Last Updated {date}",
-        "Edit": "Edit",
-        "AllTracks": "All Tracks"
+    "List": {
+      "RootNotConfigured": "Root directories not configured. Use the \"Configure\" button above to configure"
     },
-    "RightSidebar": {
-        "SimilarTracks": "Similar Tracks",
-        "Shuffle": "Shuffle",
-        "NowPlaying": "Now Playing",
-        "NoQueueTitle": "No songs in queue",
-        "NoQueueDescription": "When you start playing songs, they will appear here."
+    "NumberInput": {
+      "InvalidNumber": "Invalid number",
+      "Updated": "Updated",
+      "UpdateFailed": "Failed to update"
     },
-    "Search": {
-        "NoResultsTitle": "No results",
-        "NoTracksTitle": "No tracks",
-        "NoResultsDescription": "We can't find any results for your search.",
-        "TopResult": "Top Result",
-        "Tracks": "Tracks",
-        "Artists": "Artists",
-        "Albums": "Albums",
-        "BackToQueue": "Back to Queue",
-        "GoToSearch": "Go to Search",
-        "SearchPlaceholder": "Start typing to search"
+    "About": {
+      "Developer": "Swing Music is a labor of love developed by {link} on GitHub. If you like this software, a star on GitHub would be nice. Hope you enjoy using it as much as I enjoy building it. 😁🤗",
+      "LinksTitle": "Links",
+      "LinksDocs": "Docs",
+      "LinksGitHub": "Star on GitHub",
+      "LinksIssue": "Report an issue",
+      "LinksContribute": "Contribute",
+      "GetInTouchTitle": "Get in touch",
+      "GetInTouchDescription": "If you like my work, and would like to say hi, I'd like to hear from you.",
+      "SendEmail": "Send Email"
     },
-    "Settings": {
-        "Save": "Save",
-        "Cancel": "Cancel",
-        "Backup": {
-            "Title": "Backup",
-            "RestoreBackup": "Restore Backup",
-            "BackupCount": "You have {count} backup(s) in your backup directory.",
-            "PlaylistCount": "{count} playlist",
-            "PlaylistCountPlural": "{count} playlists",
-            "ScrobbleCount": "{count} scrobble",
-            "ScrobbleCountPlural": "{count} scrobbles",
-            "FavoriteCount": "{count} favorite",
-            "FavoriteCountPlural": "{count} favorites",
-            "CollectionCount": "{count} collection",
-            "CollectionCountPlural": "{count} collections",
-            "RestoreButton": "Restore",
-            "RestoreAllButton": "Restore All"
-        },
-        "List": {
-            "RootNotConfigured": "Root directories not configured. Use the \"Configure\" button above to configure"
-        },
-        "NumberInput": {
-            "InvalidNumber": "Invalid number",
-            "Updated": "Updated",
-            "UpdateFailed": "Failed to update"
-        },
-        "About": {
-            "Developer": "Swing Music is a labor of love developed by {link} on GitHub. If you like this software, a star on GitHub would be nice. Hope you enjoy using it as much as I enjoy building it. 😁🤗",
-            "LinksTitle": "Links",
-            "LinksDocs": "Docs",
-            "LinksGitHub": "Star on GitHub",
-            "LinksIssue": "Report an issue",
-            "LinksContribute": "Contribute",
-            "GetInTouchTitle": "Get in touch",
-            "GetInTouchDescription": "If you like my work, and would like to say hi, I'd like to hear from you.",
-            "SendEmail": "Send Email"
-        }
-    }
-}
\ No newline at end of file
+    "Experimental": "experimental"
+  },
+  "Favorites": {
+    "Album": "Album"
+  },
+  "Mixes": {
+    "track": "track | tracks",
+    "SavedMix": "Saved Mix",
+    "SaveMix": "Save Mix",
+    "Radio": "Radio"
+  },
+  "AuthLogin": {
+    "BackToSelection": "Back to selection",
+    "Back": "Back",
+    "WelcomeBack": "Welcome back",
+    "EnterUsername": "Enter username",
+    "EnterPassword": "Enter password",
+    "ContinueAsGuest": "Or continue as guest"
+  },
+  "ConfirmModal": {
+    "Cancel": "Cancel",
+    "Delete": "Delete"
+  },
+  "CrudPage": {
+    "CollectionName": "Collection name",
+    "Description": "Description",
+    "Update": "Update",
+    "Create": "Create",
+    "DeleteDescription": "Are you sure you want to delete this collection?",
+    "DeleteButton": "Yes, Delete",
+    "DeleteNotification": "Collection deleted",
+    "CreateNotification": "New collection created",
+    "UpdateNotification": "Collection updated",
+    "DeleteTitle": "Delete",
+    "UpdateTitle": "Update",
+    "NewTitle": "New",
+    "CollectionTitle": " Collection"
+  },
+  "NewPlaylist": {
+    "PlaylistName": "Playlist name",
+    "NamePlaceholder": "Type a name...",
+    "CreateButton": "Create",
+    "Title": "New Playlist",
+    "NameNotEmpty": "Playlist name can't be empty"
+  },
+  "RootDirsPrompt": {
+    "WhereToLook": "Where do you want to look for music?",
+    "HomeDir": "Home directory",
+    "HomeDirInfo": "Scan all folders in your home directory.",
+    "SpecificDir": "Specific directories",
+    "SpecificDirInfo": "Select folders to scan for music."
+  },
+  "SetRootDirs": {
+    "NoSubFolders": "No folders here. Click the \"Add this folder\" button below to select this location.",
+    "SelectThisFolder": "Add this folder",
+    "AddAllChecked": "Add all checked"
+  },
+  "Accounts": {
+    "AllUsers": "All users",
+    "NewUser": "New user",
+    "EnableGuestAccess": "Enable guest access",
+    "EnableGuestAccessDesc": "Allow users to access the site without an account",
+    "ShowUsersOnLogin": "Show users on login",
+    "ShowUsersOnLoginDesc": "Show a list of users on your server when logging in",
+    "Admin": "Admin",
+    "AdminDesc": "Can do anything",
+    "NoSelfDelete": "Sorry! You cannot delete yourself"
+  },
+  "Pairing": {
+    "ScanQRCode": "Scan the QR code from the Swing Music app to pair with this server.",
+    "ErrorPairingCode": "Error fetching pairing code. Error code: {res}"
+  },
+  "Profile": {
+    "PasswordMismatch": "Passwords do not match",
+    "HiUser": "Hi {user}",
+    "Username": "Username",
+    "PasswordAction": "{action} password",
+    "ConfirmPassword": "Confirm password",
+    "AddUser": "Add user"
+  },
+  "UpdatePlaylist": {
+    "Name": "Playlist name",
+    "CoverAction": "Click to {action} cover image",
+    "SquareCover": "Show square cover image",
+    "ImagePosition": "Adjust image position • {pos} %"
+  },
+  "NavTitles": {
+    "ArtistTracks": "'Artist Tracks'",
+    "NowPlaying": "'Now Playing'",
+    "Settings": "'Settings'"
+  },
+  "ProfileDropdown": {
+    "QuickScan": "Quick scan",
+    "HiUser": "Hi {user}"
+  },
+  "SearchInput": {
+    "BackToQueue": "back to queue",
+    "GoToSearch": "go to search"
+  },
+  "UpNext": {
+    "PlayNextSong": "play next song",
+    "NextUp": "Next up"
+  },
+  "Content": {
+    "SettingsDesc": "Customize your settings and preferences"
+  },
+  "Nav": {
+    "ResetClient": "Reset client"
+  },
+  "ArtistCard": {
+    "TrackCount": "{count} Track | {count} Tracks"
+  },
+  "DropDown": {
+    "SortByUppercase": "SORT BY {title} {order}"
+  },
+  "FavoritesCard": {
+    "FavoriteTracks": "Favorite Tracks",
+    "TrackCount": "{count} track | {count} tracks",
+    "PlaylistUpper": "PLAYLIST"
+  }
+}
diff --git a/src/locales/it.json b/src/locales/it.json
new file mode 100644
index 00000000..5b99baee
--- /dev/null
+++ b/src/locales/it.json
@@ -0,0 +1,327 @@
+{
+  "Common": {
+    "Create": "Crea",
+    "Change": "Cambia",
+    "Update": "Aggiorna",
+    "Saving": "Salvataggio",
+    "Image": "Immagine",
+    "update": "aggiornare",
+    "upload": "caricare",
+    "Settings": "Impostazioni",
+    "Default": "Default",
+    "Title": "Titolo",
+    "Album": "Album",
+    "Artist": "Artista",
+    "ReleaseDate": "Data di rilascio",
+    "DateAdded": "Data di aggiunta",
+    "LastPlayed": "Ultima riproduzione",
+    "PlayCount": "Numero di riproduzioni",
+    "PlayDuration": "Durata di riproduzione",
+    "top": "migliori",
+    "tracks": "tracce",
+    "albums": "albums",
+    "artists": "artisti",
+    "Titles": {},
+    "LogOut": "Scollegati",
+    "BuiltBy": "creato da @cwilvx ↗",
+    "Playlist": "Playlist",
+    "AlbumArtist": "Artista Album",
+    "Bitrate": "Bitrate",
+    "Disc": "Disco",
+    "Duration": "Durata",
+    "album": "album | albums",
+    "track": "traccia | tracce",
+    "experimental": "sperimentale",
+    "new": "nuovo",
+    "Rescan": "Riscansiona",
+    "Descending": "Scendendo",
+    "Ascending": "Crescendo",
+    "FileName": "Nome File",
+    "SwingMusic": "Swing Music"
+  },
+  "AlbumView": {
+    "AlbumBy": "Album by ",
+    "TrackCount": "Traccia",
+    "TrackCountPlural": "Tracce",
+    "GenreBanner": {
+      "GenreExists": "Generi",
+      "GenreDoesNotExist": "Nessun genere"
+    },
+    "PlayDisc": "Riproduci disco"
+  },
+  "ArtistView": {
+    "Title": "Artista",
+    "TrackCount": "Traccia",
+    "TrackCountPlural": "Tracce",
+    "AlbumCount": "Album",
+    "AlbumCountPlural": "Albums",
+    "NoTracks": "Nessuna traccia",
+    "RepeatOptions": {
+      "All": "Ripeti tutte",
+      "One": "Ripeti singola",
+      "None": "Nessuna ripetizione"
+    },
+    "LoadMore": "Carica altri"
+  },
+  "BottomBar": {
+    "GoToNowPlaying": "Vai a in riproduzione",
+    "PlaceholderTitle": "Benvenuto",
+    "PlaceholderArtist": "Benvenuto a Swing Music",
+    "RepeatOptions": {
+      "All": "Ripeti tutte",
+      "One": "Ripeti singola",
+      "None": "Nessuna ripetizione"
+    },
+    "Shuffle": "Mescola",
+    "Favorite": "Preferita"
+  },
+  "Bubbles": {
+    "DropHere": "RILASCIA TRACCE QUA"
+  },
+  "CardList": {
+    "SortBy": "Ordina per",
+    "SortByOptions": {
+      "TrackCount": "N. di tracce",
+      "Duration": "Durata",
+      "CreatedDate": "Aggiunto in data",
+      "LastPlayed": "Ultima riproduzione",
+      "PlayCount": "Numero di rip.",
+      "PlayDuration": "Durata riproduzione",
+      "Title": "Titolo",
+      "AlbumArtists": "Artista",
+      "Date": "Anno di rilascio",
+      "Name": "Nome",
+      "NoOfAlbums": "No. di album"
+    }
+  },
+  "FolderView": {
+    "FileCount": "File",
+    "FileCountPlural": "Files"
+  },
+  "HomeView": {
+    "Title": "Home",
+    "Greetings": {
+      "midnight": "Hey animale notturno",
+      "dawn": "Hey there uccello mattutino",
+      "morning": "Buongiorno, {name}",
+      "afternoon": "Buon pomeriggio, {name}",
+      "evening": "Buona serata, {name}"
+    },
+    "Browse": {
+      "Title": "Sfoglia libreria",
+      "BrowseList": {
+        "Folders": "Cartelle",
+        "Albums": "Album",
+        "Artists": "Artisti",
+        "Playlists": "Playlist",
+        "Favorites": "Preferiti",
+        "FavTracks": "Tracce pref.",
+        "FavArtists": "Artisti pref.",
+        "FavAlbums": "Album pref.",
+        "Stats": "Statist."
+      }
+    },
+    "title": "Home"
+  },
+  "LeftSidebar": {
+    "NavItems": {
+      "Folder": "Cartelle",
+      "Favorites": "Preferiti",
+      "Playlists": "Playlist",
+      "Home": "Home",
+      "Search": "Cerca",
+      "Settings": "Impostazioni"
+    },
+    "FileTypeBitrate": "tipo file • bitrate"
+  },
+  "NowPlaying": {
+    "GoToAlbum": "Vai ad album",
+    "UpNext": "Pros. traccia",
+    "Queue": "Coda",
+    "GoToPlaySource": "Vai alla posizione della traccia"
+  },
+  "PlaylistsList": {
+    "TrackCount": "Traccia",
+    "TrackCountPlural": "Tracce"
+  },
+  "PlaylistView": {
+    "TrackCount": "Traccia",
+    "TrackCountPlural": "Tracce",
+    "LastUpdated": "Aggiornato in {date}",
+    "Edit": "Modifica",
+    "AllTracks": "Tutte le tracce"
+  },
+  "RightSidebar": {
+    "SimilarTracks": "Tracce simili",
+    "Shuffle": "Shuffle",
+    "NowPlaying": "Riproducendo",
+    "NoQueueTitle": "Nessuna canzone in coda",
+    "NoQueueDescription": "Quando inizierai a riprodurre canzoni, queste appariranno qua.",
+    "BackToQueue": "ritorna alla coda"
+  },
+  "Search": {
+    "NoResultsTitle": "Nessun risultato",
+    "NoTracksTitle": "nessuna traccia",
+    "NoResultsDescription": "Non riesco a trovare nessuna traccia con i parametri specificati.",
+    "TopResult": "Miglior risultato",
+    "Tracks": "Tracce",
+    "Artists": "Artisti",
+    "Albums": "Album",
+    "BackToQueue": "Ritorna alla coda",
+    "GoToSearch": "Vai alla ricerca",
+    "SearchPlaceholder": "Scrivi per cercare"
+  },
+  "Settings": {
+    "Save": "Salva",
+    "Cancel": "Annulla",
+    "Backup": {
+      "Title": "Backup",
+      "RestoreBackup": "Ripristina Backup",
+      "BackupCount": "Hai {count} backup(s) nella tua cartella dei backup.",
+      "PlaylistCount": "{count} playlist | {count} playlists",
+      "ScrobbleCount": "{count} scrobble | {count} scrobbles",
+      "FavoriteCount": "{count} preferito | {count} preferiti",
+      "CollectionCount": "{count} collezione | {count} collezioni",
+      "RestoreButton": "Ripristina",
+      "RestoreAllButton": "Ripristina tutto"
+    },
+    "List": {
+      "RootNotConfigured": "Cartella radice non impostata. Usa il pulsante \"Configure\" per impostarla"
+    },
+    "NumberInput": {
+      "InvalidNumber": "Numero non valido",
+      "Updated": "Aggiornato",
+      "UpdateFailed": "Aggiornamento fallito"
+    },
+    "About": {
+      "Developer": "Swing Music è un atto d'amore sviluppato su GitHub a {link}. Se questo software ti piace, una stellina sul progetto sarebbe molto apprezzata. Spero tu l'apprezzi tanto quanto mi son divertito a scriverla da zero. 😁🤗",
+      "LinksTitle": "Links",
+      "LinksDocs": "Docs",
+      "LinksGitHub": "Lascia una stella su GitHub",
+      "LinksIssue": "Segnala un problema (preferibilmente in inglese)",
+      "LinksContribute": "Contribuisci",
+      "GetInTouchTitle": "Rimani in contatto",
+      "GetInTouchDescription": "Se apprezzi il mio lavoro, e ti piacerebbe salutarmi, mi farebbe piacere un contatto (in inglese).",
+      "SendEmail": "Manda Email"
+    },
+    "Experimental": "sperimentale"
+  },
+  "Favorites": {
+    "Album": "Album"
+  },
+  "Mixes": {
+    "track": "traccia | tracce",
+    "SavedMix": "Mix salvato",
+    "SaveMix": "Salva mix",
+    "Radio": "Radio"
+  },
+  "AuthLogin": {
+    "BackToSelection": "Torna alla selezione",
+    "Back": "Indietro",
+    "WelcomeBack": "Bentornato",
+    "EnterUsername": "Inserisci nome utente",
+    "EnterPassword": "Inserisci password",
+    "ContinueAsGuest": "O continua come ospite"
+  },
+  "ConfirmModal": {
+    "Cancel": "Annulla",
+    "Delete": "Elimina"
+  },
+  "CrudPage": {
+    "CollectionName": "Nome collezione",
+    "Description": "Descrizione",
+    "Update": "Aggiorna",
+    "Create": "Crea",
+    "DeleteDescription": "Sei sicuro di voler cancellare questa collezione?",
+    "DeleteButton": "Si, eliminala",
+    "DeleteNotification": "Collezione eliminata",
+    "CreateNotification": "Nuova collezione creata",
+    "UpdateNotification": "Collezione aggiornata",
+    "DeleteTitle": "Elimina",
+    "UpdateTitle": "Aggiorna",
+    "NewTitle": "Nuova",
+    "CollectionTitle": " Collezione"
+  },
+  "NewPlaylist": {
+    "PlaylistName": "Nome playlist",
+    "NamePlaceholder": "Inserisci un nome...",
+    "CreateButton": "Crea",
+    "Title": "Nuova playlist",
+    "NameNotEmpty": "Il nome della playlist non può essere vuoto"
+  },
+  "RootDirsPrompt": {
+    "WhereToLook": "Dove vuoi cercare la tua musica?",
+    "HomeDir": "Cartella home",
+    "HomeDirInfo": "Scansiona tutte le cartelle nella tua home.",
+    "SpecificDir": "Cartella specifica",
+    "SpecificDirInfo": "Seleziona le cartelle contententi la musica da scansionare."
+  },
+  "SetRootDirs": {
+    "NoSubFolders": "Nessuna cartella qua. Clicca \"aggiungi questa cartella\" per aggiungere la posizione attuale.",
+    "SelectThisFolder": "Aggiungi questa cartella",
+    "AddAllChecked": "Aggiungi tutte le cartelle spuntate"
+  },
+  "Accounts": {
+    "AllUsers": "Tutti gli utenti",
+    "NewUser": "Nuovo utente",
+    "EnableGuestAccess": "Abilita accesso ospite",
+    "EnableGuestAccessDesc": "Permetti utenti di accedere a questo sito senza un account",
+    "ShowUsersOnLogin": "Mostra utenti durante l'accesso",
+    "ShowUsersOnLoginDesc": "Mostra un elenco di utenti disponibili durante l'accesso",
+    "Admin": "Admin",
+    "AdminDesc": "Può far tutto",
+    "NoSelfDelete": "Non puoi cancellare te stesso!"
+  },
+  "Pairing": {
+    "ScanQRCode": "Scansiona il QRCode con l'app Swing Music per accedere automaticamente a questo server.",
+    "ErrorPairingCode": "Errore nel recupero del codice di pairing. Codice di errore: {res}"
+  },
+  "Profile": {
+    "PasswordMismatch": "Le password sono diverse",
+    "HiUser": "Ciao {user}",
+    "Username": "Nome utente",
+    "PasswordAction": "{action} password",
+    "ConfirmPassword": "Conferma password",
+    "AddUser": "Aggiungi utente"
+  },
+  "UpdatePlaylist": {
+    "Name": "Nome playlist",
+    "CoverAction": "Clicca per {action} l'immagine di copertina",
+    "SquareCover": "Rendi la copertina squadrata",
+    "ImagePosition": "Modifica posizione immagine • {pos} %"
+  },
+  "NavTitles": {
+    "ArtistTracks": "'Tracce Artisti'",
+    "NowPlaying": "'In riproduzione'",
+    "Settings": "'Impostazioni'"
+  },
+  "ProfileDropdown": {
+    "QuickScan": "Scansione veloce",
+    "HiUser": "Ciao {user}"
+  },
+  "SearchInput": {
+    "GoToSearch": "vai alla ricerca",
+    "BackToQueue": "torna alla coda"
+  },
+  "UpNext": {
+    "PlayNextSong": "riproduci prossima traccia",
+    "NextUp": "La prossima"
+  },
+  "Content": {
+    "SettingsDesc": "Personalizza le impostazioni e le tue preferenze"
+  },
+  "Nav": {
+    "ResetClient": "Resetta client"
+  },
+  "ArtistCard": {
+    "TrackCount": "{count} Traccia | {count} Tracce"
+  },
+  "DropDown": {
+    "SortByUppercase": "ORDINA PER {title} {order}"
+  },
+  "FavoritesCard": {
+    "FavoriteTracks": "Tracce preferite",
+    "TrackCount": "{count} traccia | {count} tracce",
+    "PlaylistUpper": "PLAYLIST"
+  }
+}
diff --git a/src/locales/ko.json b/src/locales/ko.json
index ee14c16e..2ceba91f 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -1,162 +1,157 @@
 {
-    "Common": {
-    },
-    "AlbumView": {
-        "AlbumBy": "",
-        "TrackCount": "트랙",
-        "TrackCountPlural": "트랙",
-        "GenreBanner": {
-            "GenreExists": "장르",
-            "GenreDoesNotExist": "장르 없음"
-        }
-    },
-    "ArtistView": {
-        "Title": "아티스트",
-        "TrackCount": "트랙",
-        "TrackCountPlural": "트랙",
-        "AlbumCount": "앨범",
-        "AlbumCountPlural": "앨범",
-        "NoTracks": "트랙 없음",
-        "RepeatOptions": {
-            "All": "전체 반복",
-            "One": "한 곡 반복",
-            "None": "반복 안 함"
-        }
-    },
-    "BottomBar": {
-        "GoToNowPlaying": "현재 재생으로 이동",
-        "PlaceholderTitle": "반가워요",
-        "PlaceholderArtist": "Swing Music에 오신 것을 환영합니다"
-    },
-    "Bubbles": {
-        "DropHere": "여기에 트랙을 내려놓으세요"
-    },
-    "CardList": {
-        "SortBy": "정렬 기준",
-        "SortByOptions": {
-            "TrackCount": "트랙 수",
-            "Duration": "재생 시간",
-            "CreatedDate": "추가된 날짜",
-            "LastPlayed": "마지막 재생",
-            "PlayCount": "재생 수",
-            "PlayDuration": "재생 시간",
-            "Title": "제목",
-            "AlbumArtists": "아티스트",
-            "Date": "발매 연도",
-            "Name": "이름",
-            "NoOfAlbums": "앨범 수"
-        }
-    },
-    "FolderView": {
-        "FileCount": "파일",
-        "FileCountPlural": "파일"
-    },
-    "HomeView": {
-        "Title": "홈",
-        "Greetings": {
-            "midnight": "저녁형 인간이시군요",
-            "dawn": "아침형 인간이시군요",
-            "morning": "{name}님, 좋은 아침이에요",
-            "afternoon": "{name}님, 좋은 오후에요",
-            "evening": "{name}님, 좋은 저녁이에요"
-        },
-        "Browse": {
-            "Title": "라이브러리 탐색",
-            "BrowseList": {
-                "Folders": "폴더",
-                "Albums": "앨범",
-                "Artists": "아티스트",
-                "Playlists": "재생 목록",
-                "Favorites": "즐겨찾기",
-                "FavTracks": "즐겨찾는 트랙",
-                "FavArtists": "즐겨찾는 아티스트",
-                "FavAlbums": "즐겨찾는 앨범",
-                "Stats": "통계"
-            }
-        }
-    },
-    "LeftSidebar": {
-        "NavItems": {
-            "Folder": "폴더",
-            "Favorites": "즐겨찾기",
-            "Playlists": "재생 목록",
-            "Home": "홈",
-            "Search": "검색",
-            "Settings": "설정"
-        }
-    },
-    "NowPlaying": {
-        "GoToAlbum": "앨범으로 이동",
-        "UpNext": "다음 곡",
-        "Queue": "대기열",
-        "GoToPlaySource": "재생 소스로 이동"
-    },
-    "PlaylistsList": {
-        "TrackCount": "트랙",
-        "TrackCountPlural": "트랙"
+  "Common": {},
+  "AlbumView": {
+    "AlbumBy": "",
+    "TrackCount": "트랙",
+    "TrackCountPlural": "트랙",
+    "GenreBanner": {
+      "GenreExists": "장르",
+      "GenreDoesNotExist": "장르 없음"
+    }
+  },
+  "ArtistView": {
+    "Title": "아티스트",
+    "TrackCount": "트랙",
+    "TrackCountPlural": "트랙",
+    "AlbumCount": "앨범",
+    "AlbumCountPlural": "앨범",
+    "NoTracks": "트랙 없음",
+    "RepeatOptions": {
+      "All": "전체 반복",
+      "One": "한 곡 반복",
+      "None": "반복 안 함"
+    }
+  },
+  "BottomBar": {
+    "GoToNowPlaying": "현재 재생으로 이동",
+    "PlaceholderTitle": "반가워요",
+    "PlaceholderArtist": "Swing Music에 오신 것을 환영합니다"
+  },
+  "Bubbles": {
+    "DropHere": "여기에 트랙을 내려놓으세요"
+  },
+  "CardList": {
+    "SortBy": "정렬 기준",
+    "SortByOptions": {
+      "TrackCount": "트랙 수",
+      "Duration": "재생 시간",
+      "CreatedDate": "추가된 날짜",
+      "LastPlayed": "마지막 재생",
+      "PlayCount": "재생 수",
+      "PlayDuration": "재생 시간",
+      "Title": "제목",
+      "AlbumArtists": "아티스트",
+      "Date": "발매 연도",
+      "Name": "이름",
+      "NoOfAlbums": "앨범 수"
+    }
+  },
+  "FolderView": {
+    "FileCount": "파일",
+    "FileCountPlural": "파일"
+  },
+  "HomeView": {
+    "Title": "홈",
+    "Greetings": {
+      "midnight": "저녁형 인간이시군요",
+      "dawn": "아침형 인간이시군요",
+      "morning": "{name}님, 좋은 아침이에요",
+      "afternoon": "{name}님, 좋은 오후에요",
+      "evening": "{name}님, 좋은 저녁이에요"
     },
-    "PlaylistView": {
-        "TrackCount": "트랙",
-        "TrackCountPlural": "트랙",
-        "LastUpdated": "{date}에 마지막으로 업데이트됨",
-        "Edit": "편집",
-        "AllTracks": "모든 트랙"
+    "Browse": {
+      "Title": "라이브러리 탐색",
+      "BrowseList": {
+        "Folders": "폴더",
+        "Albums": "앨범",
+        "Artists": "아티스트",
+        "Playlists": "재생 목록",
+        "Favorites": "즐겨찾기",
+        "FavTracks": "즐겨찾는 트랙",
+        "FavArtists": "즐겨찾는 아티스트",
+        "FavAlbums": "즐겨찾는 앨범",
+        "Stats": "통계"
+      }
+    }
+  },
+  "LeftSidebar": {
+    "NavItems": {
+      "Folder": "폴더",
+      "Favorites": "즐겨찾기",
+      "Playlists": "재생 목록",
+      "Home": "홈",
+      "Search": "검색",
+      "Settings": "설정"
+    }
+  },
+  "NowPlaying": {
+    "GoToAlbum": "앨범으로 이동",
+    "UpNext": "다음 곡",
+    "Queue": "대기열",
+    "GoToPlaySource": "재생 소스로 이동"
+  },
+  "PlaylistsList": {
+    "TrackCount": "트랙",
+    "TrackCountPlural": "트랙"
+  },
+  "PlaylistView": {
+    "TrackCount": "트랙",
+    "TrackCountPlural": "트랙",
+    "LastUpdated": "{date}에 마지막으로 업데이트됨",
+    "Edit": "편집",
+    "AllTracks": "모든 트랙"
+  },
+  "RightSidebar": {
+    "SimilarTracks": "유사한 트랙",
+    "Shuffle": "셔플",
+    "NowPlaying": "현재 재생",
+    "NoQueueTitle": "대기열에 곡이 없습니다",
+    "NoQueueDescription": "곡 재생을 시작하면 여기에 나타납니다."
+  },
+  "Search": {
+    "NoResultsTitle": "결과 없음",
+    "NoTracksTitle": "트랙 없음",
+    "NoResultsDescription": "검색 결과를 찾을 수 없습니다.",
+    "TopResult": "최고 결과",
+    "Tracks": "트랙",
+    "Artists": "아티스트",
+    "Albums": "앨범",
+    "BackToQueue": "대기열로 돌아가기",
+    "GoToSearch": "검색으로 이동",
+    "SearchPlaceholder": "검색어를 입력하세요"
+  },
+  "Settings": {
+    "Save": "저장",
+    "Cancel": "취소",
+    "Backup": {
+      "Title": "백업",
+      "RestoreBackup": "백업 복원",
+      "BackupCount": "백업 디렉토리에 {count} 개의 백업이 있습니다.",
+      "PlaylistCount": "{count} 개의 재생 목록",
+      "ScrobbleCount": "{count} 개의 스크로블",
+      "FavoriteCount": "{count} 개의 즐겨찾기",
+      "CollectionCount": "{count} 개의 컬렉션",
+      "RestoreButton": "복원",
+      "RestoreAllButton": "모두 복원"
     },
-    "RightSidebar": {
-        "SimilarTracks": "유사한 트랙",
-        "Shuffle": "셔플",
-        "NowPlaying": "현재 재생",
-        "NoQueueTitle": "대기열에 곡이 없습니다",
-        "NoQueueDescription": "곡 재생을 시작하면 여기에 나타납니다."
+    "List": {
+      "RootNotConfigured": "루트 디렉토리가 구성되지 않았습니다. 위의 \"구성\" 버튼을 사용하여 구성하세요."
     },
-    "Search": {
-        "NoResultsTitle": "결과 없음",
-        "NoTracksTitle": "트랙 없음",
-        "NoResultsDescription": "검색 결과를 찾을 수 없습니다.",
-        "TopResult": "최고 결과",
-        "Tracks": "트랙",
-        "Artists": "아티스트",
-        "Albums": "앨범",
-        "BackToQueue": "대기열로 돌아가기",
-        "GoToSearch": "검색으로 이동",
-        "SearchPlaceholder": "검색어를 입력하세요"
+    "NumberInput": {
+      "InvalidNumber": "유효하지 않은 숫자",
+      "Updated": "업데이트됨",
+      "UpdateFailed": "업데이트 실패"
     },
-    "Settings": {
-        "Save": "저장",
-        "Cancel": "취소",
-        "Backup": {
-            "Title": "백업",
-            "RestoreBackup": "백업 복원",
-            "BackupCount": "백업 디렉토리에 {count} 개의 백업이 있습니다.",
-            "PlaylistCount": "{count} 개의 재생 목록",
-            "PlaylistCountPlural": "{count} 개의 재생 목록",
-            "ScrobbleCount": "{count} 개의 스크로블",
-            "ScrobbleCountPlural": "{count} 개의 스크로블",
-            "FavoriteCount": "{count} 개의 즐겨찾기",
-            "FavoriteCountPlural": "{count} 개의 즐겨찾기",
-            "CollectionCount": "{count} 개의 컬렉션",
-            "CollectionCountPlural": "{count} 개의 컬렉션",
-            "RestoreButton": "복원",
-            "RestoreAllButton": "모두 복원"
-        },
-        "List": {
-            "RootNotConfigured": "루트 디렉토리가 구성되지 않았습니다. 위의 \"구성\" 버튼을 사용하여 구성하세요."
-        },
-        "NumberInput": {
-            "InvalidNumber": "유효하지 않은 숫자",
-            "Updated": "업데이트됨",
-            "UpdateFailed": "업데이트 실패"
-        },
-        "About": {
-            "Developer": "Swing Music은 GitHub의 {link}가 사랑을 담아 제작했습니다. 이 소프트웨어가 마음에 드신다면, GitHub에서 Star를 남겨 주세요. 저도 개발하는 것을 즐기는 만큼 여러분도 즐겨주시면 좋겠어요. 😁🤗",
-            "LinksTitle": "링크",
-            "LinksDocs": "문서",
-            "LinksGitHub": "GitHub에서 Star 남기기",
-            "LinksIssue": "문제 보고",
-            "LinksContribute": "기여하기",
-            "GetInTouchTitle": "연락하기",
-            "GetInTouchDescription": "제 작업이 마음에 드시고 인사하고 싶으시다면, 연락을 기다리겠습니다.",
-            "SendEmail": "이메일 보내기"
-        }
+    "About": {
+      "Developer": "Swing Music은 GitHub의 {link}가 사랑을 담아 제작했습니다. 이 소프트웨어가 마음에 드신다면, GitHub에서 Star를 남겨 주세요. 저도 개발하는 것을 즐기는 만큼 여러분도 즐겨주시면 좋겠어요. 😁🤗",
+      "LinksTitle": "링크",
+      "LinksDocs": "문서",
+      "LinksGitHub": "GitHub에서 Star 남기기",
+      "LinksIssue": "문제 보고",
+      "LinksContribute": "기여하기",
+      "GetInTouchTitle": "연락하기",
+      "GetInTouchDescription": "제 작업이 마음에 드시고 인사하고 싶으시다면, 연락을 기다리겠습니다.",
+      "SendEmail": "이메일 보내기"
     }
-}
\ No newline at end of file
+  }
+}
diff --git a/src/main.ts b/src/main.ts
index adb1201a..a4b9b4de 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -24,10 +24,11 @@ import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
 
 const app = createApp(App);
 import en from './locales/en.json';
+import it from './locales/it.json';
 import ko from './locales/ko.json';
 
 const userLocale = navigator.language.split('-')[0];
-const supportedLocales = ['en', 'ko'];
+const supportedLocales = ['en', 'it', 'ko'];
 const fallbackLocale = 'en';
 const locale = supportedLocales.includes(userLocale) ? userLocale : fallbackLocale;
 
@@ -36,6 +37,7 @@ const i18n = createI18n({
   locale: locale,
   messages: {
     en: en,
+    it: it,
     ko: ko
   },
 });
diff --git a/src/views/HomeView/main.vue b/src/views/HomeView/main.vue
index c88654b5..b1e5401c 100644
--- a/src/views/HomeView/main.vue
+++ b/src/views/HomeView/main.vue
@@ -21,7 +21,7 @@
 
 <script setup lang="ts">
 import { nextTick, onMounted } from 'vue'
-import { useI18n } from "vue-i18n";
+import { useI18n } from "vue-i18n"
 import useAuth from '@/stores/auth'
 
 import { playSources } from '@/enums'
@@ -33,7 +33,7 @@ import Browse from '@/components/HomeView/Browse.vue'
 import PageItem from '@/components/shared/CardScroller.vue'
 import GenericHeader from '@/components/shared/GenericHeader.vue'
 
-const { t } = useI18n();
+const { t } = useI18n()
 const home = useHome()
 const auth = useAuth()
 

From c2ff6c10e7e768719986e2828fb981f06a15abea Mon Sep 17 00:00:00 2001
From: Marco Rodolfi <marco.rodolfi@tuta.io>
Date: Tue, 16 Jun 2026 21:20:04 +0200
Subject: [PATCH 03/11] Complete components and start context menu translations

Rebased to 3.0.1
---
 src/components/Stats/ChartItem.vue            | 25 +++++++--
 src/components/Stats/ChartItemGroup.vue       |  8 ++-
 src/components/Stats/Charts.vue               |  8 ++-
 src/components/Stats/ChartsHeader.vue         | 28 +++++++++-
 src/components/modal.vue                      |  6 +-
 src/components/shared/FavoritesCard.vue       |  2 +-
 src/components/shared/FolderCard.vue          |  5 +-
 .../shared/GenericTrackPagination.vue         |  5 +-
 src/components/shared/LoginUserCard.vue       |  6 +-
 src/components/shared/LyricsButton.vue        |  7 ++-
 src/components/shared/MasterFlag.vue          |  7 ++-
 src/components/shared/PlayBtnRect.vue         |  6 +-
 src/components/shared/SeeAll.vue              |  5 +-
 src/components/shared/SongItem.vue            |  6 +-
 src/components/shared/SongItem/TrackAlbum.vue |  7 ++-
 src/components/shared/TrackItem.vue           |  7 ++-
 src/context_menus/album.ts                    | 14 +++--
 src/locales/en.json                           | 52 +++++++++++++++++-
 src/locales/it.json                           | 55 +++++++++++++++++--
 19 files changed, 222 insertions(+), 37 deletions(-)

diff --git a/src/components/Stats/ChartItem.vue b/src/components/Stats/ChartItem.vue
index 7fdc7c67..7845f586 100644
--- a/src/components/Stats/ChartItem.vue
+++ b/src/components/Stats/ChartItem.vue
@@ -4,11 +4,11 @@
         <div class="index">{{ index }}</div>
         <img :src="getItemImage(item)" class="chartimage" :class="name" />
         <div class="iteminfo">
-            <div class="title" :title="item.name" v-if="isArtist">
-                {{ item.name }} <MasterFlag v-if="item.trend?.is_new" :text="item.trend?.is_new ? 'New' : ''" :bitrate="1900"/>
+            <div class="title" :title="t(mapToText(item.name))" v-if="isArtist">
+                {{ t(mapToText(item.name)) }} <MasterFlag v-if="item.trend?.is_new" :text="item.trend?.is_new ? t('Common.New') : ''" :bitrate="1900"/>
             </div>
             <div class="title" :title="item.title" v-if="isAlbumOrTrack">
-                {{ item.title }} <MasterFlag v-if="item.trend?.is_new" :text="item.trend?.is_new ? 'New' : ''" :bitrate="1900"/>
+                {{ item.title }} <MasterFlag v-if="item.trend?.is_new" :text="item.trend?.is_new ? t('Common.New') : ''" :bitrate="1900"/>
             </div>
             <div class="artist" v-if="isAlbumOrTrack">
                 <ArtistName
@@ -17,7 +17,7 @@
                 />
             </div>
             <div class="artist" v-if="isArtist">
-                {{ item.extra['playcount'] }} track plays
+                {{ t('ChartItem.ArtistPlays', { count: item.extra['playcount'] }) }}
             </div>
         </div>
         <div class="helptext">
@@ -36,6 +36,10 @@ import ArtistName from '../shared/ArtistName.vue'
 import { Routes } from '@/router'
 import MasterFlag from '../shared/MasterFlag.vue'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 type name = 'artist' | 'album' | 'track'
 type ChartItem = Artist | Album | Track
 
@@ -48,6 +52,19 @@ const props = defineProps<{
 const isArtist = computed(() => props.name === 'artist')
 const isAlbumOrTrack = computed(() => props.name === 'album' || props.name === 'track')
 
+function mapToText(item: ChartItem): string {
+    switch (props.name) {
+        case 'artist':
+            return 'Common.Artist';
+        case 'album':
+            return 'Common.Album';
+        case 'track':
+            return 'Common.Track';
+        default:
+            return 'Common.Unknown';
+    }
+}
+
 function getItemImage(item: ChartItem) {
     switch (props.name) {
         case 'artist':
diff --git a/src/components/Stats/ChartItemGroup.vue b/src/components/Stats/ChartItemGroup.vue
index 48ad35e5..0aca202c 100644
--- a/src/components/Stats/ChartItemGroup.vue
+++ b/src/components/Stats/ChartItemGroup.vue
@@ -5,9 +5,9 @@
         <div class="noitems rounded-sm" v-if="items.length === 0">
             <div v-if="loading" class="loading">
                 <div class="spinner"></div>
-                <span>fetching data...</span>
+                <span>{{ t('ChartItemGroup.FetchingData')}}</span>
             </div>
-            <div v-if="!loading && loaded">No {{ settings.statsgroup.slice(0, -1) }} data found for this period</div>
+            <div v-if="!loading && loaded">{{t('ChartItemGroup.NoDataFound', {per: settings.statsgroup.slice(0, -1)})}}</div>
         </div>
         <ChartItem
             v-for="(item, index) in items"
@@ -43,6 +43,10 @@ import ChartsHeader from './ChartsHeader.vue'
 import ArrowSvg from '@/assets/icons/arrow.svg'
 import CalendarSvg from '@/assets/icons/calendar.svg'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 const settings = useSettings()
 
 // Reactive variables
diff --git a/src/components/Stats/Charts.vue b/src/components/Stats/Charts.vue
index 7a8d8b9b..532ddfc5 100644
--- a/src/components/Stats/Charts.vue
+++ b/src/components/Stats/Charts.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="stats-charts">
         <GenericHeader>
-            <template #name>Charts</template>
-            <template #description>Your top artists, albums, and tracks</template>
+            <template #name>{{t('Charts.ChartsTitle')}}</template>
+            <template #description>{{t('Charts.ChartsDescription')}}</template>
         </GenericHeader>
         <br>
         <div class="chartitemgroupsgrid">
@@ -14,6 +14,10 @@
 <script setup lang="ts">
 import GenericHeader from '@/components/shared/GenericHeader.vue'
 import ChartItemGroup from './ChartItemGroup.vue'
+
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 </script>
 
 <style lang="scss">
diff --git a/src/components/Stats/ChartsHeader.vue b/src/components/Stats/ChartsHeader.vue
index be1dc6ec..42f863de 100644
--- a/src/components/Stats/ChartsHeader.vue
+++ b/src/components/Stats/ChartsHeader.vue
@@ -9,7 +9,7 @@
                 :class="g === name ? 'active' : ''"
                 @click="$emit('changeGroup', g)"
             >
-                {{ g }}
+                {{ mapToText(g) }}
             </div>
         </div>
         <div class="period">
@@ -20,13 +20,18 @@
                 :class="p === period ? 'active' : ''"
                 @click="$emit('changePeriod', p)"
             >
-                {{ p }}
+                {{ mapToText(p) }}
             </div>
         </div>
     </div>
 </template>
 
 <script setup lang="ts">
+
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 defineProps<{
     name: string
     period: string
@@ -39,6 +44,25 @@ defineEmits<{
 
 const groups = ['artists', 'albums', 'tracks']
 const periods = ['week', 'month', 'year', 'alltime']
+
+function mapToText(name: string){
+    switch (name){
+        case 'artists':
+            return t('Common.Artist', 2).toLowerCase();
+        case 'albums':
+            return t('Common.Album', 2).toLowerCase();
+        case 'tracks':
+            return t('Common.Track', 2).toLowerCase();
+        case 'week':
+            return t('Common.Periods.Week', 1).toLowerCase();
+        case 'month':
+            return t('Common.Periods.Month', 1).toLowerCase();
+        case 'year':
+            return t('Common.Periods.Year', 1).toLowerCase();
+        case 'alltime':
+            return t('Common.Periods.AllTime').toLowerCase();
+    }
+}
 </script>
 
 <style lang="scss">
diff --git a/src/components/modal.vue b/src/components/modal.vue
index 44740dc2..96e93ee0 100644
--- a/src/components/modal.vue
+++ b/src/components/modal.vue
@@ -36,7 +36,7 @@
             />
             <div v-if="modal.component == modal.options.deletePlaylist">
                 <ConfirmModal
-                    :text="'Are you sure you want to permanently delete this playlist?'"
+                    :text="t('Modal.DeletePlaylist')"
                     :cancel-action="modal.hideModal"
                     :confirm-action="deletePlaylist"
                 />
@@ -62,6 +62,10 @@ import SetRootDirs from './modals/SetRootDirs.vue'
 import Settings from './modals/Settings.vue'
 import UpdatePlaylist from './modals/updatePlaylist.vue'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 const modal = useModalStore()
 const router = useRouter()
 
diff --git a/src/components/shared/FavoritesCard.vue b/src/components/shared/FavoritesCard.vue
index 3bff0611..4bad97c2 100644
--- a/src/components/shared/FavoritesCard.vue
+++ b/src/components/shared/FavoritesCard.vue
@@ -26,7 +26,7 @@
             </div>
             <div class="title">{{ t('FavoritesCard.FavoriteTracks')}}</div>
             <div class="fcount">
-                <b>{{ t('FavoritesCard.TrackCount', {count: item.count}, item.count) }}</b>
+                <b>{{ t('Common.TrackCount', {count: item.count}, item.count) }}</b>
             </div>
         </div>
     </RouterLink>
diff --git a/src/components/shared/FolderCard.vue b/src/components/shared/FolderCard.vue
index 5caa7b6c..3e0520d0 100644
--- a/src/components/shared/FolderCard.vue
+++ b/src/components/shared/FolderCard.vue
@@ -26,7 +26,7 @@
       {{ name(folder.path) }}
     </div>
     <div class="rtcount">
-      <b>{{ folder.count }} Track{{ folder.count == 1 ? "" : "s" }}</b>
+      <b>{{ t('Common.TrackCount', {count: folder.count}, folder.count) }}</b>
     </div>
   </RouterLink>
 </template>
@@ -35,6 +35,9 @@
 import { playSources } from "@/enums";
 import { Routes } from "@/router";
 import PlayBtn from "../shared/PlayBtn.vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 defineProps<{
   folder: {
diff --git a/src/components/shared/GenericTrackPagination.vue b/src/components/shared/GenericTrackPagination.vue
index 4cbb379b..e981b104 100644
--- a/src/components/shared/GenericTrackPagination.vue
+++ b/src/components/shared/GenericTrackPagination.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="v-scroll-page" :class="{ isSmall }" style="height: 100%">
-        <NoItems :flag="!tracks.length" :title="'No tracks'" :description="desc" :icon="noitemsicon" />
+        <NoItems :flag="!tracks.length" :title="t('Common.NoTracks')" :description="desc" :icon="noitemsicon" />
         <DynamicScroller
             id="album-scroller"
             style="height: 100%"
@@ -40,6 +40,9 @@ import NoItems from '@/components/shared/NoItems.vue'
 import SongItem from '@/components/shared/SongItem.vue'
 import AlbumsFetcher from '@/components/ArtistView/AlbumsFetcher.vue'
 import { dropSources } from '@/enums'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 
 const props = defineProps<{
     tracks: Track[]
diff --git a/src/components/shared/LoginUserCard.vue b/src/components/shared/LoginUserCard.vue
index d0e2f161..91136642 100644
--- a/src/components/shared/LoginUserCard.vue
+++ b/src/components/shared/LoginUserCard.vue
@@ -2,7 +2,7 @@
     <div class="loginuser rounded-sm" :class="{ selected }">
         <Avatar :name="user.username" />
         <div class="username">
-            {{ (selected ? `Hi ` : '') + user.username }}
+            {{ (selected ? t('Common.HiSpace') : '') + user.username }}
         </div>
     </div>
 </template>
@@ -11,6 +11,10 @@
 import { UserSimplified } from '@/interfaces'
 import Avatar from '../shared/Avatar.vue'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 defineProps<{
     user: UserSimplified
     selected?: boolean
diff --git a/src/components/shared/LyricsButton.vue b/src/components/shared/LyricsButton.vue
index 0e74a8f1..146cb18f 100644
--- a/src/components/shared/LyricsButton.vue
+++ b/src/components/shared/LyricsButton.vue
@@ -1,6 +1,6 @@
 <template>
-    <button title="Lyrics" class="lyrics" :class="{ showStatus: lyrics.exists }" @click="handleClick">
-        <LyricsSvg /> {{ showText ? 'Lyrics' : '' }}
+    <button :title=t('Common.Lyrics') class="lyrics" :class="{ showStatus: lyrics.exists }" @click="handleClick">
+        <LyricsSvg /> {{ showText ? t('Common.Lyrics')  : '' }}
     </button>
 </template>
 
@@ -8,6 +8,7 @@
 import { ref } from 'vue'
 import { Routes } from '@/router'
 import { useRoute, useRouter } from 'vue-router'
+import { useI18n } from 'vue-i18n'
 
 import useLyrics from '@/stores/lyrics'
 import LyricsSvg from '@/assets/icons/lyrics.svg'
@@ -16,6 +17,8 @@ defineProps<{
     showText?: boolean
 }>()
 
+const { t } = useI18n()
+
 const route = useRoute()
 const router = useRouter()
 
diff --git a/src/components/shared/MasterFlag.vue b/src/components/shared/MasterFlag.vue
index 7714a436..5c40fc44 100644
--- a/src/components/shared/MasterFlag.vue
+++ b/src/components/shared/MasterFlag.vue
@@ -2,7 +2,7 @@
   <span
     v-if="bitrate > 1024"
     class="master-flag"
-    :title="!text ? 'Master audio bitrate - ' + `${bitrate} Kbps` : ''"
+    :title="!text ? t('MasterFlag.MasterAudioBitrate') + `${bitrate} Kbps` : ''"
     :style="{
       backgroundColor: bg_color ? (fill ? bg_color : 'transparent') : 'rgba(184, 108, 21, 0.281)',
       color: text_color ? (fill ? text_color : '') : 'rgb(255, 153, 0)',
@@ -13,6 +13,11 @@
 </template>
 
 <script setup lang="ts">
+
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 defineProps<{
   bitrate: number;
   text?: string;
diff --git a/src/components/shared/PlayBtnRect.vue b/src/components/shared/PlayBtnRect.vue
index 44f1af76..bdfcae96 100644
--- a/src/components/shared/PlayBtnRect.vue
+++ b/src/components/shared/PlayBtnRect.vue
@@ -10,7 +10,7 @@
         @click="playFrom(source)"
     >
         <playBtnSvg />
-        <div class="text">Play</div>
+        <div class="text">{{t('Common.Play')}}</div>
     </button>
 </template>
 
@@ -21,6 +21,10 @@ import { getShift } from '@/utils/colortools/shift'
 import playBtnSvg from '@/assets/icons/play.svg'
 import { playFrom } from '@/helpers/usePlayFrom'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 defineProps<{
     source: playSources
     bg_color?: string
diff --git a/src/components/shared/SeeAll.vue b/src/components/shared/SeeAll.vue
index a35bb51a..2720c631 100644
--- a/src/components/shared/SeeAll.vue
+++ b/src/components/shared/SeeAll.vue
@@ -1,12 +1,15 @@
 <template>
     <span class="see-all">
         <RouterLink :to="route">
-            <b>{{ text || `SEE ALL` }}</b>
+            <b>{{ text || t('Common.SeeAll').toUpperCase() }}</b>
         </RouterLink>
     </span>
 </template>
 
 <script setup lang="ts">
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 defineProps<{
     route: string
     text?: string
diff --git a/src/components/shared/SongItem.vue b/src/components/shared/SongItem.vue
index a682aaf8..5a4ccd95 100644
--- a/src/components/shared/SongItem.vue
+++ b/src/components/shared/SongItem.vue
@@ -24,7 +24,7 @@
         </div>
 
         <TrackAlbum
-            :album="track.album || 'Unknown'"
+            :album="track.album || t('Common.Unknown')"
             :albumhash="track.albumhash || ''"
             :hide_album="hide_album || false"
         />
@@ -59,6 +59,10 @@ import TrackIndex from './SongItem/TrackIndex.vue'
 import TrackTitle from './SongItem/TrackTitle.vue'
 import useSettings from '@/stores/settings'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 const settings = useSettings()
 const context_menu_showing = ref(false)
 
diff --git a/src/components/shared/SongItem/TrackAlbum.vue b/src/components/shared/SongItem/TrackAlbum.vue
index 23851c8c..a3244400 100644
--- a/src/components/shared/SongItem/TrackAlbum.vue
+++ b/src/components/shared/SongItem/TrackAlbum.vue
@@ -6,7 +6,7 @@
         :to="{
             name: 'AlbumView',
             params: {
-                albumhash: albumhash || 'Unknown',
+                albumhash: albumhash || t('Common.Unknown'),
             },
         }"
     >
@@ -15,6 +15,11 @@
 </template>
 
 <script setup lang="ts">
+
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 defineProps<{
     hide_album: boolean
     albumhash: string
diff --git a/src/components/shared/TrackItem.vue b/src/components/shared/TrackItem.vue
index db270259..1ee02946 100644
--- a/src/components/shared/TrackItem.vue
+++ b/src/components/shared/TrackItem.vue
@@ -35,7 +35,7 @@
         <div class="float-buttons flex">
             <div
                 class="fav-icon"
-                :title="is_fav ? 'Add to favorites' : 'Remove from favorites'"
+                :title="is_fav ? t('TrackItem.AddToFavorites') : t('TrackItem.RemoveFromFavorites')"
                 @click.stop="() => addToFav(track.trackhash)"
             >
                 <HeartSvg :state="is_fav" :no_emit="true" />
@@ -43,7 +43,7 @@
             <div
                 v-if="isQueueTrack"
                 class="remove-track"
-                title="Remove from queue"
+                :title="t('TrackItem.RemoveFromQueue') "
                 @click.stop="player.removeByIndex(index)"
             >
                 <DelSvg />
@@ -54,6 +54,7 @@
 
 <script setup lang="ts">
 import { onBeforeUnmount, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import useColor from '@/stores/colors'
 import useTracklist from '@/stores/queue/tracklist'
@@ -69,6 +70,8 @@ import ArtistName from './ArtistName.vue'
 import HeartSvg from './HeartSvg.vue'
 import { getBackgroundColor, getTextColor } from '@/utils/colortools/shift'
 
+const { t } = useI18n()
+
 const props = defineProps<{
     track: Track
     isCurrent: boolean
diff --git a/src/context_menus/album.ts b/src/context_menus/album.ts
index c68946a2..b0f7e237 100644
--- a/src/context_menus/album.ts
+++ b/src/context_menus/album.ts
@@ -12,6 +12,10 @@ import { AddToQueueIcon, DeleteIcon, PlayNextIcon, PlusIcon } from '@/icons'
 import { Album, Collection, Option, Playlist, Track } from '@/interfaces'
 import { get_find_on_social, getAddToCollectionOptions, getAddToPlaylistOptions } from './utils'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 export default async (album?: Album) => {
     const albumStore = useAlbum()
 
@@ -20,7 +24,7 @@ export default async (album?: Album) => {
     }
 
     const play_next = <Option>{
-        label: 'Play next',
+        label: t('Menus.Album.PlayNext'),
         action: async () => {
             let tracks: Track[] = []
 
@@ -36,7 +40,7 @@ export default async (album?: Album) => {
     }
 
     const add_to_queue = <Option>{
-        label: 'Add to queue',
+        label: t('Menus.Album.AddToQueue'),
         action: async () => {
             let tracks: Track[] = []
 
@@ -57,7 +61,7 @@ export default async (album?: Album) => {
     }
 
     const add_to_playlist: Option = {
-        label: 'Add to Playlist',
+        label: t('Menus.Album.AddToPlaylist'),
         children: () =>
             getAddToPlaylistOptions(AddToPlaylistAction, {
                 albumhash: album.albumhash,
@@ -71,7 +75,7 @@ export default async (album?: Album) => {
     }
 
     const add_to_page: Option = {
-        label: 'Add to Collection',
+        label: t('Menus.Album.AddToCollection'),
         children: () =>
             getAddToCollectionOptions(addToPageAction, {
                 collection: null,
@@ -83,7 +87,7 @@ export default async (album?: Album) => {
     }
 
     const remove_from_page: Option = {
-        label: 'Remove item',
+        label: t('Menus.Album.RemoveFromCollection'),
         action: async () => {
             const success = await addOrRemoveItemFromCollection(
                 parseInt(router.currentRoute.value.params.collection as string),
diff --git a/src/locales/en.json b/src/locales/en.json
index b24ba23c..2b8562e6 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -10,8 +10,8 @@
     "Settings": "Settings",
     "Default": "Default",
     "Title": "Title",
-    "Album": "Album",
-    "Artist": "Artist",
+    "Album": "Album | Albums",
+    "Artist": "Artist | Artists",
     "ReleaseDate": "Release Date",
     "DateAdded": "Date Added",
     "LastPlayed": "Last Played",
@@ -36,6 +36,22 @@
     "Rescan": "Rescan",
     "Descending": "Descending",
     "Ascending": "Ascending",
+    "TrackCount": "{count} track | {count} tracks",
+    "NoTracks": "'No tracks'",
+    "HiSpace": "Hi ",
+    "Lyrics": "Lyrics",
+    "Play": "Play",
+    "SeeAll": "See All",
+    "Unknown": "Unknown",
+    "New": "New",
+    "Albums": "Albums",
+    "Track": "Track | Tracks",
+    "Periods": {
+      "Year": "Year | Years",
+      "Week": "Week | Weeks",
+      "Month": "Month | Months",
+      "AllTime": "All Time"
+    },
     "FileName": "File Name",
     "SwingMusic": "Swing Music"
   },
@@ -321,7 +337,37 @@
   },
   "FavoritesCard": {
     "FavoriteTracks": "Favorite Tracks",
-    "TrackCount": "{count} track | {count} tracks",
     "PlaylistUpper": "PLAYLIST"
+  },
+  "MasterFlag": {
+    "MasterAudioBitrate": "Master audio bitrate - "
+  },
+  "TrackItem": {
+    "AddToFavorites": "Add to favorites",
+    "RemoveFromFavorites": "Remove from favorites",
+    "RemoveFromQueue": "Remove from queue"
+  },
+  "ChartItem": {
+    "ArtistPlays": "{count} track plays"
+  },
+  "ChartItemGroup": {
+    "FetchingData": "fetching data...",
+    "NoDataFound": "No {per} data found for this period"
+  },
+  "Charts": {
+    "ChartsTitle": "Charts",
+    "ChartsDescription": "Your top artists, albums, and tracks"
+  },
+  "Modal": {
+    "DeletePlaylist": "Are you sure you want to permanently delete this playlist?"
+  },
+  "Menus": {
+    "Album": {
+      "AddToQueue": "Add to queue",
+      "PlayNext": "Play next",
+      "AddToPlaylist": "Add to Playlist",
+      "AddToCollection": "Add to Collection",
+      "RemoveFromCollection": "Remove item"
+    }
   }
 }
diff --git a/src/locales/it.json b/src/locales/it.json
index 5b99baee..8cd5ae88 100644
--- a/src/locales/it.json
+++ b/src/locales/it.json
@@ -10,8 +10,8 @@
     "Settings": "Impostazioni",
     "Default": "Default",
     "Title": "Titolo",
-    "Album": "Album",
-    "Artist": "Artista",
+    "Album": "Album | Albums",
+    "Artist": "Artista | Artisti",
     "ReleaseDate": "Data di rilascio",
     "DateAdded": "Data di aggiunta",
     "LastPlayed": "Ultima riproduzione",
@@ -34,8 +34,23 @@
     "experimental": "sperimentale",
     "new": "nuovo",
     "Rescan": "Riscansiona",
-    "Descending": "Scendendo",
-    "Ascending": "Crescendo",
+    "Descending": "Decrescente",
+    "Ascending": "Crescente",
+    "TrackCount": "{count} traccia | {count} tracce",
+    "NoTracks": "'Nessuna traccia'",
+    "HiSpace": "Ciao ",
+    "Lyrics": "Testo canzone",
+    "Play": "Riproduci",
+    "SeeAll": "Vis. Tutti",
+    "Unknown": "Sconosciuto",
+    "New": "Nuova",
+    "Track": "Traccia | Tracce",
+    "Periods": {
+      "Year": "Anno | Anni",
+      "Week": "Settimana | Settimane",
+      "Month": "Mese | Mesi",
+      "AllTime": "Sempre"
+    },
     "FileName": "Nome File",
     "SwingMusic": "Swing Music"
   },
@@ -321,7 +336,37 @@
   },
   "FavoritesCard": {
     "FavoriteTracks": "Tracce preferite",
-    "TrackCount": "{count} traccia | {count} tracce",
     "PlaylistUpper": "PLAYLIST"
+  },
+  "MasterFlag": {
+    "MasterAudioBitrate": "Bitrate audio sorgente -"
+  },
+  "TrackItem": {
+    "AddToFavorites": "Aggiungi ai preferiti",
+    "RemoveFromFavorites": "Rimuovi dai preferiti",
+    "RemoveFromQueue": "Rimuovi dalla coda"
+  },
+  "ChartItem": {
+    "ArtistPlays": "{count} ascolti totali"
+  },
+  "ChartItemGroup": {
+    "FetchingData": "recupero dati...",
+    "NoDataFound": "Nessun dato trovato per il periodo specificato: {per}"
+  },
+  "Charts": {
+    "ChartsTitle": "Grafici",
+    "ChartsDescription": "Gli artisti, album e canzoni più ascoltate"
+  },
+  "Modal": {
+    "DeletePlaylist": "Sei sicuro di voler cancellare questa playlist in modo definitivo?"
+  },
+  "Menus": {
+    "Album": {
+      "AddToQueue": "Aggiungi in coda",
+      "PlayNext": "Riproduci dopo la corrente",
+      "AddToPlaylist": "Aggiungi a playlist",
+      "AddToCollection": "Aggiungi a collezione",
+      "RemoveFromCollection": "Rimuovi oggetto"
+    }
   }
 }

From 90acce86b9fcb46154643f63c6de5ff1c49c2685 Mon Sep 17 00:00:00 2001
From: Marco Rodolfi <marco.rodolfi@tuta.io>
Date: Wed, 17 Jun 2026 11:41:28 +0200
Subject: [PATCH 04/11] Further translation work in all requests notification
 and  settings

 Rebase to 3.0.1
---
 src/context_menus/album.ts        |  10 +--
 src/context_menus/artist.ts       |  14 ++--
 src/context_menus/folder.ts       |  10 ++-
 src/context_menus/playlist.ts     |  10 ++-
 src/context_menus/queue.ts        |  16 ++--
 src/context_menus/track.ts        |  24 +++---
 src/context_menus/utils.ts        |  10 ++-
 src/helpers/usePlayFrom.ts        |  10 ++-
 src/locales/en.json               | 134 ++++++++++++++++++++++++++++--
 src/locales/it.json               | 134 ++++++++++++++++++++++++++++--
 src/requests/album.ts             |   6 +-
 src/requests/artists.ts           |   6 +-
 src/requests/collections.ts       |  17 ++--
 src/requests/favorite.ts          |   8 +-
 src/requests/playlists.ts         |  38 +++++----
 src/requests/settings/rootdirs.ts |  13 +--
 src/settings/about/index.ts       |  12 ++-
 src/settings/accounts/index.ts    |   6 +-
 src/settings/accounts/pairing.ts  |   8 +-
 src/settings/accounts/profile.ts  |   8 +-
 src/settings/audio/groups.ts      |   7 +-
 src/settings/audio/index.ts       |  10 ++-
 src/settings/strings.ts           |  29 ++++---
 23 files changed, 433 insertions(+), 107 deletions(-)

diff --git a/src/context_menus/album.ts b/src/context_menus/album.ts
index b0f7e237..ebb28210 100644
--- a/src/context_menus/album.ts
+++ b/src/context_menus/album.ts
@@ -24,7 +24,7 @@ export default async (album?: Album) => {
     }
 
     const play_next = <Option>{
-        label: t('Menus.Album.PlayNext'),
+        label: t('Menus.Common.PlayNext'),
         action: async () => {
             let tracks: Track[] = []
 
@@ -40,7 +40,7 @@ export default async (album?: Album) => {
     }
 
     const add_to_queue = <Option>{
-        label: t('Menus.Album.AddToQueue'),
+        label: t('Menus.Common.AddToQueue'),
         action: async () => {
             let tracks: Track[] = []
 
@@ -61,7 +61,7 @@ export default async (album?: Album) => {
     }
 
     const add_to_playlist: Option = {
-        label: t('Menus.Album.AddToPlaylist'),
+        label: t('Menus.Common.AddToPlaylist'),
         children: () =>
             getAddToPlaylistOptions(AddToPlaylistAction, {
                 albumhash: album.albumhash,
@@ -75,7 +75,7 @@ export default async (album?: Album) => {
     }
 
     const add_to_page: Option = {
-        label: t('Menus.Album.AddToCollection'),
+        label: t('Menus.Common.AddToCollection'),
         children: () =>
             getAddToCollectionOptions(addToPageAction, {
                 collection: null,
@@ -87,7 +87,7 @@ export default async (album?: Album) => {
     }
 
     const remove_from_page: Option = {
-        label: t('Menus.Album.RemoveFromCollection'),
+        label:t('Menus.Common.RemoveFromCollection'),
         action: async () => {
             const success = await addOrRemoveItemFromCollection(
                 parseInt(router.currentRoute.value.params.collection as string),
diff --git a/src/context_menus/artist.ts b/src/context_menus/artist.ts
index 99eb9756..430ea47a 100644
--- a/src/context_menus/artist.ts
+++ b/src/context_menus/artist.ts
@@ -11,9 +11,13 @@ import { AddToQueueIcon, DeleteIcon, PlayNextIcon, PlusIcon } from '@/icons'
 import { Artist, Collection, Option, Playlist } from '@/interfaces'
 import { getAddToCollectionOptions, getAddToPlaylistOptions, get_find_on_social } from './utils'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 export default async (artisthash: string, artistname: string) => {
     const play_next = <Option>{
-        label: 'Play next',
+        label: t('Menus.Common.PlayNext'),
         action: () => {
             getArtistTracks(artisthash).then(tracks => {
                 const store = useTracklist()
@@ -24,7 +28,7 @@ export default async (artisthash: string, artistname: string) => {
     }
 
     const add_to_queue = <Option>{
-        label: 'Add to queue',
+        label: t('Menus.Common.AddToQueue'),
         action: () => {
             getArtistTracks(artisthash).then(tracks => {
                 const store = useTracklist()
@@ -40,7 +44,7 @@ export default async (artisthash: string, artistname: string) => {
     }
 
     const add_to_playlist: Option = {
-        label: 'Add to Playlist',
+        label: t('Menus.Common.AddToPlaylist'),
         children: () =>
             getAddToPlaylistOptions(AddToPlaylistAction, {
                 artisthash,
@@ -61,7 +65,7 @@ export default async (artisthash: string, artistname: string) => {
     }
 
     const add_to_page: Option = {
-        label: 'Add to Collection',
+        label: t('Menus.Common.AddToCollection'),
         children: () =>
             getAddToCollectionOptions(addToCollectionAction, {
                 collection: null,
@@ -73,7 +77,7 @@ export default async (artisthash: string, artistname: string) => {
     }
 
     const remove_from_collection: Option = {
-        label: 'Remove item',
+        label: t('Menus.Common.RemoveFromCollection'),
         action: async () => {
             const success = await addOrRemoveItemFromCollection(
                 parseInt(router.currentRoute.value.params.collection as string),
diff --git a/src/context_menus/folder.ts b/src/context_menus/folder.ts
index 27aeec87..07b2e153 100644
--- a/src/context_menus/folder.ts
+++ b/src/context_menus/folder.ts
@@ -9,11 +9,15 @@ import useTracklist from "@/stores/queue/tracklist";
 import { addFolderToPlaylist } from "@/requests/playlists";
 import { getAddToPlaylistOptions } from "./utils";
 
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
 export default async (path: string) => {
   const modal = useModal();
 
   const play_next = <Option>{
-    label: "Play next",
+    label: t('Menus.Common.PlayNext'),
     action: () => {
       getTracksInPath(path).then((tracks) => {
         const store = useTracklist();
@@ -24,7 +28,7 @@ export default async (path: string) => {
   };
 
   const add_to_queue = <Option>{
-    label: "Add to Queue",
+    label: t('Menus.Common.AddToQueue'),
     action: () => {
       getTracksInPath(path).then((tracks) => {
         const store = useTracklist();
@@ -40,7 +44,7 @@ export default async (path: string) => {
   };
 
   const add_to_playlist = <Option>{
-    label: "Add to Playlist",
+    label: t('Menus.Common.AddToPlaylist'),
     children: () =>
       getAddToPlaylistOptions(AddToPlaylistAction, {
         path,
diff --git a/src/context_menus/playlist.ts b/src/context_menus/playlist.ts
index f06eecd7..9b8c6cf1 100644
--- a/src/context_menus/playlist.ts
+++ b/src/context_menus/playlist.ts
@@ -1,8 +1,12 @@
 import { Option } from "../interfaces";
 
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
 export default async () => {
   const deletePlaylist: Option = {
-    label: "Delete playlist",
+    label: t('Menus.PlayList.RemoveFromPlaylist'),
     critical: true,
     action: () => {
       console.log("delete playlist");
@@ -10,14 +14,14 @@ export default async () => {
   };
 
   const playNext: Option = {
-    label: "Play next",
+    label: t('Menus.Common.PlayNext'),
     action: () => {
       console.log("play next");
     },
   };
 
   const addToQueue: Option = {
-    label: "Add to queue",
+    label: t('Menus.Common.AddToQueue'),
     action: () => {
       console.log("add to queue");
     },
diff --git a/src/context_menus/queue.ts b/src/context_menus/queue.ts
index 95b4aabd..e32807f1 100644
--- a/src/context_menus/queue.ts
+++ b/src/context_menus/queue.ts
@@ -8,20 +8,24 @@ import { getAddToPlaylistOptions } from "./utils";
 import { addTracksToPlaylist } from "@/requests/playlists";
 import { DeleteIcon, PlaylistIcon, PlusIcon } from "@/icons";
 
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
 function getQueueName(from: From) {
   switch (from.type) {
     case FromOptions.album:
       return from.name;
     case FromOptions.artist:
-      return `This is ${from.artisthash}`;
+      return t('Menus.Queue.ArtistName', {hash: from.artisthash});
     case FromOptions.folder:
       return from.name;
     case FromOptions.playlist:
-      return `${from.name} 2.0`;
+      return t('Menus.Queue.PlaylistName', {name: from.name});
     case FromOptions.search:
-      return `Search results for ${from.query}`;
+      return t('Menus.Queue.SearchName', {query: from.query});
     case FromOptions.favorite:
-      return `Favorites`;
+      return t('Menus.Queue.FavoritesName');
     default:
       return "";
   }
@@ -31,7 +35,7 @@ export default async () => {
   const store = useTracklist();
 
   const clearQueue: Option = {
-    label: "Clear queue",
+    label: t('Menus.Queue.ClearQueue'),
     action: () => {
       useQueue().clearQueue();
     },
@@ -44,7 +48,7 @@ export default async () => {
   };
 
   const addToPlaylist: Option = {
-    label: "Add queue to playlist",
+    label: t('Menus.Queue.AddQueueToPlaylist'),
     children: () => getAddToPlaylistOptions(AddToPlaylistAction, {
       trackhash: store.tracklist.map((t) => t.trackhash).join(","),
       playlist_name: getQueueName(store.from),
diff --git a/src/context_menus/track.ts b/src/context_menus/track.ts
index 475161e3..7b22f784 100644
--- a/src/context_menus/track.ts
+++ b/src/context_menus/track.ts
@@ -12,6 +12,10 @@ import useQueueStore from '@/stores/queue'
 import useTracklist from '@/stores/queue/tracklist'
 import { getAddToPlaylistOptions, get_find_on_social } from './utils'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 /**
  * Returns a list of context menu items for a track.
  * @param  {any} track a track object.
@@ -60,7 +64,7 @@ export default async (track: Track): Promise<Option[]> => {
     }
 
     const add_to_playlist: Option = {
-        label: 'Add to Playlist',
+        label: t('Menus.Common.AddToPlaylist'),
         children: () =>
             getAddToPlaylistOptions(AddToPlaylistAction, {
                 trackhash: track.trackhash,
@@ -70,7 +74,7 @@ export default async (track: Track): Promise<Option[]> => {
     }
 
     const add_to_q: Option = {
-        label: 'Add to Queue',
+        label: t('Menus.Common.AddToQueue'),
         action: () => {
             useTracklist().addTrack(track)
         },
@@ -78,7 +82,7 @@ export default async (track: Track): Promise<Option[]> => {
     }
 
     const play_next: Option = {
-        label: 'Play next',
+        label: t('Menus.Common.PlayNext'),
         action: () => {
             useQueueStore().playTrackNext(track)
         },
@@ -86,7 +90,7 @@ export default async (track: Track): Promise<Option[]> => {
     }
 
     const go_to_folder: Option = {
-        label: 'Go to Folder',
+        label: t('Menus.Track.GoToFolder'),
         action: () => {
             Router.push({
                 name: Routes.folder,
@@ -97,7 +101,7 @@ export default async (track: Track): Promise<Option[]> => {
     }
 
     const go_to_artist: Option = {
-        label: `Go to Artist`,
+        label: t('Menus.Track.GoToArtist'),
         icon: ArtistIcon,
         action: () => {
             track_artists.length == 1
@@ -114,7 +118,7 @@ export default async (track: Track): Promise<Option[]> => {
     }
 
     const open_in_explorer: Option = {
-        label: 'Open in files',
+        label: t('Menus.Track.OpenInFiles'),
         action: () => {
             openInFiles(track.filepath || track.folder || '')
         },
@@ -122,7 +126,7 @@ export default async (track: Track): Promise<Option[]> => {
     }
 
     const go_to_album: Option = {
-        label: 'Go to Album',
+        label: t('Menus.Track.GoToAlbum'),
         action: () => {
             Router.push({
                 name: Routes.album,
@@ -133,7 +137,7 @@ export default async (track: Track): Promise<Option[]> => {
     }
 
     // const del_track: Option = {
-    //   label: "Delete Track",
+    //   label: t('Menus.Track.DeleteTrack'),
     //   action: () => console.log("Delete Track"),
     //   icon: DeleteIcon,
     //   critical: true,
@@ -141,7 +145,7 @@ export default async (track: Track): Promise<Option[]> => {
 
     const getRemoveFromPlaylistOption = () =>
         <Option>{
-            label: 'Remove From Playlist',
+            label: t('Menus.Common.RemoveFromPlaylist'),
             action: () => {
                 removeTracks(parseInt(route.params.pid as string), [
                     { trackhash: track.trackhash, index: track.index },
@@ -173,7 +177,7 @@ export default async (track: Track): Promise<Option[]> => {
 
     if (route.name === Routes.nowPlaying) {
         options.splice(0, 0, <Option>{
-            label: 'Remove from Queue',
+            label: t('Menus.Common.RemoveFromQueue'),
             action: () => {
                 useTracklist().removeByIndex(track.index)
             },
diff --git a/src/context_menus/utils.ts b/src/context_menus/utils.ts
index d646f39a..822ea735 100644
--- a/src/context_menus/utils.ts
+++ b/src/context_menus/utils.ts
@@ -6,13 +6,17 @@ import { Album, Collection, Option, Playlist } from '@/interfaces'
 import { getAllCollections } from '@/requests/collections'
 import { getAllPlaylists } from '@/requests/playlists'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 export const separator: Option = {
     type: 'separator',
 }
 
 export function get_new_playlist_option(new_playlist_modal_props: any = {}): Option {
     return {
-        label: 'New playlist',
+        label: t('Menus.Utils.NewPlaylist'),
         action: () => {
             modal().showNewPlaylistModal(new_playlist_modal_props)
         },
@@ -21,7 +25,7 @@ export function get_new_playlist_option(new_playlist_modal_props: any = {}): Opt
 
 export function get_new_collection_option(new_collection_modal_props: any = {}): Option {
     return {
-        label: 'New Collection',
+        label: t('Menus.Utils.NewCollection'),
         action: () => {
             modal().showCollectionModal(new_collection_modal_props)
         },
@@ -101,7 +105,7 @@ export const get_find_on_social = (page = 'album', query = '', album?: Album) =>
     const search_term = query ? query : is_album ? getAlbumSearchTerm() : useArtist().info.name
 
     return <Option>{
-        label: 'Search on',
+        label: t('Menus.Utils.SearchOn'),
         icon: SearchIcon,
         children: async () => [
             {
diff --git a/src/helpers/usePlayFrom.ts b/src/helpers/usePlayFrom.ts
index ffdea2fd..9456be6c 100644
--- a/src/helpers/usePlayFrom.ts
+++ b/src/helpers/usePlayFrom.ts
@@ -15,6 +15,10 @@ import { getFavTracks } from '@/requests/favorite'
 import { getFiles } from '@/requests/folders'
 import { getPlaylist } from '@/requests/playlists'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 export async function utilPlayFromArtist(index: number = 0) {
     const queue = useQueue()
     const artist = useArtist()
@@ -43,7 +47,7 @@ export async function playFromAlbumCard(albumhash: string, albumname: string) {
     const tracks = await getAlbumTracks(albumhash)
 
     if (tracks.length === 0) {
-        useToast().showNotification('Album tracks not found', NotifType.Error)
+        useToast().showNotification(t('UsePlayFrom.AlbumTracksNotFound'), NotifType.Error)
         return
     }
 
@@ -57,7 +61,7 @@ export async function playFromArtistCard(artisthash: string, artistname: string)
     const tracks = await getArtistTracks(artisthash)
 
     if (tracks.length === 0) {
-        useToast().showNotification('Artist tracks not found', NotifType.Error)
+        useToast().showNotification(t('UsePlayFrom.ArtistTracksNotFound'), NotifType.Error)
         return
     }
 
@@ -73,7 +77,7 @@ export async function playFromFolderCard(folderpath: string) {
     const tracks = data.tracks
 
     if (tracks.length === 0) {
-        useToast().showNotification('Folder tracks not found', NotifType.Error)
+        useToast().showNotification(t('UsePlayFrom.FolderTracksNotFound'), NotifType.Error)
         return
     }
 
diff --git a/src/locales/en.json b/src/locales/en.json
index 2b8562e6..83b62e22 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -52,6 +52,11 @@
       "Month": "Month | Months",
       "AllTime": "All Time"
     },
+    "added": "added",
+    "removed": "removed",
+    "NotificationErrorWithArg": "Failed: {error}",
+    "NotificationError": "An error occured!",
+    "NotificationFunnyError": "Something funny happened!",
     "FileName": "File Name",
     "SwingMusic": "Swing Music"
   },
@@ -218,9 +223,59 @@
       "LinksContribute": "Contribute",
       "GetInTouchTitle": "Get in touch",
       "GetInTouchDescription": "If you like my work, and would like to say hi, I'd like to hear from you.",
-      "SendEmail": "Send Email"
+      "SendEmail": "Send Email",
+      "Title": "About",
+      "LicenseTitle": "License",
+      "LicenseDesc": "Manage your license key, subscription and authorized devices",
+      "LicenseDisplayName": "License and Subscription"
     },
-    "Experimental": "experimental"
+    "Experimental": "experimental",
+    "NowPlaying": {
+      "Title": "Now playing",
+      "Description": "Settings relating to the current song",
+      "AlbumArt": "Show album art on the left sidebar"
+    },
+    "AppWidth": {
+      "Extend": "Full width"
+    },
+    "Sidebar": {
+      "UseSidebar": "Show right sidebar"
+    },
+    "ContextChildren": {
+      "ShowMode": "Show right click menu dropdowns on"
+    },
+    "MasterFlag": {
+      "Show": "Master flag"
+    },
+    "ShowFolders": {
+      "As": "Show folders as"
+    },
+    "RootDirs": {
+      "Title": "Root directories",
+      "Description": "Settings relating to your root directories",
+      "Change": "Change your root directories",
+      "Current": "Current root directories"
+    },
+    "Accounts": {
+      "Title": "Accounts",
+      "Desc": "Login to the mobile client using QR code"
+    },
+    "Pairing": {
+      "Title": "Pair device"
+    },
+    "Profile": {
+      "Title": "Profile",
+      "Desc": "Manage your profile and login information"
+    },
+    "Audio": {
+      "Title": "Audio",
+      "Playback": "Playback",
+      "PlaybackDesc": "Settings related to audio playback",
+      "UseSilence": {
+        "Title": "Silence padding removal",
+        "Description": "Automatically skip silence between tracks"
+      }
+    }
   },
   "Favorites": {
     "Album": "Album"
@@ -362,12 +417,79 @@
     "DeletePlaylist": "Are you sure you want to permanently delete this playlist?"
   },
   "Menus": {
-    "Album": {
+    "Album": {},
+    "Artist": {
+      "PlayNext": "Play next"
+    },
+    "Common": {
+      "AddToCollection": "Add to Collection",
+      "AddToPlaylist": "Add to Playlist",
       "AddToQueue": "Add to queue",
       "PlayNext": "Play next",
-      "AddToPlaylist": "Add to Playlist",
-      "AddToCollection": "Add to Collection",
-      "RemoveFromCollection": "Remove item"
+      "RemoveFromCollection": "Remove item",
+      "RemoveFromPlaylist": "Remove From Playlist",
+      "RemoveFromQueue": "Remove from Queue"
+    },
+    "PlayList": {
+      "RemoveFromPlaylist": "Remove from playlist"
+    },
+    "Queue": {
+      "ArtistName": "This is {hash}",
+      "PlaylistName": "{name} 2.0",
+      "SearchName": "Search results for {query}",
+      "FavoritesName": "Favorites",
+      "ClearQueue": "Clear queue",
+      "AddQueueToPlaylist": "Add queue to playlist"
+    },
+    "Track": {
+      "GoToFolder": "Go to Folder",
+      "GoToArtist": "Go to Artist",
+      "OpenInFiles": "Open in files",
+      "GoToAlbum": "Go to Album",
+      "DeleteTrack": "Delete Track"
+    },
+    "Utils": {
+      "NewPlaylist": "New playlist",
+      "NewCollection": "New Collection",
+      "SearchOn": "Search on"
+    }
+  },
+  "UsePlayFrom": {
+    "AlbumTracksNotFound": "Album tracks not found",
+    "ArtistTracksNotFound": "Artist tracks not found",
+    "FolderTracksNotFound": "Folder tracks not found"
+  },
+  "Requests": {
+    "Album": {
+      "AlbumNotCreatedYet": "Album not created yet!"
+    },
+    "Artists": {
+      "ArtistNotFound": "Artist not found"
+    },
+    "Collections": {
+      "AddOrRemCollSuccess": "{payload} {command} to page",
+      "CollectionAlreadyPresent": "{payload} already in collection"
+    },
+    "Playlists": {
+      "CreatedSuccesfully": "Playlist created successfully!",
+      "AlreadyExists": "That playlist already exists",
+      "NotFound": "Playlist not found",
+      "TrackAlreadyPresent": "Track already exists in playlist",
+      "AddedToPlaylist": "Added to {name}",
+      "ErrUnsupportedImage": "Failed: Unsupported image",
+      "Updated": "Playlist updated!",
+      "Deleted": "Playlist deleted",
+      "TrackRemoved": "Tracks removed",
+      "TrackRemovedError": "Unable to remove tracks",
+      "BannerImageRemoved": "Banner image removed",
+      "BannerImageRemovedError": "Unable to remove banner image"
+    },
+    "RootDirs": {
+      "ErrorAdding": "Error adding root dirs",
+      "Success": "Root directories configured",
+      "ErrorRemoving": "Error removing root dirs",
+      "ScanError": "Error triggering scan",
+      "ScanStarted": "Rescan started"
     }
   }
 }
diff --git a/src/locales/it.json b/src/locales/it.json
index 8cd5ae88..3cc95a4d 100644
--- a/src/locales/it.json
+++ b/src/locales/it.json
@@ -51,6 +51,11 @@
       "Month": "Mese | Mesi",
       "AllTime": "Sempre"
     },
+    "added": "aggiunto",
+    "removed": "rimosso",
+    "NotificationErrorWithArg": "Fallito: {error}",
+    "NotificationError": "È avvenuto un errore!",
+    "NotificationFunnyError": "È successo qualcosa di divertentemente inaspettato!",
     "FileName": "Nome File",
     "SwingMusic": "Swing Music"
   },
@@ -217,9 +222,59 @@
       "LinksContribute": "Contribuisci",
       "GetInTouchTitle": "Rimani in contatto",
       "GetInTouchDescription": "Se apprezzi il mio lavoro, e ti piacerebbe salutarmi, mi farebbe piacere un contatto (in inglese).",
-      "SendEmail": "Manda Email"
+      "SendEmail": "Manda Email",
+      "Title": "Riguardo a",
+      "LicenseTitle": "Licenza",
+      "LicenseDesc": "Gestisci la tua chiave di licenza, la tua sottoscrizione e i tuoi dispositivi autorizzati.",
+      "LicenseDisplayName": "Licenza e sottoscrizione"
     },
-    "Experimental": "sperimentale"
+    "Experimental": "sperimentale",
+    "NowPlaying": {
+      "Title": "In riproduzione",
+      "Description": "Impostazioni riguardo la canzone in riproduzione",
+      "AlbumArt": "Mostra l'immagine di copertina nella barra di sinistra"
+    },
+    "AppWidth": {
+      "Extend": "Larghezza piena"
+    },
+    "Sidebar": {
+      "UseSidebar": "Mostra la barra di destra"
+    },
+    "ContextChildren": {
+      "ShowMode": "Mostra i menu del tasto destro su"
+    },
+    "MasterFlag": {
+      "Show": "Flag master"
+    },
+    "ShowFolders": {
+      "As": "Mostra cartelle come"
+    },
+    "RootDirs": {
+      "Title": "Cartelle radici",
+      "Description": "Impostazioni riguardo le tue cartelle radici",
+      "Change": "Cambia le tue cartelle radici",
+      "Current": "Cartelle radici attuali"
+    },
+    "Accounts": {
+      "Title": "Accounts",
+      "Desc": "Accedi alla app mobile usando un QR code"
+    },
+    "Pairing": {
+      "Title": "Collega dispositivo"
+    },
+    "Profile": {
+      "Title": "Profilo",
+      "Desc": "Gestisci il tuo profilo e le informazioni di login"
+    },
+    "Audio": {
+      "Title": "Audio",
+      "Playback": "Riproduzione",
+      "PlaybackDesc": "Impostazioni riguado la riproduzione audio",
+      "UseSilence": {
+        "Title": "Rimozione del silenzio tra le tracce",
+        "Description": "Salta automaticante il silenzio audio tra le tracce"
+      }
+    }
   },
   "Favorites": {
     "Album": "Album"
@@ -361,12 +416,79 @@
     "DeletePlaylist": "Sei sicuro di voler cancellare questa playlist in modo definitivo?"
   },
   "Menus": {
-    "Album": {
+    "Album": {},
+    "Artist": {
+      "PlayNext": "Riproduci dopo la corrente"
+    },
+    "Common": {
+      "AddToCollection": "Aggiungi a collezione",
+      "AddToPlaylist": "Aggiungi a playlist",
       "AddToQueue": "Aggiungi in coda",
       "PlayNext": "Riproduci dopo la corrente",
-      "AddToPlaylist": "Aggiungi a playlist",
-      "AddToCollection": "Aggiungi a collezione",
-      "RemoveFromCollection": "Rimuovi oggetto"
+      "RemoveFromCollection": "Rimuovi oggetto",
+      "RemoveFromPlaylist": "Rimuovi dalla playlist",
+      "RemoveFromQueue": "Rimuovi dalla coda"
+    },
+    "PlayList": {
+      "RemoveFromPlaylist": "Rimuovi dalla playlist"
+    },
+    "Queue": {
+      "ArtistName": "Questo è {hash}",
+      "PlaylistName": "{name} 2.0",
+      "SearchName": "Risultati di ricerca per {query}",
+      "FavoritesName": "Preferiti",
+      "ClearQueue": "Svuota coda",
+      "AddQueueToPlaylist": "Aggiungi la coda alla playlist"
+    },
+    "Track": {
+      "GoToFolder": "Vai alla cartella",
+      "GoToArtist": "Vai all'artista",
+      "OpenInFiles": "Apri in file",
+      "GoToAlbum": "Vai all'album",
+      "DeleteTrack": "Cancella traccia"
+    },
+    "Utils": {
+      "NewPlaylist": "Nuova playlist",
+      "NewCollection": "Nuova collezione",
+      "SearchOn": "Cerca su"
+    }
+  },
+  "UsePlayFrom": {
+    "AlbumTracksNotFound": "Tracce album non trovate",
+    "ArtistTracksNotFound": "Tracce artista non trovate",
+    "FolderTracksNotFound": "Tracce della cartella non trovate"
+  },
+  "Requests": {
+    "Album": {
+      "AlbumNotCreatedYet": "Album non ancora creato!"
+    },
+    "Artists": {
+      "ArtistNotFound": "Artista non trovato"
+    },
+    "Collections": {
+      "AddOrRemCollSuccess": "{payload} {command} dalla pagina",
+      "CollectionAlreadyPresent": "{payload} è già presente nella collezione"
+    },
+    "Playlists": {
+      "CreatedSuccesfully": "Playlist creata correttamente!",
+      "AlreadyExists": "Questa playlist esiste già",
+      "NotFound": "Playlist non trovata",
+      "TrackAlreadyPresent": "La traccia è gia presente nella playlist",
+      "AddedToPlaylist": "Aggiunto a {name}",
+      "ErrUnsupportedImage": "Fallito: immagine non supportata",
+      "Updated": "Playlist aggiornata!",
+      "Deleted": "Playlist cancellata",
+      "TrackRemoved": "Traccie rimosse",
+      "TrackRemovedError": "Non riesco a rimuovere le tracce",
+      "BannerImageRemoved": "Immagine del banner rimossa",
+      "BannerImageRemovedError": "Non riesco a rimuovere l'immagine del banner"
+    },
+    "RootDirs": {
+      "ErrorAdding": "Errore aggiungendo la cartelle radici",
+      "Success": "Cartelle radici configurate",
+      "ErrorRemoving": "Errore rimuovendo le cartelle radici",
+      "ScanError": "Errore durante l'avviamento della scansione",
+      "ScanStarted": "Nuova scansione avviata"
     }
   }
 }
diff --git a/src/requests/album.ts b/src/requests/album.ts
index c54e335b..696c6d84 100644
--- a/src/requests/album.ts
+++ b/src/requests/album.ts
@@ -3,6 +3,10 @@ import { Album, StatItem, Track } from '@/interfaces'
 import { NotifType, useToast } from '@/stores/notification'
 import useAxios from './useAxios'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 const {
     album: albumUrl,
     albumartists: albumArtistsUrl,
@@ -36,7 +40,7 @@ const getAlbumData = async (albumhash: string, albumlimit: number) => {
     })
 
     if (status == 204) {
-        useToast().showNotification('Album not created yet!', NotifType.Error)
+        useToast().showNotification(t('Requests.Album.AlbumNotCreatedYet'), NotifType.Error)
     }
 
     return data as AlbumData
diff --git a/src/requests/artists.ts b/src/requests/artists.ts
index c5760ca0..2a4243c1 100644
--- a/src/requests/artists.ts
+++ b/src/requests/artists.ts
@@ -3,6 +3,10 @@ import { Album, Artist, Genre, StatItem, Track } from '@/interfaces'
 import { NotifType, useToast } from '@/stores/notification'
 import useAxios from './useAxios'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 export const getArtistData = async (hash: string, limit: number = 15, albumlimit: number = 7) => {
     interface ArtistData {
         artist: Artist
@@ -23,7 +27,7 @@ export const getArtistData = async (hash: string, limit: number = 15, albumlimit
     })
 
     if (status == 404) {
-        useToast().showNotification('Artist not found', NotifType.Error)
+        useToast().showNotification(t('Requests.Artists.ArtistNotFound'), NotifType.Error)
     }
 
     if (error) {
diff --git a/src/requests/collections.ts b/src/requests/collections.ts
index 9bc8f6c2..58e7e966 100644
--- a/src/requests/collections.ts
+++ b/src/requests/collections.ts
@@ -3,6 +3,10 @@ import { Album, Artist, Collection, Mix, Playlist } from '@/interfaces'
 import { Notification, NotifType } from '@/stores/notification'
 import useAxios from './useAxios'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 const { base: baseCollectionUrl } = paths.api.collections
 
 export async function getAllCollections() {
@@ -107,20 +111,23 @@ export async function addOrRemoveItemFromCollection(
 
     if (status == 200) {
         new Notification(
-            `${payload.type[0].toUpperCase() + payload.type.slice(1)} ${
-                command == 'add' ? 'added' : 'removed'
-            } to page`,
+            t('Requests.Collections.AddOrRemCollSuccess', 
+                {   
+                    payload: payload.type[0].toUpperCase() + payload.type.slice(1), 
+                    command: command == 'add' ? t('Common.added') : t('Common.removed')
+                }
+            ),
             NotifType.Success
         )
         return true
     }
 
     if (status == 400) {
-        new Notification(`${payload.type[0].toUpperCase() + payload.type.slice(1)} already in collection`, NotifType.Error)
+        new Notification(t('Requests.Collections.CollectionAlreadyPresent', {payload: payload.type[0].toUpperCase() + payload.type.slice(1)}), NotifType.Error)
         return false
     }
 
-    new Notification('Failed: ' + data.error, NotifType.Error)
+    new Notification(t('Common.NotificationErrorWithArg', {error: data.error}), NotifType.Error)
     return false
 }
 
diff --git a/src/requests/favorite.ts b/src/requests/favorite.ts
index 5a6420ce..3389cbf6 100644
--- a/src/requests/favorite.ts
+++ b/src/requests/favorite.ts
@@ -5,6 +5,10 @@ import useAxios from './useAxios'
 import { Album, Artist, Track } from '@/interfaces'
 import { useToast as notif } from '@/stores/notification'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 export async function addFavorite(favtype: favType, itemhash: string) {
     const { error } = await useAxios({
         url: paths.api.addFavorite,
@@ -15,7 +19,7 @@ export async function addFavorite(favtype: favType, itemhash: string) {
     })
 
     if (error) {
-        notif().showNotification('An error occured!', NotifType.Error)
+        notif().showNotification(t('Common.NotificationError'), NotifType.Error)
         return false
     }
 
@@ -32,7 +36,7 @@ export async function removeFavorite(favtype: favType, itemhash: string) {
     })
 
     if (error) {
-        notif().showNotification('An error occured!', NotifType.Error)
+        notif().showNotification(t('Common.NotificationError'), NotifType.Error)
         return false
     }
 
diff --git a/src/requests/playlists.ts b/src/requests/playlists.ts
index a6abbc6e..2d1b5434 100644
--- a/src/requests/playlists.ts
+++ b/src/requests/playlists.ts
@@ -4,6 +4,10 @@ import { NotifType, Notification, useToast } from '@/stores/notification'
 import useAxios from './useAxios'
 import useFolder from '@/stores/pages/folder'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 const { new: newPlaylistUrl, base: basePlaylistUrl, artists: playlistArtistsUrl } = paths.api.playlist
 
 /**
@@ -19,14 +23,14 @@ export async function createNewPlaylist(playlist_name: string) {
     })
 
     if (status == 201) {
-        new Notification('Playlist created successfullly!', NotifType.Success)
+        new Notification(t('Requests.Playlists.CreatedSuccesfully'), NotifType.Success)
         return data.playlist as Playlist
     }
 
-    let message = 'Something went wrong'
+    let message = t('Common.NotificationError')
 
     if (status == 409) {
-        message = 'That playlist already exists'
+        message = t('Requests.Playlists.AlreadyExists')
     }
 
     new Notification(message, NotifType.Error)
@@ -67,7 +71,7 @@ export async function getPlaylist(pid: number | string, no_tracks = false, start
     })
 
     if (status == 404) {
-        new Notification('Playlist not found', NotifType.Error)
+        new Notification(t('Requests.Playlists.NotFound'), NotifType.Error)
     }
 
     if (data) {
@@ -87,11 +91,11 @@ export async function addItemToPlaylist(playlist: Playlist, props: {}) {
     })
 
     if (status == 409) {
-        new Notification('Track already exists in playlist', NotifType.Error)
+        new Notification(t('Requests.Playlists.TrackAlreadyPresent'), NotifType.Error)
         return false
     }
 
-    new Notification('Added to ' + playlist.name)
+    new Notification(t('Requests.Playlists.AddedToPlaylist', {name: playlist.name}))
     return true
 }
 
@@ -139,16 +143,16 @@ export async function saveItemAsPlaylist(itemtype: string, props: {}) {
     const store = useToast()
 
     if (status === 201) {
-        store.showNotification('Playlist created successfully!', NotifType.Success)
+        store.showNotification(t('Requests.Playlists.CreatedSuccesfully'), NotifType.Success)
         return data.playlist as Playlist
     }
 
     if (status === 409) {
-        store.showNotification('Playlist already exists!', NotifType.Error)
+        store.showNotification(t('Requests.Playlists.AlreadyExists'), NotifType.Error)
         return false
     }
 
-    store.showNotification('Something went wrong!', NotifType.Error)
+    store.showNotification(t('Common.NotificationError'), NotifType.Error)
     return false
 }
 
@@ -200,13 +204,13 @@ export async function updatePlaylist(pid: number, playlist: FormData, pStore: an
     })
 
     if (status == 400) {
-        new Notification('Failed: Unsupported image', NotifType.Error)
+        new Notification(t('Requests.Playlists.ErrUnsupportedImage'), NotifType.Error)
         return
     }
 
     if (data) {
         pStore.updatePInfo(data.data)
-        new Notification('Playlist updated!')
+        new Notification(t('Requests.Playlists.Updated'))
     }
 }
 
@@ -224,7 +228,7 @@ export async function getPlaylistArtists(pid: number): Promise<Artist[]> {
     })
 
     if (error) {
-        new Notification('Something funny happened!', NotifType.Error)
+        new Notification(t('Common.NotificationFunnyError'), NotifType.Error)
     }
 
     if (data) {
@@ -241,7 +245,7 @@ export async function deletePlaylist(pid: number) {
     })
 
     if (status == 200) {
-        new Notification('Playlist deleted', NotifType.Success)
+        new Notification(t('Requests.Playlists.Deleted'), NotifType.Success)
     }
 }
 
@@ -254,11 +258,11 @@ export async function removeTracks(pid: number, tracks: { trackhash: string; ind
     })
 
     if (status === 200) {
-        new Notification('Tracks removed')
+        new Notification(t('Requests.Playlists.TrackRemoved'))
         return
     }
 
-    new Notification('Unable to remove tracks', NotifType.Error)
+    new Notification(t('Requests.Playlists.TrackRemovedError'), NotifType.Error)
 }
 
 export async function removeBannerImage(playlistid: number) {
@@ -268,11 +272,11 @@ export async function removeBannerImage(playlistid: number) {
     })
 
     if (status === 200) {
-        new Notification('Banner image removed')
+        new Notification(t('Requests.Playlists.BannerImageRemoved'))
         return data.playlist as Playlist
     }
 
-    new Notification('Unable to remove banner image', NotifType.Error)
+    new Notification(t('Requests.Playlists.BannerImageRemovedError'), NotifType.Error)
 }
 
 export async function pinUnpinPlaylist(pid: number) {
diff --git a/src/requests/settings/rootdirs.ts b/src/requests/settings/rootdirs.ts
index 2f89430f..67fbb229 100644
--- a/src/requests/settings/rootdirs.ts
+++ b/src/requests/settings/rootdirs.ts
@@ -2,6 +2,9 @@ import { paths } from '@/config'
 import { Folder } from '@/interfaces'
 import { NotifType, useToast } from '@/stores/notification'
 import useAxios from '../useAxios'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 
 const { add_root_dir, get_root_dirs, remove_root_dir } = paths.api.settings
 
@@ -25,12 +28,12 @@ export async function addRootDirs(new_dirs: string[], removed: string[]) {
     })
 
     if (error) {
-        useToast().showNotification('Error adding root dirs', NotifType.Error)
+        useToast().showNotification(t('Requests.RootDirs.ErrorAdding'), NotifType.Error)
         return []
     }
 
     useToast().showNotification(
-        'Root directories configured',
+        t('Requests.RootDirs.Success'),
         NotifType.Success
     )
 
@@ -44,7 +47,7 @@ export async function removeRootDirs(dirs: string[]) {
     })
 
     if (error) {
-        useToast().showNotification('Error removing root dirs', NotifType.Error)
+        useToast().showNotification(t('Requests.RootDirs.ErrorRemoving'), NotifType.Error)
     }
 }
 
@@ -69,9 +72,9 @@ export async function triggerScan() {
     })
 
     if (error) {
-        useToast().showNotification('Error triggering scan', NotifType.Error)
+        useToast().showNotification(t('Requests.RootDirs.ScanError'), NotifType.Error)
         return
     }
 
-    useToast().showNotification('Rescan started', NotifType.Success)
+    useToast().showNotification(t('Requests.RootDirs.ScanStarted'), NotifType.Success)
 }
diff --git a/src/settings/about/index.ts b/src/settings/about/index.ts
index e2b0ffa5..e41ac335 100644
--- a/src/settings/about/index.ts
+++ b/src/settings/about/index.ts
@@ -1,15 +1,19 @@
+import { useI18n } from 'vue-i18n'
+
 import { SettingType } from '../enums'
 import { SettingCategory } from '@/interfaces/settings'
 
 import KeySvg from '@/assets/icons/key.svg?raw'
 import InfoSvg from '@/assets/icons/info.svg?raw'
 
+const { t } = useI18n()
+
 export default <SettingCategory>{
     groups: [
         {
-            title: 'License',
-            desc: 'Manage your license key, subscription and authorized devices',
-            displayName: 'License and Subscription',
+            title: t('Settings.About.LicenseTitle'),
+            desc: t('Settings.About.LicenseDesc'),
+            displayName: t('Settings.About.LicenseDisplayName'),
             icon: KeySvg,
             settings: [
                 {
@@ -18,7 +22,7 @@ export default <SettingCategory>{
             ],
         },
         {
-            title: 'About',
+            title: t("Settings.About.Title"),
             icon: InfoSvg,
             settings: [
                 {
diff --git a/src/settings/accounts/index.ts b/src/settings/accounts/index.ts
index 81706688..b40491d5 100644
--- a/src/settings/accounts/index.ts
+++ b/src/settings/accounts/index.ts
@@ -4,11 +4,15 @@ import { SettingCategory } from '@/interfaces/settings'
 import AvatarSvg from '@/assets/icons/avatar.svg?raw'
 import { SettingType } from '../enums'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 export default <SettingCategory>{
     show_if: loggedInUserIsAdmin,
     groups: [
         {
-            title: 'Accounts',
+            title: t("Settings.Accounts.Title"),
             icon: AvatarSvg,
             settings: [
                 {
diff --git a/src/settings/accounts/pairing.ts b/src/settings/accounts/pairing.ts
index c0bea53c..16af2a49 100644
--- a/src/settings/accounts/pairing.ts
+++ b/src/settings/accounts/pairing.ts
@@ -1,12 +1,16 @@
+import { useI18n } from 'vue-i18n'
+
 import { SettingType } from '../enums'
 import AvatarSvg from '@/assets/icons/phone.svg?raw'
 import { SettingCategory } from '@/interfaces/settings'
 
+const { t } = useI18n()
+
 export default <SettingCategory>{
     groups: [
         {
-            title: 'Pair device',
-            desc: 'Login to the mobile client using QR code',
+            title: t("Settings.Pairing.Title"),
+            desc: t("Settings.Accounts.Desc"),
             icon: AvatarSvg,
             settings: [
                 {
diff --git a/src/settings/accounts/profile.ts b/src/settings/accounts/profile.ts
index 5f9b918d..1d878a03 100644
--- a/src/settings/accounts/profile.ts
+++ b/src/settings/accounts/profile.ts
@@ -1,11 +1,15 @@
+import { useI18n } from 'vue-i18n'
+
 import { SettingCategory } from '@/interfaces/settings'
 import { SettingType } from '../enums'
 
+const { t } = useI18n()
+
 export default <SettingCategory>{
     groups: [
         {
-            title: 'Profile',
-            desc: 'Manage your profile and login information',
+            title: t('Settings.Profile.Title'),
+            desc: t('Settings.Profile.Desc'),
             settings: [
                 {
                     type: SettingType.profile,
diff --git a/src/settings/audio/groups.ts b/src/settings/audio/groups.ts
index b37d8dd5..f6546ac9 100644
--- a/src/settings/audio/groups.ts
+++ b/src/settings/audio/groups.ts
@@ -1,6 +1,9 @@
 import { Setting } from '@/interfaces/settings'
 import settings from '@/stores/settings'
 import { SettingType } from '../enums'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 
 // const use_legacy_streaming_endpoint: Setting = {
 //     title: 'Use legacy streaming',
@@ -11,8 +14,8 @@ import { SettingType } from '../enums'
 // }
 
 const use_silence: Setting = {
-    title: 'Silence padding removal',
-    desc: 'Automatically skip silence between tracks',
+    title: t("Settings.Audio.UseSilence.Title"),
+    desc: t("Settings.Audio.UseSilence.Description"),
     type: SettingType.binary,
     state: () => settings().use_silence_skip,
     action: () => settings().toggleUseSilenceSkip(),
diff --git a/src/settings/audio/index.ts b/src/settings/audio/index.ts
index 9b038503..930317b3 100644
--- a/src/settings/audio/index.ts
+++ b/src/settings/audio/index.ts
@@ -3,13 +3,17 @@ import gapless from "./groups";
 
 import VolumeSvg from "@/assets/icons/volume-mid.svg?raw"
 
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
 export default {
-  title: "Audio",
+  title: t("Settings.Audio.Title"),
   groups: [
     {
-      title: "Playback",
+      title: t("Settings.Audio.Playback"),
       icon: VolumeSvg,
-      desc: "Settings related to audio playback",
+      desc: t("Settings.Audio.PlaybackDesc"),
       settings: [...gapless],
     },
   ],
diff --git a/src/settings/strings.ts b/src/settings/strings.ts
index f6526926..24c6a22a 100644
--- a/src/settings/strings.ts
+++ b/src/settings/strings.ts
@@ -1,6 +1,11 @@
 /**
  * Settings data strings
  */
+
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
 interface S {
   title?: string;
   desc?: string;
@@ -10,46 +15,46 @@ interface S {
 }
 
 export const nowPlayingStrings = {
-  title: "Now playing",
-  desc: "Settings relating to the current song",
+  title: t('Settings.NowPlaying.Title'),
+  desc: t("Settings.NowPlaying.Description"),
   settings: {
-    album_art: "Show album art on the left sidebar",
+    album_art: t('Settings.NowPlaying.AlbumArt'),
   },
 } as S;
 
 export const appWidthStrings = {
   settings: {
-    extend: "Full width",
+    extend: t("Settings.AppWidth.Extend"),
   },
 } as S;
 
 export const sidebarStrings = <S>{
   settings: {
-    use_sidebar: "Show right sidebar",
+    use_sidebar: t("Settings.Sidebar.UseSidebar"),
   },
 };
 
 export const contextChildrenShowModeStrings = <S>{
   settings: {
-    show_mode: "Show right click menu dropdowns on",
+    show_mode: t('Settings.ContextChildren.ShowMode'),
   },
 };
 
 export const showMasterFlag = <S>{
   settings: {
-    show_flag: "Master flag",
+    show_flag: t('Settings.MasterFlag.Show'),
   },
 };
 
 export const showFoldersAsStrings = <S>{
-  settings: { show_folders_as: "Show folders as" },
+  settings: { show_folders_as: t("Settings.ShowFolders.As")},
 };
 
 export const manageRootDirsStrings = <S>{
-  title: "Root directories",
-  desc: "Settings relating to your root directories",
+  title: t("Settings.RootDirs.Title"),
+  desc: t("Settings.RootDirs.Description"),
   settings: {
-    change: "Change your root directories",
-    list_root_dirs: "Current root directories",
+    change: t("Settings.RootDirs.Change"),
+    list_root_dirs: t("Settings.RootDirs.Current"),
   },
 };

From c4d77a065d95313e1c252db75db32abd07003274 Mon Sep 17 00:00:00 2001
From: Marco Rodolfi <marco.rodolfi@tuta.io>
Date: Wed, 17 Jun 2026 11:58:11 +0200
Subject: [PATCH 05/11] Fully translated settings pages

Rebased to 3.0.1
---
 src/locales/en.json                         | 159 ++++++++++++++++++-
 src/locales/it.json                         | 163 +++++++++++++++++++-
 src/settings/audio/groups.ts                |  28 ++--
 src/settings/general/albums.ts              |  16 +-
 src/settings/general/backup.ts              |  12 +-
 src/settings/general/circular-artist-img.ts |   8 +-
 src/settings/general/extend-width.ts        |   2 +-
 src/settings/general/folderlistmode.ts      |   6 +-
 src/settings/general/index.ts               |  25 +--
 src/settings/general/layout.ts              |   6 +-
 src/settings/general/now-playing-group.ts   |  18 ++-
 src/settings/general/root-dirs.ts           |  16 +-
 src/settings/general/sidebar.ts             |   7 +-
 src/settings/general/tracks.ts              |  14 +-
 src/settings/plugins/index.ts               |  14 +-
 src/settings/plugins/lastfm.ts              |  21 +--
 src/settings/plugins/lyrics.ts              |  18 ++-
 src/settings/strings.ts                     |   1 +
 18 files changed, 448 insertions(+), 86 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 83b62e22..ebb8e4f6 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -57,6 +57,18 @@
     "NotificationErrorWithArg": "Failed: {error}",
     "NotificationError": "An error occured!",
     "NotificationFunnyError": "Something funny happened!",
+    "Appearance": "Appearance",
+    "Library": "Library",
+    "Folders": "Folders",
+    "Tracks": "Tracks",
+    "Artists": "Artists",
+    "Backup": "Backup",
+    "Modify": "Modify",
+    "Configure": "Configure",
+    "Plugins": "Plugins",
+    "Finish": "Finish",
+    "Disconnect": "Disconnect",
+    "Connect": "Connect",
     "FileName": "File Name",
     "SwingMusic": "Swing Music"
   },
@@ -236,7 +248,8 @@
       "AlbumArt": "Show album art on the left sidebar"
     },
     "AppWidth": {
-      "Extend": "Full width"
+      "Extend": "Full width",
+      "ExtendDesc": "Extend app to use all available screen width"
     },
     "Sidebar": {
       "UseSidebar": "Show right sidebar"
@@ -274,6 +287,150 @@
       "UseSilence": {
         "Title": "Silence padding removal",
         "Description": "Automatically skip silence between tracks"
+      },
+      "UseCrossfade": {
+        "Title": "Enable crossfade",
+        "Description": "Fade out the current track while fading in the next track"
+      },
+      "CrossfadeDuration": {
+        "Title": "Crossfade duration",
+        "Description": "Duration of the crossfade in seconds"
+      },
+      "StreamingQuality": {
+        "96": "96kbps",
+        "128": "128kbps",
+        "320": "320kbps",
+        "Original": "Original",
+        "640Flac": "Medium (640kbps) (FLAC)",
+        "1024Flac": "High (1024kbps) (FLAC)",
+        "Title": "Streaming quality",
+        "Description": "Choose the streaming quality of the music"
+      },
+      "LegacyStreaming": {
+        "Title": "Use legacy streaming",
+        "Description": "Enable if you experience issues with playback"
+      }
+    },
+    "General": {
+      "MainSettingsDescription": "Settings for various parts of the user interface.",
+      "FolderListMode": {
+        "Title": "Display folders in list mode"
+      },
+      "CircularArtist": {
+        "Description": "Disable the default gradient layout and use a simple circular image",
+        "Title": "Simple artist page header"
+      },
+      "Backups": {
+        "AutomaticBackups": {
+          "Description": "Automatically backup your data, every 6 hours",
+          "Title": "Automatic backups"
+        },
+        "BackupNow": {
+          "Description": "Backup directory: ~/swingmusic.backups",
+          "Title": "Backup now"
+        }
+      },
+      "Albums": {
+        "AlbumAsSingles": {
+          "Description": "Require an album to have at least two tracks",
+          "Title": "Mark albums with one track as singles"
+        },
+        "CleanTitles": {
+          "Description": "Remove bracketed text from titles and process it separately if possible",
+          "Title": "Clean album titles"
+        },
+        "MergeAlbum": {
+          "Description": "All versions of the same album will be merged into one album",
+          "Title": "Merge album versions"
+        }
+      },
+      "TrackInfoSettingsDesc": "Settings relating to track information",
+      "AlbumInfoSettingsDesc": "Settings relating to album information",
+      "ArtistSeparatorDesc": "Customize artist separators",
+      "BackupMainDesc": "Backup and restore your library data",
+      "UseNoSidebarTitle": "Use no sidebar layout",
+      "NowPlaying": {
+        "DisableNPTitle": "Hide album art from the left sidebar",
+        "OnTabTitle": {
+          "Title": "Show Now Playing track on tab title",
+          "Description": "Replace current page info with Now Playing track info"
+        },
+        "FavoriteInline": {
+          "Title": "Show inline favorite icon",
+          "Description": "Show the favorite button next to the track duration"
+        },
+        "HighlightFavorite": {
+          "Title": "Highlight favorite tracks",
+          "Description": "Always show the favorite button for favorited tracks"
+        }
+      },
+      "RootDirs": {
+        "ShowPlaylistInFolders": {
+          "Title": "Show playlists in folder view",
+          "Description": "Browse playlists and favorites in folders screen (meant for mobile app)"
+        },
+        "EnablePeriodicScans": "Enable periodic scans",
+        "UseWatchdog": "Watch root dirs for new music",
+        "PeriodicScanInterval": "Periodic scan interval (minutes)"
+      },
+      "Separators": {
+        "Title": "Enter separators separated by a comma",
+        "Description": "These will be used to separate artists and album artists"
+      },
+      "Sidebar": {
+        "Title": "Toggle right sidebar",
+        "Description": "CTRL + B"
+      },
+      "Tracks": {
+        "ProcessFeatArtists": {
+          "Title": "Featured artists",
+          "Description": "Remove featured artists from titles and merge them with other artists"
+        },
+        "RemoveProd": {
+          "Title": "Hide 'prod.'",
+          "Description": "Remove 'prod.' from track titles"
+        },
+        "HideRemaster": {
+          "Title": "Hide remaster info",
+          "Description": "Remove remaster information from track titles if possible"
+        }
+      },
+      "ArtistsDesc": "Customize artist settings"
+    },
+    "Plugins": {
+      "LastFM": {
+        "Authorize": {
+          "Title": "Connect your account",
+          "Description": "Allow Swing Music to access your Last.fm account"
+        },
+        "Description": "Scrobble your music to Last.fm",
+        "Title": "Last.fm",
+        "ApiKey": {
+          "Title": "Use custom API Key",
+          "Description": "instead of the Swing Music default to authenticate with Last.fm"
+        },
+        "ApiSecret": {
+          "Title": "Use custom API Secret",
+          "Description": "instead of the Swing Music default to sign your scrobble submission"
+        }
+      },
+      "LyricsDescription": "Finds and displays lyrics from the internet.",
+      "Lyrics": {
+        "ToggleLyrics": {
+          "Title": "Enable plugin"
+        },
+        "AutoDownload": {
+          "Title": "Auto download lyrics",
+          "Description": "Automatically download missing lyrics when you are on the lyrics page"
+        },
+        "OverrideLocal": {
+          "Title": "Override unsynced lyrics",
+          "Description": "Automatically download lyrics even if unsynced lyrics are locally available"
+        },
+        "TrustCloud": {
+          "Title": "Only display verified lyrics",
+          "Desc": "Do not show lyrics unverified lyrics (premium required)"
+        }
       }
     }
   },
diff --git a/src/locales/it.json b/src/locales/it.json
index 3cc95a4d..416672de 100644
--- a/src/locales/it.json
+++ b/src/locales/it.json
@@ -39,7 +39,7 @@
     "TrackCount": "{count} traccia | {count} tracce",
     "NoTracks": "'Nessuna traccia'",
     "HiSpace": "Ciao ",
-    "Lyrics": "Testo canzone",
+    "Lyrics": "Testi canzoni",
     "Play": "Riproduci",
     "SeeAll": "Vis. Tutti",
     "Unknown": "Sconosciuto",
@@ -56,6 +56,19 @@
     "NotificationErrorWithArg": "Fallito: {error}",
     "NotificationError": "È avvenuto un errore!",
     "NotificationFunnyError": "È successo qualcosa di divertentemente inaspettato!",
+    "Appearance": "Aspetto",
+    "Library": "Libreria",
+    "Folders": "Cartelle",
+    "Tracks": "Tracce",
+    "Albums": "Albums",
+    "Artists": "Artisti",
+    "Backup": "Backup",
+    "Modify": "Modifica",
+    "Configure": "Configura",
+    "Plugins": "Plugins",
+    "Finish": "Termina",
+    "Disconnect": "Scollega",
+    "Connect": "Collega",
     "FileName": "Nome File",
     "SwingMusic": "Swing Music"
   },
@@ -235,7 +248,8 @@
       "AlbumArt": "Mostra l'immagine di copertina nella barra di sinistra"
     },
     "AppWidth": {
-      "Extend": "Larghezza piena"
+      "Extend": "Larghezza piena",
+      "ExtendDesc": "Permetti all'applicazione di estendersi per tutta la larghezza dello schermo"
     },
     "Sidebar": {
       "UseSidebar": "Mostra la barra di destra"
@@ -273,6 +287,150 @@
       "UseSilence": {
         "Title": "Rimozione del silenzio tra le tracce",
         "Description": "Salta automaticante il silenzio audio tra le tracce"
+      },
+      "UseCrossfade": {
+        "Title": "Abilita crossfade",
+        "Description": "Riduci il volume dell'audio della traccia corrente in uscita mentre aumenti l'audio della canzone in ingresso"
+      },
+      "CrossfadeDuration": {
+        "Title": "Durata crossfade",
+        "Description": "Durata in secondi del crossfade"
+      },
+      "StreamingQuality": {
+        "96": "96kbps",
+        "128": "128kbps",
+        "320": "320kbps",
+        "Original": "Originale",
+        "640Flac": "Media (640kbps) (FLAC)",
+        "1024Flac": "Alta (1024kbps) (FLAC)",
+        "Title": "Qualità streaming",
+        "Description": "Scegli la qualità audio durante lo streaming"
+      },
+      "LegacyStreaming": {
+        "Title": "Usa streaming legacy",
+        "Description": "Abilita se riscontro problemi durante lo streaming"
+      }
+    },
+    "General": {
+      "MainSettingsDescription": "Impostazioni riguardo varie parti dell'interfaccia utente.",
+      "FolderListMode": {
+        "Title": "Mostra cartelle in modalità lista"
+      },
+      "CircularArtist": {
+        "Description": "Disabilita il layout a gradiente standard e usa invece una semplice immagine circolare",
+        "Title": "Intestazione della pagina dell'artista semplificata"
+      },
+      "Backups": {
+        "AutomaticBackups": {
+          "Description": "Crea un backup automatico ogni 6 ore",
+          "Title": "Backup automatici"
+        },
+        "BackupNow": {
+          "Description": "Directory di backup: ~/swingmusic.backups",
+          "Title": "Esegui backup"
+        }
+      },
+      "Albums": {
+        "AlbumAsSingles": {
+          "Description": "Richiedi che un album abbia almeno due tracce",
+          "Title": "Marca album con una sola traccia come singles"
+        },
+        "CleanTitles": {
+          "Description": "Rimuovi testo in parentesi dai titoli ed elaboralo separatamente, se possibile",
+          "Title": "Pulisci titoli album"
+        },
+        "MergeAlbum": {
+          "Description": "Tutte le versioni diverse dello stesso album verranno unite in un singolo album",
+          "Title": "Unisci versioni albums"
+        }
+      },
+      "TrackInfoSettingsDesc": "Impostazioni riguado i dettagli delle tracce",
+      "AlbumInfoSettingsDesc": "Impostazioni riguardo i dettagli degli albums",
+      "ArtistSeparatorDesc": "Personalizza i separatori degli artisti",
+      "BackupMainDesc": "Esegui e ripristina il backup delle tue librerie",
+      "UseNoSidebarTitle": "Usa il layout senza barre laterali",
+      "NowPlaying": {
+        "DisableNPTitle": "Nascondi l'immagine dell'album dalla barra a sinistra",
+        "OnTabTitle": {
+          "Title": "Mostra la canzone in riproduzione attuale nel titolo della pagina",
+          "Description": "Sostituisci le informazioni della pagina corrente con la canzone in riproduzione"
+        },
+        "FavoriteInline": {
+          "Title": "Mostra l'icona dei preferiti inline",
+          "Description": "Mostra il pulsante dei preferiti accanto alla durata della traccia"
+        },
+        "HighlightFavorite": {
+          "Title": "Evidenzia tracce preferite",
+          "Description": "Mostra sempre il pulsante dei preferiti sulle tracce preferite"
+        }
+      },
+      "RootDirs": {
+        "ShowPlaylistInFolders": {
+          "Title": "Mostra le playlists nella visualizzazione a cartella",
+          "Description": "Naviga playlists e preferiti nella visualizzazione a cartella (pensata per l'app mobile)"
+        },
+        "EnablePeriodicScans": "Abilita scansioni periodiche",
+        "UseWatchdog": "Controlla le cartelle radici per trovare nuova musica",
+        "PeriodicScanInterval": "Intervallo della scansione periodica (in minuti)"
+      },
+      "Separators": {
+        "Title": "Inserisci i separatori separati da una virgola",
+        "Description": "Questi saranno usati per separare gli artisti e artisti degli album"
+      },
+      "Sidebar": {
+        "Title": "Mostra/nascondi barra destra",
+        "Description": "CTRL + B"
+      },
+      "Tracks": {
+        "ProcessFeatArtists": {
+          "Title": "Artisti in evidenza",
+          "Description": "Rimuovi gli artisti in evidenza dai titoli e uniscili con gli altri artisti"
+        },
+        "RemoveProd": {
+          "Title": "Nascondi 'prod.'",
+          "Description": "Rimuovi 'prod.' dal titolo delle tracce"
+        },
+        "HideRemaster": {
+          "Title": "Nascondi informazioni remaster",
+          "Description": "Rimuovi riferimenti riguardo eventuali remaster dai titoli delle canzoni "
+        }
+      },
+      "ArtistsDesc": "Personalizza le impostazioni degli artisti"
+    },
+    "Plugins": {
+      "LastFM": {
+        "Authorize": {
+          "Title": "Collega il tuo account",
+          "Description": "Connetti il tuo account Last.fm a Swing Music "
+        },
+        "Description": "Condividi la tua musica su Last.fm",
+        "Title": "Last.fm",
+        "ApiKey": {
+          "Title": "Usa key API personalizzata",
+          "Description": "invece di quella usata di default da Swing Music per autenticarsi a Last.fm"
+        },
+        "ApiSecret": {
+          "Title": "Usa segreto API personalizzato",
+          "Description": "invece di quella usata di default da Swing Music per firmare i tuoi invii scrobble"
+        }
+      },
+      "LyricsDescription": "Cerca e visualizza testi delle canzoni trovate su internet.",
+      "Lyrics": {
+        "ToggleLyrics": {
+          "Title": "Abilita plugin"
+        },
+        "AutoDownload": {
+          "Title": "Scarica automaticamente testi",
+          "Description": "Scarica automaticamente i testi mancanti quando apri la  pagina dei testi delle canzoni"
+        },
+        "OverrideLocal": {
+          "Title": "Ignora testi locali non sincronizzati",
+          "Description": "Scarica comunque i testi anche sono già presenti testi locali non sincronizzati alla musica"
+        },
+        "TrustCloud": {
+          "Title": "Mostra solo testi verificati",
+          "Desc": "Non mostrare testi non verificati (licenza premium richiesta)"
+        }
       }
     }
   },
@@ -416,7 +574,6 @@
     "DeletePlaylist": "Sei sicuro di voler cancellare questa playlist in modo definitivo?"
   },
   "Menus": {
-    "Album": {},
     "Artist": {
       "PlayNext": "Riproduci dopo la corrente"
     },
diff --git a/src/settings/audio/groups.ts b/src/settings/audio/groups.ts
index f6546ac9..4db6462c 100644
--- a/src/settings/audio/groups.ts
+++ b/src/settings/audio/groups.ts
@@ -6,8 +6,8 @@ import { useI18n } from 'vue-i18n'
 const { t } = useI18n()
 
 // const use_legacy_streaming_endpoint: Setting = {
-//     title: 'Use legacy streaming',
-//     desc: 'Enable if you experience issues with playback',
+//     title: t('Settings.Audio.LegacyStreaming.Title'),
+//     desc: t("Settings.Audio.LegacyStreaming.Description"),
 //     type: SettingType.binary,
 //     state: () => settings().use_legacy_streaming_endpoint,
 //     action: () => settings().toggleUseLegacyStreamingEndpoint(),
@@ -22,8 +22,8 @@ const use_silence: Setting = {
 }
 
 const use_crossfade: Setting = {
-    title: 'Enable crossfade',
-    desc: 'Fade out the current track while fading in the next track',
+    title: t('Settings.Audio.UseCrossfade.Title'),
+    desc: t('Settings.Audio.UseCrossfade.Description'),
     type: SettingType.binary,
     state: () => settings().use_crossfade,
     action: () => settings().toggleCrossfade(),
@@ -32,8 +32,8 @@ const use_crossfade: Setting = {
 }
 
 const crossfade: Setting = {
-    title: 'Crossfade duration',
-    desc: 'Duration of the crossfade in seconds',
+    title: t('Settings.Audio.CrossfadeDuration.Title'),
+    desc: t('Settings.Audio.CrossfadeDuration.Description'),
     type: SettingType.locked_number_input,
     state: () => settings().crossfade_duration_seconds,
     action: (duration: number) => settings().setCrossfadeDuration(duration),
@@ -43,34 +43,34 @@ const crossfade: Setting = {
 
 // const streaming_quality_options = [
 //     {
-//         title: 'Original',
+//         title: t("Settings.Audio.StreamingQuality.Original"),
 //         key: 'original',
 //     },
 //     // {
-//     //     title: 'High (1024kbps) (FLAC)',
+//     //     title: t("Settings.Audio.StreamingQuality.1024Flac"),
 //     //     key: '1024',
 //     // },
 //     // {
-//     //     title: 'Medium (640kbps) (FLAC)',
+//     //     title: t("Settings.Audio.StreamingQuality.640Flac"),
 //     //     key: '640',
 //     // },
 //     {
-//         title: '320kbps',
+//         title: t('Settings.Audio.StreamingQuality.320'),
 //         key: '320',
 //     },
 //     {
-//         title: '128kbps',
+//         title: t("Settings.Audio.StreamingQuality.128"),
 //         key: '128',
 //     },
 //     {
-//         title: '96kbps',
+//         title: t("Settings.Audio.StreamingQuality.96"),
 //         key: '96',
 //     },
 // ]
 
 // const transcoding: Setting = {
-//     title: 'Streaming quality',
-//     desc: 'Choose the streaming quality of the music',
+//     title: t("Settings.Audio.StreamingQuality.Title"),
+//     desc: t("Settings.Audio.StreamingQuality.Description"),
 //     type: SettingType.streaming_quality,
 //     state: () => streaming_quality_options.find(option => option.key === settings().streaming_quality),
 //     action: (quality: {
diff --git a/src/settings/general/albums.ts b/src/settings/general/albums.ts
index d7e97fd5..155bc76c 100644
--- a/src/settings/general/albums.ts
+++ b/src/settings/general/albums.ts
@@ -3,19 +3,23 @@ import { SettingType } from '../enums'
 
 import useSettingsStore from '@/stores/settings'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 const settings = useSettingsStore
 
 const clean_album_titles: Setting = {
-    title: 'Clean album titles',
-    desc: 'Remove bracketed text from titles and process it separately if possible',
+    title: t("Settings.General.Albums.CleanTitles.Title"),
+    desc: t("Settings.General.Albums.CleanTitles.Description"),
     type: SettingType.binary,
     state: () => settings().clean_titles,
     action: () => settings().toggleCleanAlbumTitle(),
 }
 
 const merge_album_versions: Setting = {
-    title: 'Merge album versions',
-    desc: 'All versions of the same album will be merged into one album',
+    title: t("Settings.General.Albums.MergeAlbum.Title"),
+    desc: t("Settings.General.Albums.MergeAlbum.Description"),
     type: SettingType.binary,
     state: () => {
         const settings = useSettingsStore()
@@ -26,8 +30,8 @@ const merge_album_versions: Setting = {
 }
 
 const show_albums_as_singles: Setting = {
-    title: 'Mark albums with one track as singles',
-    desc: 'Require an album to have at least two tracks',
+    title: t('Settings.General.Albums.AlbumAsSingles.Title'),
+    desc: t("Settings.General.Albums.AlbumAsSingles.Description"),
     type: SettingType.binary,
     state: () => settings().show_albums_as_singles,
     action: () => settings().toggleShowAlbumsAsSingles(),
diff --git a/src/settings/general/backup.ts b/src/settings/general/backup.ts
index 070463e7..8f2fd00e 100644
--- a/src/settings/general/backup.ts
+++ b/src/settings/general/backup.ts
@@ -1,9 +1,13 @@
 import { Setting } from '@/interfaces/settings'
 import { SettingType } from '../enums'
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 const automatic_backups: Setting = {
-    title: 'Automatic backups',
-    desc: 'Automatically backup your data, every 6 hours',
+    title: t("Settings.General.Backups.AutomaticBackups.Title"),
+    desc: t("Settings.General.Backups.AutomaticBackups.Description"),
     type: SettingType.binary,
     state: () => false,
     action: () => {},
@@ -11,8 +15,8 @@ const automatic_backups: Setting = {
 }
 
 const restore: Setting = {
-    title: 'Backup now',
-    desc: 'Backup directory: ~/swingmusic.backups',
+    title: t("Settings.General.Backups.BackupNow.Title"),
+    desc: t("Settings.General.Backups.BackupNow.Description"),
     type: SettingType.backup,
     state: () => true,
     action: () => {},
diff --git a/src/settings/general/circular-artist-img.ts b/src/settings/general/circular-artist-img.ts
index d512a4d8..7c76b977 100644
--- a/src/settings/general/circular-artist-img.ts
+++ b/src/settings/general/circular-artist-img.ts
@@ -5,11 +5,15 @@ import { isSmallPhone } from "@/stores/content-width";
 
 import useSettingsStore from "@/stores/settings";
 
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
 const settings = useSettingsStore;
 
 export default <Setting>{
-  title: "Simple artist page header",
-  desc: "Disable the default gradient layout and use a simple circular image",
+  title: t("Settings.General.CircularArtist.Title"),
+  desc: t("Settings.General.CircularArtist.Description"),
   type: SettingType.binary,
   state: () => settings().useCircularArtistImg,
   action: () => settings().toggleUseCircularArtistImg(),
diff --git a/src/settings/general/extend-width.ts b/src/settings/general/extend-width.ts
index f25b455b..91dacf55 100644
--- a/src/settings/general/extend-width.ts
+++ b/src/settings/general/extend-width.ts
@@ -8,7 +8,7 @@ const settings = useSettingsStore;
 
 const extend_to_full_width: Setting = {
   title: appWidthStrings.settings.extend,
-  desc: "Extend app to use all available screen width",
+  desc: appWidthStrings.settings.extend_desc,
   type: SettingType.binary,
   state: () => settings().extend_width,
   action: () => settings().toggleExtendWidth(),
diff --git a/src/settings/general/folderlistmode.ts b/src/settings/general/folderlistmode.ts
index 59cbe38f..3af91d9b 100644
--- a/src/settings/general/folderlistmode.ts
+++ b/src/settings/general/folderlistmode.ts
@@ -3,10 +3,14 @@ import { Setting } from "@/interfaces/settings";
 
 import useSettings from "@/stores/settings";
 
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
 const settings = useSettings;
 
 const folder_list_mode: Setting = {
-  title: "Display folders in list mode",
+  title: t("Settings.General.FolderListMode.Title"),
   type: SettingType.binary,
   state: () => settings().folder_list_mode,
   action: () => settings().toggleFolderListMode(),
diff --git a/src/settings/general/index.ts b/src/settings/general/index.ts
index e4d3bcd6..551e878b 100644
--- a/src/settings/general/index.ts
+++ b/src/settings/general/index.ts
@@ -1,3 +1,5 @@
+import { useI18n } from 'vue-i18n'
+
 import useSettings from '@/stores/settings'
 import { loggedInUserIsAdmin } from '../utils'
 
@@ -24,6 +26,7 @@ import TrackSvg from '@/assets/icons/mic.svg?raw'
 import AppearanceSvg from '@/assets/icons/paintbrush.svg?raw'
 import CloudUploadSvg from '@/assets/icons/cloud-upload.svg?raw'
 
+const { t } = useI18n()
 const npStrings = strings.nowPlayingStrings
 const rootRootStrings = strings.manageRootDirsStrings
 
@@ -31,8 +34,8 @@ export const general = {
     // title: 'General',
     groups: [
         {
-            title: 'Appearance',
-            desc: 'Settings for various parts of the user interface.',
+            title: t("Common.Appearance"),
+            desc: t("Settings.General.MainSettingsDescription"),
             icon: AppearanceSvg,
             settings: [
                 ...layout,
@@ -53,7 +56,7 @@ export const library = {
     show_if: loggedInUserIsAdmin,
     groups: [
         {
-            title: 'Folders',
+            title: t("Common.Folders"),
             icon: FolderSvg,
             desc: rootRootStrings.desc,
             settings: [...rootDirSettings],
@@ -61,31 +64,31 @@ export const library = {
         {
             // null means settings table is not created yet
             show_if: () => useSettings().feat !== null,
-            title: 'Tracks',
+            title: t("Common.Tracks"),
             icon: TrackSvg,
-            desc: 'Settings relating to track information',
+            desc: t("Settings.General.TrackInfoSettingsDesc"),
             settings: [...tracks],
         },
         {
             // null means settings table is not created yet
             show_if: () => useSettings().feat !== null,
-            title: 'Albums',
+            title: t("Common.Albums"),
             icon: AlbumSvg,
-            desc: 'Settings relating to album information',
+            desc: t("Settings.General.AlbumInfoSettingsDesc"),
             settings: [...albums],
         },
         {
             // null means settings table is not created yet
             show_if: () => useSettings().feat !== null,
-            title: 'Artists',
+            title: t("Common.Artists"),
             icon: AvatarSvg,
-            desc: 'Customize artist settings',
+            desc: t("Settings.General.ArtistsDesc"),
             settings: [...artistSettings],
         },
         {
-            title: 'Backup',
+            title: t("Common.Backup"),
             icon: CloudUploadSvg,
-            desc: 'Backup and restore your library data',
+            desc: t("Settings.General.BackupMainDesc"),
             settings: [...restore],
         },
     ],
diff --git a/src/settings/general/layout.ts b/src/settings/general/layout.ts
index 246e2d82..8fd5a7d7 100644
--- a/src/settings/general/layout.ts
+++ b/src/settings/general/layout.ts
@@ -3,10 +3,14 @@ import { Setting } from "@/interfaces/settings";
 
 import useSettingsStore from "@/stores/settings";
 
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
 const settings = useSettingsStore;
 
 const use_alt_layout: Setting = {
-  title: "Use no sidebar layout",
+  title: t("Settings.General.UseNoSidebarTitle"),
   type: SettingType.binary,
   state: () => settings().is_alt_layout,
   action: () => settings().toggleLayout(),
diff --git a/src/settings/general/now-playing-group.ts b/src/settings/general/now-playing-group.ts
index bb63e575..8badc3d8 100644
--- a/src/settings/general/now-playing-group.ts
+++ b/src/settings/general/now-playing-group.ts
@@ -3,10 +3,14 @@ import { Setting } from '@/interfaces/settings'
 
 import useSettingsStore from '@/stores/settings'
 
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+
 const settings = useSettingsStore
 
 const disable_np_img: Setting = {
-    title: 'Hide album art from the left sidebar',
+    title: t("Settings.General.NowPlaying.DisableNPTitle"),
     type: SettingType.binary,
     state: () => !settings().use_np_img,
     action: () => settings().toggleUseNPImg(),
@@ -14,24 +18,24 @@ const disable_np_img: Setting = {
 }
 
 const showNowPlayingOnTabTitle: Setting = {
-    title: 'Show Now Playing track on tab title',
-    desc: 'Replace current page info with Now Playing track info',
+    title: t("Settings.General.NowPlaying.OnTabTitle.Title"),
+    desc: t("Settings.General.NowPlaying.OnTabTitle.Description"),
     type: SettingType.binary,
     state: () => settings().nowPlayingTrackOnTabTitle,
     action: () => settings().toggleNowPlayingTrackOnTabTitle(),
 }
 
 const showInlineFavIcon: Setting = {
-    title: 'Show inline favorite icon',
-    desc: 'Show the favorite button next to the track duration',
+    title: t("Settings.General.NowPlaying.FavoriteInline.Title"),
+    desc: t('Settings.General.NowPlaying.FavoriteInline.Description'),
     type: SettingType.binary,
     state: () => settings().showInlineFavIcon,
     action: () => settings().toggleShowInlineFavIcon(),
 }
 
 const highlightFavoriteTracks: Setting = {
-    title: 'Highlight favorite tracks',
-    desc: 'Always show the favorite button for favorited tracks',
+    title: t("Settings.General.NowPlaying.HighlightFavorite.Title"),
+    desc: t("Settings.General.NowPlaying.HighlightFavorite.Description"),
     type: SettingType.binary,
     state: () => settings()._highlightFavoriteTracks,
     action: () => settings().toggleHighlightFavoriteTracks(),
diff --git a/src/settings/general/root-dirs.ts b/src/settings/general/root-dirs.ts
index e38f5957..3f0d6d69 100644
--- a/src/settings/general/root-dirs.ts
+++ b/src/settings/general/root-dirs.ts
@@ -1,3 +1,5 @@
+import { useI18n } from 'vue-i18n'
+
 import { Setting } from '@/interfaces/settings'
 import { addRootDirs as editRootDirs, triggerScan } from '@/requests/settings/rootdirs'
 import { SettingType } from '../enums'
@@ -7,13 +9,15 @@ import useModalStore from '@/stores/modal'
 import settings from '@/stores/settings'
 import { router, Routes } from '@/router'
 
+const { t } = useI18n()
+
 const text = data.settings
 
 const change_root_dirs: Setting = {
     title: text.change,
     type: SettingType.button,
     state: null,
-    button_text: () => `\xa0 \xa0 ${settings().root_dirs.length ? 'Update' : 'Configure'} \xa0 \xa0`,
+    button_text: () => `\xa0 \xa0 ${settings().root_dirs.length ? t("Common.Modify") : t("Common.Configure")}} \xa0 \xa0`,
     action: () => {
         useModalStore().hideModal()
         return router.push({ path: '/manconfig/dirconfig' })
@@ -37,22 +41,22 @@ const list_root_dirs: Setting = {
 }
 
 const show_playlists_in_folders: Setting = {
-    title: 'Show playlists in folder view',
-    desc: 'Browse playlists and favorites in folders screen (meant for mobile app)',
+    title: t("Settings.General.RootDirs.ShowPlaylistInFolders.Title"),
+    desc: t("Settings.General.RootDirs.ShowPlaylistInFolders.Description"),
     type: SettingType.binary,
     state: () => settings().show_playlists_in_folders,
     action: () => settings().toggleShowPlaylistsInFolders(),
 }
 
 // const enable_scans: Setting = {
-//   title: "Enable periodic scans",
+//   title: t("Settings.General.RootDirs.EnablePeriodicScans"),
 //   type: SettingType.binary,
 //   state: () => useSettingsStore().enablePeriodicScans,
 //   action: () => useSettingsStore().togglePeriodicScans(),
 // };
 
 // const useWatchdog: Setting = {
-//   title: "Watch root dirs for new music",
+//   title: t("Settings.General.RootDirs.UseWatchdog"),
 //   experimental: true,
 //   type: SettingType.binary,
 //   state: () => useSettingsStore().enableWatchDog,
@@ -60,7 +64,7 @@ const show_playlists_in_folders: Setting = {
 // };
 
 // const periodicScanInterval: Setting = {
-//   title: "Periodic scan interval (minutes)",
+//   title: t("Settings.General.RootDirs.PeriodicScanInterval"),
 //   type: SettingType.free_number_input,
 //   state: () => useSettingsStore().periodicInterval,
 //   action: (newValue: number) => useSettingsStore().updatePeriodicInterval(newValue),
diff --git a/src/settings/general/sidebar.ts b/src/settings/general/sidebar.ts
index 065cc528..b8db420a 100644
--- a/src/settings/general/sidebar.ts
+++ b/src/settings/general/sidebar.ts
@@ -1,13 +1,16 @@
 import { SettingType } from "../enums";
 import { Setting } from "@/interfaces/settings";
+import { useI18n } from "vue-i18n";
 
 import useSettingsStore from "@/stores/settings";
 
 const settings = useSettingsStore;
 
+const { t } = useI18n()
+
 const use_sidebar: Setting = {
-  title: "Toggle right sidebar",
-  desc: "CTRL + B",
+  title: t("Settings.General.Sidebar.Title"),
+  desc: t("Settings.General.Sidebar.Description"),
   type: SettingType.binary,
   state: () => settings().use_sidebar,
   action: () => settings().toggleDisableSidebar(),
diff --git a/src/settings/general/tracks.ts b/src/settings/general/tracks.ts
index 977490fb..d2e5eddc 100644
--- a/src/settings/general/tracks.ts
+++ b/src/settings/general/tracks.ts
@@ -1,29 +1,31 @@
 import { Setting } from "@/interfaces/settings";
 import { SettingType } from "../enums";
+import { useI18n } from "vue-i18n";
 
 import useSettingsStore from "@/stores/settings";
 
 const settings = useSettingsStore;
+const { t } = useI18n();
 
 const process_featured_artists: Setting = {
-  title: "Featured artists",
-  desc: "Remove featured artists from titles and merge them with other artists",
+  title: t("Settings.General.Tracks.ProcessFeatArtists.Title"),
+  desc: t("Settings.General.Tracks.ProcessFeatArtists.Description"),
   type: SettingType.binary,
   state: () => settings().feat,
   action: () => settings().toggleExtractFeaturedArtists(),
 };
 
 const remove_prod_by: Setting = {
-  title: "Hide 'prod.'",
-  desc: "Remove 'prod.' from track titles",
+  title: t("Settings.General.Tracks.RemoveProd.Title"),
+  desc: t("Settings.General.Tracks.RemoveProd.Description"),
   type: SettingType.binary,
   state: () => settings().prodby,
   action: () => settings().toggleRemoveProdBy(),
 };
 
 const remove_remaster_info_from_titles: Setting = {
-  title: "Hide remaster info",
-  desc: "Remove remaster information from track titles if possible",
+  title: t("Settings.General.Tracks.HideRemaster.Title"),
+  desc: t("Settings.General.Tracks.HideRemaster.Description"),
   type: SettingType.binary,
   state: () => settings().hide_remaster,
   action: () => settings().toggleRemoveRemasterInfo(),
diff --git a/src/settings/plugins/index.ts b/src/settings/plugins/index.ts
index 40e876b7..d5d45545 100644
--- a/src/settings/plugins/index.ts
+++ b/src/settings/plugins/index.ts
@@ -1,3 +1,5 @@
+import { useI18n } from 'vue-i18n'
+
 import lyrics from './lyrics'
 import lastfm from './lastfm'
 import { loggedInUserIsAdmin } from '../utils'
@@ -6,21 +8,23 @@ import { SettingCategory } from '@/interfaces/settings'
 import LyricsSvg from '@/assets/icons/lyrics.svg?raw'
 import LastfmSvg from '@/assets/icons/lastfm.svg?raw'
 
+const { t } = useI18n()
+
 export default <SettingCategory>{
-    title: 'Plugins',
+    title: t("Common.Plugins"),
     show_if: loggedInUserIsAdmin,
     groups: [
         {
-            title: 'Lyrics',
+            title: t("Common.Lyrics"),
             icon: LyricsSvg,
-            desc: 'Finds and displays lyrics from the internet.',
+            desc: t("Settings.Plugins.LyricsDescription"),
             settings: lyrics,
             experimental: true,
         },
         {
-            title: 'Last.fm',
+            title: t("Settings.Plugins.LastFM.Title"),
             icon: LastfmSvg,
-            desc: 'Scrobble your music to Last.fm',
+            desc: t('Settings.Plugins.LastFM.Description'),
             settings: lastfm,
         },
     ],
diff --git a/src/settings/plugins/lastfm.ts b/src/settings/plugins/lastfm.ts
index b2cb8518..542adf70 100644
--- a/src/settings/plugins/lastfm.ts
+++ b/src/settings/plugins/lastfm.ts
@@ -1,10 +1,13 @@
 import useSettings from '@/stores/settings'
 import { Setting } from '@/interfaces/settings'
 import { SettingType } from '../enums'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 
 const authorize = <Setting>{
-    title: 'Connect your account',
-    desc: 'Allow Swing Music to access your Last.fm account',
+    title: t("Settings.Plugins.LastFM.Authorize.Title"),
+    desc: t("Settings.Plugins.LastFM.Authorize.Description"),
     type: SettingType.button,
     action: () => {
         const settings = useSettings()
@@ -21,20 +24,20 @@ const authorize = <Setting>{
     button_text: () => {
         const settings = useSettings()
         if (settings.lastfm_integration_started) {
-            return 'Finish'
+            return t("Common.Finish")
         }
 
         if (settings.lastfm_session_key) {
-            return 'Disconnect'
+            return t("Common.Disconnect")
         }
 
-        return 'Connect'
+        return t("Common.Connect")
     },
 }
 
 // const api_key = <Setting>{
-//     title: 'Use custom API Key',
-//     desc: 'instead of the Swing Music default to authenticate with Last.fm',
+//     title: t("Settings.Plugins.LastFM.ApiKey.Title"),
+//     desc: t("Settings.Plugins.LastFM.ApiKey.Description"),
 //     type: SettingType.secretinput,
 //     state: () => useSettings().lastfm_api_key,
 //     action: (value: string) => {
@@ -46,8 +49,8 @@ const authorize = <Setting>{
 // }
 
 // const api_secret = <Setting>{
-//     title: 'Use custom API Secret',
-//     desc: 'instead of the Swing Music default to sign your scrobble submission',
+//     title: t("Settings.Plugins.LastFM.ApiSecret.Title"),
+//     desc: t("Settings.Plugins.LastFM.ApiSecret.Description")'',
 //     type: SettingType.secretinput,
 //     state: () => useSettings().lastfm_api_secret,
 //     action: (value: string) => {
diff --git a/src/settings/plugins/lyrics.ts b/src/settings/plugins/lyrics.ts
index a76b58b9..c879767c 100644
--- a/src/settings/plugins/lyrics.ts
+++ b/src/settings/plugins/lyrics.ts
@@ -1,18 +1,22 @@
+import { useI18n } from 'vue-i18n'
+
 import { Setting } from '@/interfaces/settings'
 import { SettingType } from '../enums'
 
 import useSettings from '@/stores/settings'
 
+const { t } = useI18n()
+
 const toggle_lyrics_plugin = <Setting>{
-    title: 'Enable plugin',
+    title: t("Settings.Plugins.Lyrics.ToggleLyrics.Title"),
     type: SettingType.binary,
     state: () => useSettings().use_lyrics_plugin,
     action: () => useSettings().toggleLyricsPlugin(),
 }
 
 const auto_download_lyrics = <Setting>{
-    title: 'Auto download lyrics',
-    desc: 'Automatically download missing lyrics when you are on the lyrics page',
+    title: t("Settings.Plugins.Lyrics.AutoDownload.Title"),
+    desc:  t("Settings.Plugins.Lyrics.AutoDownload.Description"),
     type: SettingType.binary,
     state: () => useSettings().lyrics_plugin_settings.auto_download,
     action: () => useSettings().toggleLyricsAutoDownload(),
@@ -20,8 +24,8 @@ const auto_download_lyrics = <Setting>{
 }
 
 const auto_download_on_unsynced = <Setting>{
-    title: 'Overide unsynced lyrics',
-    desc: 'Automatically download lyrics even if unsynced lyrics are locally available',
+    title: t("Settings.Plugins.Lyrics.OverrideLocal.Title"),
+    desc: t("Settings.Plugins.Lyrics.OverrideLocal.Description"),
     type: SettingType.binary,
     state: () => useSettings().lyrics_plugin_settings.overide_unsynced,
     action: () => useSettings().toggleLyricsOverideUnsynced(),
@@ -32,8 +36,8 @@ const auto_download_on_unsynced = <Setting>{
 }
 
 const trust_cloud_lyrics = <Setting>{
-    title: 'Only display verified lyrics',
-    desc: 'Do not show lyrics unverified lyrics (premium required)',
+    title: t('Settings.Plugins.Lyrics.TrustCloud.Title'),
+    desc: t('Settings.Plugins.Lyrics.TrustCloud.Desc'),
     type: SettingType.binary,
     state: () => useSettings().trust_cloud_lyrics,
     action: () => useSettings().toggleTrustCloudLyrics(),
diff --git a/src/settings/strings.ts b/src/settings/strings.ts
index 24c6a22a..4bd28d60 100644
--- a/src/settings/strings.ts
+++ b/src/settings/strings.ts
@@ -25,6 +25,7 @@ export const nowPlayingStrings = {
 export const appWidthStrings = {
   settings: {
     extend: t("Settings.AppWidth.Extend"),
+    extend_desc: t("Settings.AppWidth.ExtendDesc")
   },
 } as S;
 

From da50185b9f61b29daed457b21a347100048e86b3 Mon Sep 17 00:00:00 2001
From: Marco Rodolfi <marco.rodolfi@tuta.io>
Date: Wed, 17 Jun 2026 14:01:55 +0200
Subject: [PATCH 06/11] Final translation merge, bugfixes and generic code
 cleanup

Additional changes for 3.0.1
---
 src/components/AlbumView/AlbumDiscBar.vue     |   2 +-
 src/components/AlbumView/GenreBanner.vue      |   2 +-
 src/components/AlbumView/Header/Stats.vue     |   2 +-
 .../ArtistView/HeaderComponents/Info.vue      |   6 +-
 src/components/ArtistView/TopTracks.vue       |   2 +-
 src/components/BottomBar/Left.vue             |   6 +-
 src/components/BottomBar/Right.vue            |   6 +-
 src/components/CardListView/SortBanner.vue    |   2 +-
 src/components/Favorites/RecentsItemCard.vue  |   2 +-
 src/components/FolderView/FolderItem.vue      |   2 +-
 src/components/HomeView/Browse.vue            |   2 +-
 src/components/LeftSidebar/NP/Bitrate.vue     |   2 +-
 src/components/Mixes/MixesHeader.vue          |   7 +-
 src/components/NowPlaying/Header.vue          |   9 +-
 src/components/NowPlaying/NowPlayingInfo.vue  |   7 +-
 src/components/NowPlaying/PlayingFrom.vue     |   5 +-
 src/components/PlaylistView/AfterHeader.vue   |   7 +-
 src/components/PlaylistView/Header/Info.vue   |   7 +-
 .../PlaylistView/Header/LastUpdated.vue       |   4 +-
 src/components/PlaylistsList/PlaylistCard.vue |   5 +-
 src/components/RightSideBar/Queue.vue         |   6 +-
 src/components/RightSideBar/Search/Main.vue   |  19 ---
 .../RightSideBar/Search/TabsWrapper.vue       |  21 ++-
 .../RightSideBar/Search/Top/TopItem.vue       |   8 +-
 .../RightSideBar/Search/TopResults.vue        |  16 +-
 .../RightSideBar/Search/TracksGrid.vue        |   5 +-
 src/components/RightSideBar/SearchInput.vue   |   7 +-
 src/components/SettingsView/About.vue         |  21 ++-
 .../SettingsView/Components/BackupRestore.vue |  10 +-
 .../SettingsView/Components/List.vue          |   5 +-
 .../SettingsView/Components/SecretInput.vue   |   4 +-
 .../Components/SeparatorsInput.vue            |   5 +-
 src/components/SettingsView/Content.vue       |   8 +-
 src/components/SettingsView/Group.vue         |  10 +-
 src/components/SettingsView/Nav.vue           |   6 +-
 src/components/Stats/ChartItem.vue            |  12 +-
 src/components/Stats/ChartItemGroup.vue       |   8 +-
 src/components/Stats/Charts.vue               |   8 +-
 src/components/bubbles/DropArea.vue           |   2 +-
 src/components/modal.vue                      |   6 +-
 src/components/modals/AuthLogin.vue           |  17 +-
 src/components/modals/ConfirmModal.vue        |   7 +-
 src/components/modals/CrudPage.vue            |  10 +-
 src/components/modals/NewPlaylist.vue         |   6 +-
 src/components/modals/RootDirsPrompt.vue      |   2 +-
 src/components/modals/SetRootDirs.vue         |  10 +-
 src/components/modals/Settings.vue            |   5 +-
 src/components/modals/settings/Profile.vue    |  12 +-
 .../modals/settings/custom/Accounts.vue       |   4 +-
 .../modals/settings/custom/Pairing.vue        |   2 +-
 src/components/modals/updatePlaylist.vue      |  18 +--
 src/components/nav/NavTitles.vue              |  10 +-
 src/components/nav/ProfileDropdown.vue        |  12 +-
 src/components/nav/Titles/PlaylistsTitle.vue  |   4 +-
 src/components/shared/ArtistCard.vue          |   6 +-
 src/components/shared/DropDown.vue            |   5 +-
 src/components/shared/FavoritesCard.vue       |  10 +-
 src/components/shared/FolderCard.vue          |   5 +-
 .../shared/GenericTrackPagination.vue         |   5 +-
 src/components/shared/LoginUserCard.vue       |   6 +-
 src/components/shared/LyricsButton.vue        |   7 +-
 src/components/shared/MasterFlag.vue          |   6 +-
 src/components/shared/PlayBtnRect.vue         |   6 +-
 src/components/shared/SeeAll.vue              |   5 +-
 src/components/shared/SongItem.vue            |   6 +-
 src/components/shared/SongItem/TrackAlbum.vue |   6 +-
 src/components/shared/TrackItem.vue           |   7 +-
 src/context_menus/album.ts                    |   7 +-
 src/context_menus/artist.ts                   |   5 +-
 src/context_menus/folder.ts                   |   5 +-
 src/context_menus/playlist.ts                 |   5 +-
 src/context_menus/queue.ts                    |   5 +-
 src/context_menus/track.ts                    |   5 +-
 src/context_menus/utils.ts                    |   5 +-
 src/helpers/usePlayFrom.ts                    |   5 +-
 src/i18n.ts                                   |  27 ++++
 src/locales/en.json                           | 137 ++++++++++++++++-
 src/locales/it.json                           | 145 +++++++++++++++++-
 src/main.ts                                   |  26 +---
 src/requests/album.ts                         |   5 +-
 src/requests/artists.ts                       |   5 +-
 src/requests/collections.ts                   |   5 +-
 src/requests/favorite.ts                      |   5 +-
 src/requests/playlists.ts                     |   5 +-
 src/requests/settings/rootdirs.ts             |   4 +-
 src/settings/about/index.ts                   |   5 +-
 src/settings/accounts/index.ts                |   4 +-
 src/settings/accounts/pairing.ts              |   5 +-
 src/settings/accounts/profile.ts              |   5 +-
 src/settings/audio/groups.ts                  |   5 +-
 src/settings/audio/index.ts                   |   5 +-
 src/settings/general/albums.ts                |   5 +-
 src/settings/general/backup.ts                |   5 +-
 src/settings/general/circular-artist-img.ts   |   4 +-
 src/settings/general/folderlistmode.ts        |   5 +-
 src/settings/general/index.ts                 |   5 +-
 src/settings/general/layout.ts                |   5 +-
 src/settings/general/now-playing-group.ts     |   5 +-
 src/settings/general/root-dirs.ts             |   5 +-
 src/settings/general/sidebar.ts               |   4 +-
 src/settings/general/tracks.ts                |   5 +-
 src/settings/plugins/index.ts                 |   5 +-
 src/settings/plugins/lastfm.ts                |   4 +-
 src/settings/plugins/lyrics.ts                |   5 +-
 src/settings/strings.ts                       |   4 +-
 src/stores/auth.ts                            |  14 +-
 src/stores/notification.ts                    |   5 +-
 src/stores/player.ts                          |   9 +-
 src/stores/queue.ts                           |   5 +-
 src/stores/queue/tracklist.ts                 |   8 +-
 src/utils/playingFrom.ts                      |   9 +-
 src/utils/playingFrom.ts.rej                  |  10 ++
 src/views/AlbumListView/Header.vue            |  15 +-
 src/views/AlbumView/index.vue                 |   9 +-
 src/views/ArtistDiscography.vue               |  12 +-
 src/views/ArtistView/Main.vue                 |  24 ++-
 src/views/Collections/Collection.vue          |   2 +-
 src/views/FavoriteCardScroller.vue            |  11 +-
 src/views/FavoriteTracks.vue                  |   6 +-
 src/views/Favorites.vue                       |  19 +--
 src/views/FolderView.vue                      |  13 +-
 src/views/HomeView/main.vue                   |   2 +-
 src/views/LyricsView/Head.vue                 |   2 +-
 src/views/LyricsView/Plugins/Find.vue         |   4 +-
 src/views/LyricsView/main.vue                 |   3 +-
 src/views/MixListView.vue                     |   8 +-
 src/views/MixView.vue                         |   2 +-
 src/views/NotFound.vue                        |   2 +-
 src/views/PlaylistList.vue                    |  24 +--
 src/views/PlaylistView/index.vue              |   7 +-
 src/views/SearchView/CardGridPage.vue         |   4 +-
 src/views/SearchView/TopResults.vue           |  12 +-
 src/views/SearchView/main.vue                 |   5 +-
 src/views/SearchView/tracks.vue               |   7 +-
 src/views/SettingsView.vue                    |   5 +-
 src/views/Stats/main.vue                      |   4 +-
 136 files changed, 699 insertions(+), 537 deletions(-)
 create mode 100644 src/i18n.ts
 create mode 100644 src/utils/playingFrom.ts.rej

diff --git a/src/components/AlbumView/AlbumDiscBar.vue b/src/components/AlbumView/AlbumDiscBar.vue
index a2235fab..f6909fdd 100644
--- a/src/components/AlbumView/AlbumDiscBar.vue
+++ b/src/components/AlbumView/AlbumDiscBar.vue
@@ -3,7 +3,7 @@
         <div class="disc_number">
             Disc {{ album_disc.album_page_disc_number }}
             <span @click="$emit('playDisc', album_disc.album_page_disc_number || 0)" class="play">
-                <PlaySvg /> {{t('AlbumView.PlayDisc')}} {{ album_disc.album_page_disc_number }}</span
+                <PlaySvg /> {{ $t('AlbumView.PlayDisc') }} {{ album_disc.album_page_disc_number }}</span
             >
         </div>
         <div class="play"></div>
diff --git a/src/components/AlbumView/GenreBanner.vue b/src/components/AlbumView/GenreBanner.vue
index ea91d7b8..19a07163 100644
--- a/src/components/AlbumView/GenreBanner.vue
+++ b/src/components/AlbumView/GenreBanner.vue
@@ -7,7 +7,7 @@
   >
     <div class="scrollable">
       <div class="rounded pad-sm genre-pill">
-        {{ genres.length ? t('AlbumView.GenreBanner.GenreExists') : t('AlbumView.GenreBanner.GenreDoesNotExist') }}
+        {{ genres.length ? $t('AlbumView.GenreBanner.GenreExists') : $t('AlbumView.GenreBanner.GenreDoesNotExist') }}
       </div>
       <div
         v-for="genre in genres"
diff --git a/src/components/AlbumView/Header/Stats.vue b/src/components/AlbumView/Header/Stats.vue
index f1d5a837..fcced2ad 100644
--- a/src/components/AlbumView/Header/Stats.vue
+++ b/src/components/AlbumView/Header/Stats.vue
@@ -10,7 +10,7 @@
       />
     </div>
     <div v-if="isSmallPhone" class="stats2">
-      {{ new Date(album.date * 1000).getFullYear() }} {{ !album.is_single ? `• ${album.trackcount > 1 ? t('AlbumView.TrackCountPlural') : t('AlbumView.TrackCount')}` : "" }} •
+      {{ new Date(album.date * 1000).getFullYear() }} {{ !album.is_single ? `• ${album.trackcount} ${t('AlbumView.TrackCountPlural')}` : "" }} •
       {{ formatSeconds(album.duration, true) }}
     </div>
   </div>
diff --git a/src/components/ArtistView/HeaderComponents/Info.vue b/src/components/ArtistView/HeaderComponents/Info.vue
index cc4890ee..bf622bf6 100644
--- a/src/components/ArtistView/HeaderComponents/Info.vue
+++ b/src/components/ArtistView/HeaderComponents/Info.vue
@@ -6,16 +6,16 @@
         }"
     >
         <section class="text">
-            <div class="card-title">{{ t('ArtistView.Title') }}</div>
+            <div class="card-title">{{ $t('ArtistView.Title') }}</div>
             <div class="artist-name" :class="`${useCircularImage ? 'ellip' : 'ellip2'}`" :title="artist.name">
                 {{ artist.name }}
             </div>
             <div class="stats">
                 <span v-if="artist.trackcount">
-                    {{ artist.trackcount.toLocaleString() }} {{ `${artist.trackcount == 1 ? t('ArtistView.TrackCount') : t('ArtistView.TrackCountPlural')} • ` }}
+                    {{ artist.trackcount.toLocaleString() }} {{ `${artist.trackcount == 1 ? $t('ArtistView.TrackCount') : $t('ArtistView.TrackCountPlural')} • ` }}
                 </span>
                 <span v-if="artist.albumcount">
-                    {{ artist.albumcount.toLocaleString() }} {{ `${artist.albumcount == 1 ? t('ArtistView.AlbumCount') : t('ArtistView.AlbumCountPlural')} • ` }}
+                    {{ artist.albumcount.toLocaleString() }} {{ `${artist.albumcount == 1 ? $t('ArtistView.AlbumCount') : $t('ArtistView.AlbumCountPlural')} • ` }}
                 </span>
                 <span v-if="artist.duration">
                     {{ `${formatSeconds(artist.duration, true)}` }}
diff --git a/src/components/ArtistView/TopTracks.vue b/src/components/ArtistView/TopTracks.vue
index 8da2b140..cff19d1c 100644
--- a/src/components/ArtistView/TopTracks.vue
+++ b/src/components/ArtistView/TopTracks.vue
@@ -14,7 +14,7 @@
                 @playThis="playHandler(index)"
             />
         </div>
-        <div v-if="!tracks.length" class="error">{{ t('ArtistView.NoTracks') }}</div>
+        <div v-if="!tracks.length" class="error">{{ $t('ArtistView.NoTracks') }}</div>
     </div>
 </template>
 
diff --git a/src/components/BottomBar/Left.vue b/src/components/BottomBar/Left.vue
index aca94faa..5545640f 100644
--- a/src/components/BottomBar/Left.vue
+++ b/src/components/BottomBar/Left.vue
@@ -7,7 +7,7 @@
         />
         <RouterLink
             v-else
-            title="{{t('BottomBar.GoToNowPlaying')}}"
+            :title="$t('BottomBar.GoToNowPlaying')"
             :to="{
                 name: Routes.nowPlaying,
                 params: {
@@ -37,7 +37,7 @@
         >
             <div v-tooltip class="title">
                 <TextLoader
-                    :text="queue.currenttrack?.title || t('BottomBar.PlaceholderTitle') "
+                    :text="queue.currenttrack?.title || $t('BottomBar.PlaceholderTitle') "
                     :duration="1000"
                     :fade-duration="1000"
                     :direction="queue.direction"
@@ -51,7 +51,7 @@
             </div>
             <ArtistName
                 :artists="queue.currenttrack?.artists || []"
-                :albumartists="queue.currenttrack?.albumartists || t('BottomBar.PlaceholderArtist')""
+                :albumartists="queue.currenttrack?.albumartists || $t('BottomBar.PlaceholderArtist')""
                 class="artist"
             />
         </div>
diff --git a/src/components/BottomBar/Right.vue b/src/components/BottomBar/Right.vue
index 4dccf57b..07aa6165 100644
--- a/src/components/BottomBar/Right.vue
+++ b/src/components/BottomBar/Right.vue
@@ -5,18 +5,18 @@
         <button
             class="repeat"
             :class="{ 'repeat-disabled': settings.repeat == 'none' }"
-            :title="settings.repeat == 'all' ? t('BottomBar.RepeatOptions.All') : settings.repeat == 'one' ? t('BottomBar.RepeatOptions.One') : t('BottomBar.RepeatOptions.None')"
+            :title="settings.repeat == 'all' ? $t('BottomBar.RepeatOptions.All') : settings.repeat == 'one' ? $t('BottomBar.RepeatOptions.One') : $t('BottomBar.RepeatOptions.None')"
             @click="settings.toggleRepeatMode"
         >
             <RepeatOneSvg v-if="settings.repeat == 'one'" />
             <RepeatAllSvg v-else />
         </button>
-        <button class="shuffle" :title=t('BottomBar.Shuffle') @click="queue.shuffleQueue">
+        <button class="shuffle" :title="$t('BottomBar.Shuffle')" @click="queue.shuffleQueue">
             <ShuffleSvg />
         </button>
         <HeartSvg
             v-if="!hideHeart"
-            :title=t('BottomBar.Favorite') 
+            :title="$t('BottomBar.Favorite')"
             :state="queue.currenttrack?.is_favorite"
             @handleFav="() => $emit('handleFav')"
         />
diff --git a/src/components/CardListView/SortBanner.vue b/src/components/CardListView/SortBanner.vue
index 1773938b..c661fc7a 100644
--- a/src/components/CardListView/SortBanner.vue
+++ b/src/components/CardListView/SortBanner.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="itemsortby">
-        <div class="tt select circular">{{ t('CardList.SortBy') }}</div>
+        <div class="tt select circular">{{ $t('CardList.SortBy') }}</div>
         <div class="left group">
             <SortKey
                 :items="($route.name == Routes.AlbumList ? albumitems : artistitems).concat(items)"
diff --git a/src/components/Favorites/RecentsItemCard.vue b/src/components/Favorites/RecentsItemCard.vue
index 88362df6..32d3278a 100644
--- a/src/components/Favorites/RecentsItemCard.vue
+++ b/src/components/Favorites/RecentsItemCard.vue
@@ -20,7 +20,7 @@
       {{ fav.type === "artist" ? fav.item.name : fav.item.title }}
     </div>
     <div class="label ellip" :class="{ on_artist: fav.type === 'artist' }">
-      {{ fav.type === "album" ? fav.item.artist : t('Favorites.Album')}}
+      {{ fav.type === "album" ? fav.item.artist : $t('Favorites.Album')}}
     </div>
   </RouterLink>
 </template>
diff --git a/src/components/FolderView/FolderItem.vue b/src/components/FolderView/FolderItem.vue
index 42771035..a050dc0b 100644
--- a/src/components/FolderView/FolderItem.vue
+++ b/src/components/FolderView/FolderItem.vue
@@ -17,7 +17,7 @@
       <div class="info">
         <div class="f-item-text ellip">{{ folder.name }}</div>
         <div class="f-count" v-if="folder.trackcount">
-          {{ folder.trackcount.toLocaleString() + ` ${folder.trackcount == 1 ? t('FolderView.FileCount') : t('FolderView.FileCountPlural')}` }}
+          {{ folder.trackcount.toLocaleString() + $t('FolderView.FileCount', folder.trackcount) }}
         </div>
       </div>
       <div v-if="!folder_page" class="check">
diff --git a/src/components/HomeView/Browse.vue b/src/components/HomeView/Browse.vue
index f3024f0f..cfec62c5 100644
--- a/src/components/HomeView/Browse.vue
+++ b/src/components/HomeView/Browse.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="homebrowse">
-    <div class="btitle"><b>{{ t('HomeView.Browse.Title') }}</b></div>
+    <div class="btitle"><b>{{ $t('HomeView.Browse.Title') }}</b></div>
     <div class="browselist">
       <RouterLink
         v-for="i in browselist"
diff --git a/src/components/LeftSidebar/NP/Bitrate.vue b/src/components/LeftSidebar/NP/Bitrate.vue
index 81ce41fe..178be403 100644
--- a/src/components/LeftSidebar/NP/Bitrate.vue
+++ b/src/components/LeftSidebar/NP/Bitrate.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="q.currenttrack?.bitrate" class="bitrate" title="{{ t('LeftSidebar.FileTypeBitrate') }}">
+  <div v-if="q.currenttrack?.bitrate" class="bitrate" :title="$t('LeftSidebar.FileTypeBitrate')">
     {{ q.currenttrack.filepath?.split(".").pop() }} • {{ q.currenttrack.bitrate }}
   </div>
 </template>
diff --git a/src/components/Mixes/MixesHeader.vue b/src/components/Mixes/MixesHeader.vue
index 67651f3d..124df58a 100644
--- a/src/components/Mixes/MixesHeader.vue
+++ b/src/components/Mixes/MixesHeader.vue
@@ -8,11 +8,11 @@
                 {{ mix.description }}
             </div>
             <div class="bunchofstuff">
-                {{ mix.trackcount }} {{ mix.trackcount === 1 ? t('Mixes.track', 1) : t('Mixes.track', mix.trackcount) }} ▸ {{ mix.duration }}
+                {{ mix.trackcount }} {{ $t('Mixes.track', mix.trackcount) }} ▸ {{ mix.duration }}
             </div>
             <div class="buttons">
                 <PlayBtnRect :source="playSources.mix" :bg_color="'#fff'" @click.prevent="$emit('playThis')" />
-                <button class="savebtn" :title="mix.saved ? t('Mixes.SavedMix') : t('Mixes.SaveMix')" @click="saveMix">
+                <button class="savebtn" :title="mix.saved ? $t('Mixes.SavedMix') : $t('Mixes.SaveMix')" @click="saveMix">
                     <SaveFilledSvg v-if="mix.saved" />
                     <SaveSvg v-else />
                 </button>
@@ -24,7 +24,6 @@
 <script setup lang="ts">
 import { FullMix } from '@/interfaces'
 import MixImage from './MixImage.vue'
-import { useI18n } from 'vue-i18n'
 import PlayBtnRect from '../shared/PlayBtnRect.vue'
 import SaveSvg from '@/assets/icons/bookmark.svg'
 import SaveFilledSvg from '@/assets/icons/bookmark.fill.svg'
@@ -32,8 +31,6 @@ import { playSources } from '@/enums'
 import useAxios from '@/requests/useAxios'
 import { paths } from '@/config'
 
-const { t } = useI18n();
-
 const props = defineProps<{
     mix: FullMix
 }>()
diff --git a/src/components/NowPlaying/Header.vue b/src/components/NowPlaying/Header.vue
index fb54a66c..b6d3e931 100644
--- a/src/components/NowPlaying/Header.vue
+++ b/src/components/NowPlaying/Header.vue
@@ -13,7 +13,7 @@
                         albumhash: queue.currenttrack?.albumhash || ' ',
                     },
                 }"
-                :title="t('NowPlaying.GoToAlbum')"
+                :title="$t('NowPlaying.GoToAlbum')"
                 class="np-image"
             >
                 <ImageLoader
@@ -37,7 +37,7 @@
             </div>
         </div>
         <!-- <TrackContext /> -->
-        <!-- <h3 v-if="queue.next" class="nowplaying_title">{{ t('NowPlaying.UpNext') }}<</h3>
+        <!-- <h3 v-if="queue.next" class="nowplaying_title">{{ $t('NowPlaying.UpNext') }}<</h3>
         <SongItem
             v-if="queue.next"
             :track="queue.next"
@@ -45,7 +45,7 @@
             :source="dropSources.folder"
             @play-this="queue.playNext"
         />
-        <h3 class="nowplaying_title">{{ t('NowPlaying.Queue') }}<</h3> -->
+        <h3 class="nowplaying_title">{{ $t('NowPlaying.Queue') }}<</h3> -->
     </div>
 </template>
 
@@ -57,9 +57,6 @@ import { Routes } from '@/router'
 import { isMobile, isSmallPhone } from '@/stores/content-width'
 import useQueueStore from '@/stores/queue'
 import { formatSeconds } from '@/utils'
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
 
 import Progress from '@/components/LeftSidebar/NP/Progress.vue'
 import Buttons from '../BottomBar/Right.vue'
diff --git a/src/components/NowPlaying/NowPlayingInfo.vue b/src/components/NowPlaying/NowPlayingInfo.vue
index db2d4ed5..b9bd2d07 100644
--- a/src/components/NowPlaying/NowPlayingInfo.vue
+++ b/src/components/NowPlaying/NowPlayingInfo.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="now-playing-info">
         <div class="text">
-            <div class="title">{{ queue.currenttrack?.title || t('Common.SwingMusic') }}</div>
+            <div class="title">{{ queue.currenttrack?.title || $t('Common.SwingMusic') }}</div>
             <div class="artist">
                 <ArtistName
                     v-if="queue.currenttrack"
@@ -9,7 +9,7 @@
                     :albumartists="queue.currenttrack?.albumartists || ''"
                 />
                 <span v-else class="artist author">
-                    <a href="https://github.com/cwilvx" target="_blank">{{ t('Common.BuiltBy')}}</a>
+                    <a href="https://github.com/cwilvx" target="_blank">{{ $t('Common.BuiltBy')}}</a>
                 </span>
             </div>
         </div>
@@ -22,7 +22,6 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
-import { useI18n } from "vue-i18n";
 
 import ArtistName from '../shared/ArtistName.vue'
 import HeartSvg from '../shared/HeartSvg.vue'
@@ -31,8 +30,6 @@ import OptionSvg from '@/assets/icons/more.svg'
 import { showTrackContextMenu } from '@/helpers/contextMenuHandler'
 import useQueueStore from '@/stores/queue'
 
-const { t } = useI18n();
-
 const context_menu_showing = ref(false)
 
 const queue = useQueueStore()
diff --git a/src/components/NowPlaying/PlayingFrom.vue b/src/components/NowPlaying/PlayingFrom.vue
index 31e90183..b369a110 100644
--- a/src/components/NowPlaying/PlayingFrom.vue
+++ b/src/components/NowPlaying/PlayingFrom.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="now-playing-top">
-        <router-link class="now-playling-from-link" :to="(data.location as RouteLocationRaw)" :title="t('NowPlaying.GoToPlaySource')">
+        <router-link class="now-playling-from-link" :to="(data.location as RouteLocationRaw)" :title="$t('NowPlaying.GoToPlaySource')">
             <div class="from">
                 <img
                     v-if="
@@ -29,7 +29,6 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import { RouteLocationRaw } from 'vue-router'
-import { useI18n } from "vue-i18n";
 
 import useTracklist from '@/stores/queue/tracklist'
 
@@ -39,8 +38,6 @@ import playingFrom from '@/utils/playingFrom'
 import MoreSvg from '@/assets/icons/more.svg'
 import { showQueueContextMenu } from '@/helpers/contextMenuHandler'
 
-const { t } = useI18n();
-
 const tracklist = useTracklist()
 const context_showing = ref(false)
 
diff --git a/src/components/PlaylistView/AfterHeader.vue b/src/components/PlaylistView/AfterHeader.vue
index aa0bd04f..305d75fa 100644
--- a/src/components/PlaylistView/AfterHeader.vue
+++ b/src/components/PlaylistView/AfterHeader.vue
@@ -1,13 +1,8 @@
 <template>
     <div class="p-after-header">
-        <div>{{ t('PlaylistView.AllTracks') }}</div>
+        <div>{{ $t('PlaylistView.AllTracks') }}</div>
     </div>
 </template>
-<script setup lang="ts">
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
-</script>
 <style lang="scss">
 .isSmall .p-after-header {
     padding-left: 0.5rem;
diff --git a/src/components/PlaylistView/Header/Info.vue b/src/components/PlaylistView/Header/Info.vue
index 1a49bb94..dd448ac7 100644
--- a/src/components/PlaylistView/Header/Info.vue
+++ b/src/components/PlaylistView/Header/Info.vue
@@ -9,7 +9,7 @@
       <PlayBtnRect :source="playSources.playlist" :bg_color="btn_color" />
     </div>
     <div class="duration">
-      {{ playlist.info.count.toLocaleString() + ` ${playlist.info.count == 1 ? t('PlaylistView.TrackCount') : t('PlaylistView.TrackCountPlural')}` }}
+      {{ playlist.info.count.toLocaleString() + $t('Common.Track', playlist.info.count) }}
       •
       {{ formatSeconds(playlist.info.duration, true) }}
     </div>
@@ -20,7 +20,7 @@
         <br />
       </span>
     </div>
-    <div class="type">{{ t('Common.Playlist')}}</div>
+    <div class="type">{{ $t('Common.Playlist') }}</div>
   </div>
 </template>
 <script setup lang="ts">
@@ -31,9 +31,6 @@ import PlayBtnRect from "@/components/shared/PlayBtnRect.vue";
 import usePStore from "@/stores/pages/playlist";
 import { balanceText } from "@/utils/balanceText";
 import { Ref, ref } from "vue";
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
 
 const playlist = usePStore();
 
diff --git a/src/components/PlaylistView/Header/LastUpdated.vue b/src/components/PlaylistView/Header/LastUpdated.vue
index 3f2578a5..5f314b6a 100644
--- a/src/components/PlaylistView/Header/LastUpdated.vue
+++ b/src/components/PlaylistView/Header/LastUpdated.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="last-updated">
-        <span v-if="!isHeaderSmall" class="status">{{ t('PlaylistView.LastUpdated', { date: playlist.info._last_updated }) }}</span>
+        <span v-if="!isHeaderSmall" class="status">{{ $t('PlaylistView.LastUpdated', { date: playlist.info._last_updated }) }}</span>
         <div v-if="Number.isInteger(playlist.info.id)" class="edit">
-            &#160;&#160;|&#160;&#160; <span @click="editPlaylist">{{ t('PlaylistView.Edit') }}</span>&#160;&#160;
+            &#160;&#160;|&#160;&#160; <span @click="editPlaylist">{{ $t('PlaylistView.Edit') }}</span>&#160;&#160;
             {{ Number.isInteger(playlist.info.id) ? ' | ' : '' }}
             <DeleteSvg class="edit" @click="deletePlaylist" />
         </div>
diff --git a/src/components/PlaylistsList/PlaylistCard.vue b/src/components/PlaylistsList/PlaylistCard.vue
index b68e57eb..36ab124c 100644
--- a/src/components/PlaylistsList/PlaylistCard.vue
+++ b/src/components/PlaylistsList/PlaylistCard.vue
@@ -15,7 +15,7 @@
       </div>
       <div class="p-name ellip">{{ playlist.name }}</div>
       <div class="p-count">
-        <b>{{ playlist.count.toLocaleString() + ` ${playlist.count === 1 ? t('PlaylistsList.TrackCount') : t('PlaylistsList.TrackCountPlural')}` }}</b>
+        <b>{{ playlist.count.toLocaleString() + $t('PlaylistsList.TrackCount', playlist.count) }}</b>
       </div>
     </div>
   </router-link>
@@ -26,9 +26,6 @@ import { paths } from "../../config";
 import { Playlist } from "../../interfaces";
 import { playSources } from '@/enums'
 import PlayBtn from '../shared/PlayBtn.vue'
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
 
 const imguri = paths.images.playlist;
 defineProps<{
diff --git a/src/components/RightSideBar/Queue.vue b/src/components/RightSideBar/Queue.vue
index e512326f..de528288 100644
--- a/src/components/RightSideBar/Queue.vue
+++ b/src/components/RightSideBar/Queue.vue
@@ -4,8 +4,8 @@
     <div class="queue-virtual-scroller" @mouseover="mouseover = true" @mouseout="mouseover = false">
         <NoItems
             :flag="!store.tracklist.length"
-            :title="t('RightSidebar.NoQueueTitle')"
-            :description="t('RightSidebar.NoQueueDescription')"
+            :title="$t('RightSidebar.NoQueueTitle')"
+            :description="$t('RightSidebar.NoQueueDescription')"
             :icon="QueueSvg"
         />
         <RecycleScroller
@@ -31,7 +31,6 @@
 
 <script setup lang="ts">
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
-import { useI18n } from "vue-i18n";
 
 import useQStore from '@/stores/queue'
 import useInterface from '@/stores/interface'
@@ -43,7 +42,6 @@ import TrackItem from '@/components/shared/TrackItem.vue'
 import QueueSvg from '@/assets/icons/queue.svg'
 import PlayingFrom from '../NowPlaying/PlayingFrom.vue'
 
-const { t } = useI18n();
 
 const itemHeight = 64
 const paddingTop = 16
diff --git a/src/components/RightSideBar/Search/Main.vue b/src/components/RightSideBar/Search/Main.vue
index 07b1e64b..bd703e57 100644
--- a/src/components/RightSideBar/Search/Main.vue
+++ b/src/components/RightSideBar/Search/Main.vue
@@ -1,8 +1,6 @@
 <template>
   <div class="right-search">
     <TabsWrapper :tabs="tabs" :current-tab="currentTab" :tab-content="true" @switchTab="switchTab">
-      <!-- TODO: The code relies on the tabs names, so it can't be translated yet. -->
-      <!-- <Tab :name=t(resolveTab(currentTab)) /> -->
       <Tab :name=currentTab />
     </TabsWrapper>
   </div>
@@ -15,9 +13,6 @@ import useSearchStore from "@/stores/search";
 import Tab from "./Tab.vue";
 import TabsWrapper from "./TabsWrapper.vue";
 
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
 
 const search = useSearchStore();
 
@@ -30,20 +25,6 @@ function switchTab(tab: string) {
   search.switchTab(tab);
 }
 
-function resolveTab(tab: string): string {
-  switch (tab) {
-    case 'top':
-      return 'TabNames.top';
-    case 'tracks':
-      return 'TabNames.tracks';
-    case 'albums':
-      return 'TabNames.albums';
-    case 'artists':
-      return 'TabNames.artists';
-    default:
-      return 'TabNames.unknown';
-  }
-}
 </script>
 
 <style lang="scss">
diff --git a/src/components/RightSideBar/Search/TabsWrapper.vue b/src/components/RightSideBar/Search/TabsWrapper.vue
index af18dfc4..108c684d 100644
--- a/src/components/RightSideBar/Search/TabsWrapper.vue
+++ b/src/components/RightSideBar/Search/TabsWrapper.vue
@@ -8,7 +8,7 @@
                 :class="{ activetab: tab === currentTab }"
                 @click="$emit('switchTab', tab)"
             >
-                {{ tab }}
+                {{ resolveButtonTabName(tab) }}
             </button>
         </div>
 
@@ -19,6 +19,25 @@
 </template>
 
 <script setup lang="ts">
+
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
+
+function resolveButtonTabName(id: string): string {
+    switch (id){
+        case 'top':
+            return t('Search.top');
+        case 'tracks':
+            return t('Common.Track', 2);
+        case 'albums':
+            return t('Common.Album', 2);
+        case 'artists':
+            return t('Common.Artist', 2);
+        default:
+            return id;
+    }
+}
 defineProps<{
     tabs: string[]
     currentTab: string
diff --git a/src/components/RightSideBar/Search/Top/TopItem.vue b/src/components/RightSideBar/Search/Top/TopItem.vue
index a3676f4a..7d01fe30 100644
--- a/src/components/RightSideBar/Search/Top/TopItem.vue
+++ b/src/components/RightSideBar/Search/Top/TopItem.vue
@@ -26,9 +26,9 @@
                 </div>
                 <div v-if="res_type === 'artist'" class="artists flex">
                     {{ item.albumcount }}
-                    {{ t('Common.album', item.albumcount)}} •
+                    {{ $t('Common.album', item.albumcount) }} •
                     {{ item.trackcount }}
-                    {{ t('Common.track', item.trackcount)}}
+                    {{ $t('Common.track', item.trackcount) }}
                 </div>
                 <div v-if="res_type === 'track'" class="artists flex">
                     <ArtistName :artists="item.artists" :albumartists="item.albumartists" />
@@ -83,10 +83,6 @@ import PlayBtn from '@/components/shared/PlayBtn.vue'
 import { playSources } from '@/enums'
 import { formatDate } from '@/utils/dates'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
-
 const search = useSearchStore()
 
 const { top_results } = storeToRefs(search)
diff --git a/src/components/RightSideBar/Search/TopResults.vue b/src/components/RightSideBar/Search/TopResults.vue
index 6ee9eb60..765f25fb 100644
--- a/src/components/RightSideBar/Search/TopResults.vue
+++ b/src/components/RightSideBar/Search/TopResults.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="right-top-results">
     <NoItems
-      :title="t('Search.NoResultsTitle')"
-      :description="t('Search.NoResultsDescription')"
+      :title="$t('Search.NoResultsTitle')"
+      :description="$t('Search.NoResultsDescription')"
       :icon="SearchSvg"
       :flag="
         !search.top_results.top_result || !search.top_results.top_result.type
@@ -11,19 +11,19 @@
     <div
       v-if="search.top_results.top_result && search.top_results.top_result.type"
     >
-      <h3 class="h3">{{ t('Search.TopResult') }}</h3>
+      <h3 class="h3">{{ $t('Search.TopResult') }}</h3>
       <TopItem />
     </div>
     <div v-if="search.top_results.tracks.length">
-      <h3 class="h3">{{ t('Search.Tracks') }}</h3>
+      <h3 class="h3">{{ $t('Search.Tracks') }}</h3>
       <TopTracks />
     </div>
     <div v-if="search.top_results.artists.length">
-      <h3 class="h3">{{ t('Search.Artists') }}</h3>
+      <h3 class="h3">{{ $t('Search.Artists') }}</h3>
       <TopArtists />
     </div>
     <div v-if="search.top_results.albums.length">
-      <h3 class="h3">{{ t('Search.Albums') }}</h3>
+      <h3 class="h3">{{ $t('Search.Albums') }}</h3>
       <TopAlbums />
     </div>
   </div>
@@ -39,10 +39,6 @@ import TopArtists from "./Top/TopArtists.vue";
 import NoItems from "@/components/shared/NoItems.vue";
 import SearchSvg from "@/assets/icons/search.svg";
 
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
-
 const search = useSearchStore();
 </script>
 
diff --git a/src/components/RightSideBar/Search/TracksGrid.vue b/src/components/RightSideBar/Search/TracksGrid.vue
index 867892b4..edcbbc76 100644
--- a/src/components/RightSideBar/Search/TracksGrid.vue
+++ b/src/components/RightSideBar/Search/TracksGrid.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="tracks-results">
     <div v-if="!search.tracks.value.length" class="t-center">
-      <h5>{{ t('Search.NoTracksTitle') }}</h5>
+      <h5>{{ $t('Search.NoTracksTitle') }}</h5>
     </div>
 
     <RecycleScroller
@@ -30,9 +30,6 @@ import useTracklist from "@/stores/queue/tracklist";
 
 import TrackItem from "@/components/shared/TrackItem.vue";
 import AlbumsFetcher from "@/components/ArtistView/AlbumsFetcher.vue";
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
 
 const queue = useQueue();
 const search = useSearch();
diff --git a/src/components/RightSideBar/SearchInput.vue b/src/components/RightSideBar/SearchInput.vue
index 3e037eef..a9fa371d 100644
--- a/src/components/RightSideBar/SearchInput.vue
+++ b/src/components/RightSideBar/SearchInput.vue
@@ -14,7 +14,7 @@
         <div id="ginner" ref="inputRef" tabindex="0">
             <button
                 v-auto-animate
-                :title="tabs.current === tabs.tabs.search ? t('SearchInput.BackToQueue') : t('SearchInput.GoToSearch')"
+                :title="tabs.current === tabs.tabs.search ? $t('SearchInput.BackToQueue') : $t('SearchInput.GoToSearch')"
                 :class="{ no_bg: on_nav }"
                 @click.prevent="handleButton"
             >
@@ -24,7 +24,7 @@
             <input
                 id="globalsearch"
                 v-model.trim="search.query"
-                :placeholder="t('Search.SearchPlaceholder')"
+                :placeholder="$t('Search.SearchPlaceholder')"
                 type="search"
                 autocomplete="off"
                 spellcheck="false"
@@ -52,9 +52,6 @@ import CancelSvg from '@/assets/icons/a.svg'
 import BackSvg from '@/assets/icons/arrow.svg'
 import SearchSvg from '@/assets/icons/search.svg'
 import { Routes } from '@/router'
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
 
 const props = defineProps<{
     on_nav?: boolean
diff --git a/src/components/SettingsView/About.vue b/src/components/SettingsView/About.vue
index b4866c7d..a3353b00 100644
--- a/src/components/SettingsView/About.vue
+++ b/src/components/SettingsView/About.vue
@@ -1,45 +1,45 @@
 <template>
     <div class="aboutswingmusic">
         <div class="version">Swing Music v{{ settings.version }}</div>
-        <span v-html="t('Settings.About.Developer', { link: '<a href=&quot;https://github.com/cwilvx&quot; target=&quot;_blank&quot;>@<u>cwilvx</u></a>' })"></span>
+        <span v-html="$t('Settings.About.Developer', { link: '<a href=&quot;https://github.com/cwilvx&quot; target=&quot;_blank&quot;>@<u>cwilvx</u></a>' })"></span>
         <br /><br />
         <div class="links">
-            <h2>{{ t('Settings.About.LinksTitle') }}</h2>
+            <h2>{{ $t('Settings.About.LinksTitle') }}</h2>
             <div class="flex">
                 <a
                     href="https://swingmusic.vercel.app/guide/introduction.html"
                     target="_blank"
-                    ><button>{{ t('Settings.About.LinksDocs') }}</button></a
+                    ><button>{{ $t('Settings.About.LinksDocs') }}</button></a
                 >
                 <a
                     href="https://github.com/cwilvx/swingmusic"
                     target="_blank"
-                    ><button>{{ t('Settings.About.LinksGitHub') }}</button></a
+                    ><button>{{ $t('Settings.About.LinksGitHub') }}</button></a
                 >
                 <a
                     href="https://github.com/cwilvx/swingmusic/issues/new/choose"
                     target="_blank"
                 >
-                    <button>{{ t('Settings.About.LinksIssue') }}</button>
+                    <button>{{ $t('Settings.About.LinksIssue') }}</button>
                 </a>
                 <a
                     href="https://github.com/cwilvx/swingmusic/blob/master/.github/contributing.md"
                     target="_blank"
-                    ><button>{{ t('Settings.About.LinksContribute') }}</button></a
+                    ><button>{{ $t('Settings.About.LinksContribute') }}</button></a
                 >
             </div>
         </div>
         <br />
         <div class="contact">
-            <h2>{{ t('Settings.About.GetInTouchTitle') }}</h2>
-            {{ t('Settings.About.GetInTouchDescription') }}
+            <h2>{{ $t('Settings.About.GetInTouchTitle') }}</h2>
+            {{ $t('Settings.About.GetInTouchDescription') }}
             <br /><br />
             <div class="flex">
                 <a
                     href="mailto:geoffreymungai45@gmail.com?subject=Hiii 👋😁&body=Hi Mungai,
         "
                     target="_blank"
-                    ><button>{{ t('Settings.About.SendEmail') }}</button></a
+                    ><button>{{ $t('Settings.About.SendEmail') }}</button></a
                 >
             </div>
         </div>
@@ -48,9 +48,6 @@
 
 <script setup lang="ts">
 import useSettings from '@/stores/settings'
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
 
 const settings = useSettings()
 </script>
diff --git a/src/components/SettingsView/Components/BackupRestore.vue b/src/components/SettingsView/Components/BackupRestore.vue
index a4820dd8..1445bef1 100644
--- a/src/components/SettingsView/Components/BackupRestore.vue
+++ b/src/components/SettingsView/Components/BackupRestore.vue
@@ -1,10 +1,10 @@
 <template>
     <div class="backup-restore">
-        <button class="backupnow" @click="doBackup">{{ t('Settings.Backup.Title') }}</button>
+        <button class="backupnow" @click="doBackup">{{ $t('Settings.Backup.Title') }}</button>
         <div class="separator"></div>
-        <h4>{{ t('Settings.Backup.RestoreBackup') }}</h4>
+        <h4>{{ $t('Settings.Backup.RestoreBackup') }}</h4>
         <div class="helptext">
-            {{ t('Settings.Backup.BackupCount', { count: backups.length }) }}
+            {{ $t('Settings.Backup.BackupCount', { count: backups.length }) }}
         </div>
         <div></div>
         <br />
@@ -22,11 +22,11 @@
                 </div>
                 <div class="buttons">
                     <DeleteSvg @click="() => deleteBackup(backup.name)" />
-                    <button class="restore" @click="() => restore(backup.name)">{{ t('Settings.Backup.RestoreButton') }}<</button>
+                    <button class="restore" @click="() => restore(backup.name)">{{ $t('Settings.Backup.RestoreButton') }}<</button>
                 </div>
             </div>
         </div>
-        <button class="restore-all" @click="() => restore()">{{ t('Settings.Backup.RestoreAllButton') }}<</button>
+        <button class="restore-all" @click="() => restore()">{{ $t('Settings.Backup.RestoreAllButton') }}<</button>
     </div>
 </template>
 
diff --git a/src/components/SettingsView/Components/List.vue b/src/components/SettingsView/Components/List.vue
index afaf805a..ae456a97 100644
--- a/src/components/SettingsView/Components/List.vue
+++ b/src/components/SettingsView/Components/List.vue
@@ -12,7 +12,7 @@
             </div>
         </div>
         <div v-if="!items.length" class="option-list-item" style="opacity: 0.5">
-            {{ t('Settings.List.RootNotConfigured') }}
+            {{ $t('Settings.List.RootNotConfigured') }}
         </div>
     </div>
 </template>
@@ -20,9 +20,6 @@
 <script setup lang="ts">
 import DeleteSvg from '@/assets/icons/delete.svg'
 import FolderSvg from '@/assets/icons/folder.svg'
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
 
 const props = defineProps<{
     items: {
diff --git a/src/components/SettingsView/Components/SecretInput.vue b/src/components/SettingsView/Components/SecretInput.vue
index 27227f99..35387cf6 100644
--- a/src/components/SettingsView/Components/SecretInput.vue
+++ b/src/components/SettingsView/Components/SecretInput.vue
@@ -8,19 +8,17 @@
             </button>
         </div>
         <div class="right">
-            <button>{{ buttonText ?? t('Settings.Save')  }}</button>
+            <button>{{ buttonText ?? $t('Settings.Save')  }}</button>
         </div>
     </form>
 </template>
 
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue'
-import { useI18n } from "vue-i18n";
 
 import EyeSvg from '@/assets/icons/eye.svg'
 import EyeSlashSvg from '@/assets/icons/eye.slash.svg'
 
-const { t } = useI18n();
 
 const props = defineProps<{
     text?: string
diff --git a/src/components/SettingsView/Components/SeparatorsInput.vue b/src/components/SettingsView/Components/SeparatorsInput.vue
index cee270f2..5b35ae64 100644
--- a/src/components/SettingsView/Components/SeparatorsInput.vue
+++ b/src/components/SettingsView/Components/SeparatorsInput.vue
@@ -9,16 +9,13 @@
           </b></span
         >
       </div>
-      <button>{{ t('Settings.Save') }}</button>
+      <button>{{ $t('Settings.Save') }}</button>
     </form>
   </div>
 </template>
 
 <script setup lang="ts">
 import { Ref, computed, onMounted, ref } from "vue";
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
 
 const separatorinput: Ref<HTMLInputElement | null> = ref(null);
 const input = ref("");
diff --git a/src/components/SettingsView/Content.vue b/src/components/SettingsView/Content.vue
index 0721a15a..53221c98 100644
--- a/src/components/SettingsView/Content.vue
+++ b/src/components/SettingsView/Content.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="settingscontent">
     <GenericHeader>
-      <template #name>{{t('Common.Settings')}}</template>
+      <template #name>{{ $t('Common.Settings') }}</template>
       <template #description>
-        {{ t('Content.SettingsDesc') }}
+        {{ $t('Content.SettingsDesc') }}
       </template>
     </GenericHeader>
     <GenericTabs
@@ -43,10 +43,6 @@ import About from "./About.vue";
 import GenericTabs from "@/components/shared/GenericTabs.vue";
 import GenericHeader from "@/components/shared/GenericHeader.vue";
 
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
-
 const route = useRoute();
 const settings = useSettings();
 
diff --git a/src/components/SettingsView/Group.vue b/src/components/SettingsView/Group.vue
index be1c3a0c..ff4f44c8 100644
--- a/src/components/SettingsView/Group.vue
+++ b/src/components/SettingsView/Group.vue
@@ -15,14 +15,14 @@
                         <span class="ellip">
                             {{ setting.title }}
                             <span v-if="setting.experimental" class="badge experimental circular">
-                                {{ setting.experimental ? t('Common.experimental') : '' }}
+                                {{ setting.experimental ? $t('Common.experimental') : '' }}
                             </span>
                             <span v-if="setting.new" class="badge new circular">
-                                {{ setting.new ? t('Common.new') : '' }}
+                                {{ setting.new ? $t('Common.new') : '' }}
                             </span>
                         </span>
                         <button v-if="setting.type == SettingType.root_dirs" @click="setting.action">
-                            <ReloadSvg height="1.5rem" /> <span>{{ t('Common.Rescan') }}</span>
+                            <ReloadSvg height="1.5rem" /> <span>{{ $t('Common.Rescan') }}</span>
                         </button>
                     </div>
                     <div v-if="setting.desc" class="desc">
@@ -96,8 +96,6 @@
 </template>
 
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n'
-
 import { SettingGroup } from '@/interfaces/settings'
 import { SettingType } from '@/settings/enums'
 
@@ -118,8 +116,6 @@ import BackupRestore from './Components/BackupRestore.vue'
 import SecretInput from './Components/SecretInput.vue'
 import License from './Components/License.vue'
 
-const { t } = useI18n()
-
 defineProps<{
     group: SettingGroup
 }>()
diff --git a/src/components/SettingsView/Nav.vue b/src/components/SettingsView/Nav.vue
index 64b50c58..cf19fff6 100644
--- a/src/components/SettingsView/Nav.vue
+++ b/src/components/SettingsView/Nav.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="settingsnav">
     <button @click="resetClient">
-      &nbsp;&nbsp; {{t('Nav.ResetClient')}} &nbsp;&nbsp;
+      &nbsp;&nbsp; {{ $t('Nav.ResetClient') }} &nbsp;&nbsp;
     </button>
   </div>
 </template>
@@ -9,10 +9,6 @@
 <script setup lang="ts">
 import { useRouter } from "vue-router";
 
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
-
 const router = useRouter();
 
 const resetClient = () => {
diff --git a/src/components/Stats/ChartItem.vue b/src/components/Stats/ChartItem.vue
index 7845f586..1b39581d 100644
--- a/src/components/Stats/ChartItem.vue
+++ b/src/components/Stats/ChartItem.vue
@@ -4,11 +4,11 @@
         <div class="index">{{ index }}</div>
         <img :src="getItemImage(item)" class="chartimage" :class="name" />
         <div class="iteminfo">
-            <div class="title" :title="t(mapToText(item.name))" v-if="isArtist">
-                {{ t(mapToText(item.name)) }} <MasterFlag v-if="item.trend?.is_new" :text="item.trend?.is_new ? t('Common.New') : ''" :bitrate="1900"/>
+            <div class="title" :title="$t(mapToText(item.name))" v-if="isArtist">
+                {{ $t(mapToText(item.name)) }} <MasterFlag v-if="item.trend?.is_new" :text="item.trend?.is_new ? $t('Common.New') : ''" :bitrate="1900"/>
             </div>
             <div class="title" :title="item.title" v-if="isAlbumOrTrack">
-                {{ item.title }} <MasterFlag v-if="item.trend?.is_new" :text="item.trend?.is_new ? t('Common.New') : ''" :bitrate="1900"/>
+                {{ item.title }} <MasterFlag v-if="item.trend?.is_new" :text="item.trend?.is_new ? $t('Common.New') : ''" :bitrate="1900"/>
             </div>
             <div class="artist" v-if="isAlbumOrTrack">
                 <ArtistName
@@ -17,7 +17,7 @@
                 />
             </div>
             <div class="artist" v-if="isArtist">
-                {{ t('ChartItem.ArtistPlays', { count: item.extra['playcount'] }) }}
+                {{ $t('ChartItem.ArtistPlays', { count: item.extra['playcount'] }) }}
             </div>
         </div>
         <div class="helptext">
@@ -36,10 +36,6 @@ import ArtistName from '../shared/ArtistName.vue'
 import { Routes } from '@/router'
 import MasterFlag from '../shared/MasterFlag.vue'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
-
 type name = 'artist' | 'album' | 'track'
 type ChartItem = Artist | Album | Track
 
diff --git a/src/components/Stats/ChartItemGroup.vue b/src/components/Stats/ChartItemGroup.vue
index 0aca202c..fa1cc837 100644
--- a/src/components/Stats/ChartItemGroup.vue
+++ b/src/components/Stats/ChartItemGroup.vue
@@ -5,9 +5,9 @@
         <div class="noitems rounded-sm" v-if="items.length === 0">
             <div v-if="loading" class="loading">
                 <div class="spinner"></div>
-                <span>{{ t('ChartItemGroup.FetchingData')}}</span>
+                <span>{{ $t('ChartItemGroup.FetchingData')}}</span>
             </div>
-            <div v-if="!loading && loaded">{{t('ChartItemGroup.NoDataFound', {per: settings.statsgroup.slice(0, -1)})}}</div>
+            <div v-if="!loading && loaded">{{ $t('ChartItemGroup.NoDataFound', {per: settings.statsgroup.slice(0, -1)}) }}</div>
         </div>
         <ChartItem
             v-for="(item, index) in items"
@@ -43,10 +43,6 @@ import ChartsHeader from './ChartsHeader.vue'
 import ArrowSvg from '@/assets/icons/arrow.svg'
 import CalendarSvg from '@/assets/icons/calendar.svg'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
-
 const settings = useSettings()
 
 // Reactive variables
diff --git a/src/components/Stats/Charts.vue b/src/components/Stats/Charts.vue
index 532ddfc5..79579ef7 100644
--- a/src/components/Stats/Charts.vue
+++ b/src/components/Stats/Charts.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="stats-charts">
         <GenericHeader>
-            <template #name>{{t('Charts.ChartsTitle')}}</template>
-            <template #description>{{t('Charts.ChartsDescription')}}</template>
+            <template #name>{{ $t('Charts.ChartsTitle') }}</template>
+            <template #description>{{ $t('Charts.ChartsDescription') }}</template>
         </GenericHeader>
         <br>
         <div class="chartitemgroupsgrid">
@@ -14,10 +14,6 @@
 <script setup lang="ts">
 import GenericHeader from '@/components/shared/GenericHeader.vue'
 import ChartItemGroup from './ChartItemGroup.vue'
-
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
 </script>
 
 <style lang="scss">
diff --git a/src/components/bubbles/DropArea.vue b/src/components/bubbles/DropArea.vue
index 90344e7c..c441204d 100644
--- a/src/components/bubbles/DropArea.vue
+++ b/src/components/bubbles/DropArea.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="bin-drop-area t-center rounded-sm">
     <div class="bin-count circular">10</div>
-    {{ t('Bubbles.DropHere') }}
+    {{ $t('Bubbles.DropHere') }}
     <br />
   </div>
 </template>
diff --git a/src/components/modal.vue b/src/components/modal.vue
index 96e93ee0..bbd48ae1 100644
--- a/src/components/modal.vue
+++ b/src/components/modal.vue
@@ -36,7 +36,7 @@
             />
             <div v-if="modal.component == modal.options.deletePlaylist">
                 <ConfirmModal
-                    :text="t('Modal.DeletePlaylist')"
+                    :text="$t('Modal.DeletePlaylist')"
                     :cancel-action="modal.hideModal"
                     :confirm-action="deletePlaylist"
                 />
@@ -62,10 +62,6 @@ import SetRootDirs from './modals/SetRootDirs.vue'
 import Settings from './modals/Settings.vue'
 import UpdatePlaylist from './modals/updatePlaylist.vue'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
-
 const modal = useModalStore()
 const router = useRouter()
 
diff --git a/src/components/modals/AuthLogin.vue b/src/components/modals/AuthLogin.vue
index 88598143..60293cba 100644
--- a/src/components/modals/AuthLogin.vue
+++ b/src/components/modals/AuthLogin.vue
@@ -3,7 +3,7 @@
         <div class="head" :class="{ selected }">
             <button
                 class="back rounded-sm"
-                title="{{ t('AuthLogin.BackToSelection') }}"
+                :title="$t('AuthLogin.BackToSelection')"
                 @click="resetSelected"
                 :style="{
                     visibility: shownUsers.length > 1 ? 'visible' : 'hidden',
@@ -12,12 +12,12 @@
                 <span>back</span> <ArrowSvg />
             </button>
             <Logo />
-            <button class="back back2 rounded-sm" title="{{ t('AuthLogin.BackToSelection') }}"><span>{{ t('AuthLogin.Back') }}</span> <ArrowSvg /></button>
+            <button class="back back2 rounded-sm" :title="$t('AuthLogin.BackToSelection')"><span>{{ $t('AuthLogin.Back') }}</span> <ArrowSvg /></button>
         </div>
 
         <div class="alcontent">
             <div class="helptext" v-if="!selected">
-                <div class="h2">{{ t('AuthLogin.WelcomeBack') }}</div>
+                <div class="h2">{{ $t('AuthLogin.WelcomeBack') }}</div>
             </div>
             <div class="selected-user" v-if="selected">
                 <User
@@ -32,23 +32,23 @@
             <form class="passinput" v-if="selected" v-auto-animate @submit.prevent="loginUser">
                 <!-- Only show username input if there's no user list -->
                 <Input
-                    placeholder="{{ t('AuthLogin.EnterUsername') }}"
+                    :placeholder="$t('AuthLogin.EnterUsername')"
                     v-if="selected.username === ''"
                     input-id="loginuserinput"
                     @input="(input: string) => username = input"
                 />
                 <Input
                     type="password"
-                    placeholder="{{ t('AuthLogin.EnterPassword') }}"
+                    :placeholder="$t('AuthLogin.EnterPassword')"
                     input-id="loginpassinput"
                     @input="(input: string) => password = input"
                 />
                 <!-- v-if="username.length && password.length" -->
-                <button class="submit" :class="{ long: selected.username !== '' }">Login</button>
+                <button class="submit" :class="{ long: selected.username !== '' }">{{ $t('Common.LogIn') }}</button>
             </form>
         </div>
         <div v-if="guestAllowed" class="guestlink" @click="() => guestLogin()">
-            <span>{{ t('AuthLogin.ContinueAsGuest') }} </span>
+            <span>{{ $t('AuthLogin.ContinueAsGuest') }} </span>
         </div>
     </div>
 </template>
@@ -64,9 +64,6 @@ import ArrowSvg from '../../assets/icons/expand.svg'
 import Logo from '../Logo.vue'
 import Input from '../shared/Input.vue'
 import User from '../shared/LoginUserCard.vue'
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n();
 
 const auth = useAuth()
 
diff --git a/src/components/modals/ConfirmModal.vue b/src/components/modals/ConfirmModal.vue
index c8f597b6..e0198b27 100644
--- a/src/components/modals/ConfirmModal.vue
+++ b/src/components/modals/ConfirmModal.vue
@@ -2,16 +2,13 @@
     <div class="confirm-modal">
         <div class="t-center" style="padding: 0 4rem">{{ text }}</div>
         <div class="buttons">
-            <button class="cancel" @click="cancelAction">{{ t('ConfirmModal.Cancel') }}</button>
-            <button class="confirm" @click="confirmAction">{{ t('ConfirmModal.Delete') }}</button>
+            <button class="cancel" @click="cancelAction">{{ $t('ConfirmModal.Cancel') }}</button>
+            <button class="confirm" @click="confirmAction">{{ $t('ConfirmModal.Delete') }}</button>
         </div>
     </div>
 </template>
 
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n();
 
 defineProps<{
     text: string
diff --git a/src/components/modals/CrudPage.vue b/src/components/modals/CrudPage.vue
index 5ac54c17..750ba444 100644
--- a/src/components/modals/CrudPage.vue
+++ b/src/components/modals/CrudPage.vue
@@ -1,20 +1,20 @@
 <template>
     <form action="" v-if="delete">
         <br>
-        <div>{{ t('CrudPage.DeleteDescription')}}</div>
+        <div>{{ $t('CrudPage.DeleteDescription')}}</div>
         <br />
-        <button @click.prevent="submit" class="critical">{{ t('CrudPage.DeleteButton') }}</button>
+        <button @click.prevent="submit" class="critical">{{ $t('CrudPage.DeleteButton') }}</button>
     </form>
     <form class="playlist-modal" @submit.prevent="submit" v-else>
-        <label for="name">{{t('CrudPage.CollectionName')}}</label>
+        <label for="name">{{ $t('CrudPage.CollectionName') }}</label>
         <br />
         <input type="search" class="rounded-sm" id="name" :value="collection?.name" />
         <br />
-        <label for="description">{{ t('CrudPage.Description') }}</label>
+        <label for="description">{{ $t('CrudPage.Description') }}</label>
         <br />
         <input type="search" class="rounded-sm" id="description" :value="collection?.extra.description" />
         <br /><br />
-        <button type="submit">{{ collection ? t('CrudPage.Update') : t('CrudPage.Create') }}</button>
+        <button type="submit">{{ collection ? $t('CrudPage.Update') : $t('CrudPage.Create') }}</button>
     </form>
 </template>
 
diff --git a/src/components/modals/NewPlaylist.vue b/src/components/modals/NewPlaylist.vue
index c4c51e6b..63fde3c5 100644
--- a/src/components/modals/NewPlaylist.vue
+++ b/src/components/modals/NewPlaylist.vue
@@ -1,17 +1,17 @@
 <template>
   <form class="playlist-modal" @submit="create">
-    <label for="name">{{ t('NewPlaylist.PlaylistName')}}</label>
+    <label for="name">{{ $t('NewPlaylist.PlaylistName') }}</label>
     <br />
     <input
       id="modal-playlist-name-input"
       type="search"
       class="rounded-sm"
       name="name"
-      placeholder="{{ t('NewPlaylist.NamePlaceholder')}}"
+      :placeholder="$t('NewPlaylist.NamePlaceholder')"
       spellcheck="false"
     />
     <br /><br />
-    <button type="submit">{{t('NewPlaylist.CreateButton')}}</button>
+    <button type="submit">{{ $t('NewPlaylist.CreateButton') }}</button>
   </form>
 </template>
 
diff --git a/src/components/modals/RootDirsPrompt.vue b/src/components/modals/RootDirsPrompt.vue
index d5332842..b7cf83bc 100644
--- a/src/components/modals/RootDirsPrompt.vue
+++ b/src/components/modals/RootDirsPrompt.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="root-dirs-prompt">
-    <h3 class="t-center">{{t('RootDirsPrompt.WhereToLook')}}</h3>
+    <h3 class="t-center">{{ $t('RootDirsPrompt.WhereToLook') }}</h3>
     <div class="options-group">
       <div v-for="option in options" :key="option.id" v-motion-slide-bottom class="option" @click="option.action()">
         <b>{{ option.title }}</b>
diff --git a/src/components/modals/SetRootDirs.vue b/src/components/modals/SetRootDirs.vue
index 69decd53..e461d339 100644
--- a/src/components/modals/SetRootDirs.vue
+++ b/src/components/modals/SetRootDirs.vue
@@ -9,7 +9,7 @@
     </div>
     <div class="set-root-dirs-browser">
       <h4 v-if="no_more_dirs">
-        <span class="folder_icon">📂</span> {{ t('SetRootDirs.NoSubFolders') }}
+        <span class="folder_icon">📂</span> {{ $t('SetRootDirs.NoSubFolders') }}
       </h4>
       <div class="scrollable">
         <div class="content">
@@ -24,8 +24,8 @@
         </div>
       </div>
       <div class="buttons">
-        <button class="btn-active select-here" @click="selectHere"> {{ t('SetRootDirs.SelectThisFolder') }} </button>
-        <button class="btn-active finish" @click="submitFolders"> {{ t('SetRootDirs.AddAllChecked') }} ({{ getNewDirs().length }})</button>
+        <button class="btn-active select-here" @click="selectHere"> {{ $t('SetRootDirs.SelectThisFolder') }} </button>
+        <button class="btn-active finish" @click="submitFolders"> {{ $t('SetRootDirs.AddAllChecked') }} ({{ getNewDirs().length }})</button>
       </div>
     </div>
   </div>
@@ -43,10 +43,6 @@ import { createSubPaths } from "@/utils";
 import BreadCrumbNav from "../FolderView/BreadCrumbNav.vue";
 import FolderItem from "../FolderView/FolderItem.vue";
 
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
-
 const settings = useSettingsStore();
 
 const dirs: Ref<Folder[]> = ref([]);
diff --git a/src/components/modals/Settings.vue b/src/components/modals/Settings.vue
index 5921da47..358a0cf8 100644
--- a/src/components/modals/Settings.vue
+++ b/src/components/modals/Settings.vue
@@ -19,7 +19,7 @@
                     </button>
                     {{ currentGroup?.displayName || currentGroup?.title }}
                     <span v-if="currentGroup?.experimental" class="badge experimental circular">
-                        {{ currentGroup?.experimental ? t('Settings.Experimental') : '' }}
+                        {{ currentGroup?.experimental ? $t('Settings.Experimental') : '' }}
                     </span>
                 </div>
                 <div v-if="currentGroup?.desc" class="desc">
@@ -40,9 +40,6 @@ import { isSmallPhone } from '@/stores/content-width'
 import { computed, ref } from 'vue'
 import Content from './settings/Content.vue'
 import Sidebar from './settings/Sidebar.vue'
-import { useI18n } from 'vue-i18n';
-
-const { t } = useI18n();
 
 const emit = defineEmits<{
     (e: 'setTitle', title: string): void
diff --git a/src/components/modals/settings/Profile.vue b/src/components/modals/settings/Profile.vue
index b95b6756..21029294 100644
--- a/src/components/modals/settings/Profile.vue
+++ b/src/components/modals/settings/Profile.vue
@@ -3,7 +3,7 @@
         <div class="profileavatar">
             <Avatar :name="username || auth.user.username" />
             <div class="name">
-                {{ adding_user ? username : t('Profile.HiUser', {user: auth.user.username})  }}
+                {{ adding_user ? username : $t('Profile.HiUser', {user: auth.user.username})  }}
             </div>
             <div v-if="!adding_user" class="roles">
                 <span v-for="role in auth.user.roles" :key="role" class="role"> {{ role }}</span>
@@ -11,22 +11,22 @@
         </div>
         <form v-auto-animate class="updateprof" @submit.prevent="handleSubmit">
             <div class="names">
-                <label for="username">{{ t('Profile.Username')}}<</label>
+                <label for="username">{{ $t('Profile.Username')}}<</label>
                 <Input
                     :placeholder="adding_user ? t('Profile.Username')  : auth.user.username"
                     @input="input => (username = input)"
                 />
             </div>
-            <label for="pswd">{{ adding_user ? t('Profile.PasswordAction', {action: t('Common.Create')}) 
-                : t('Profile.PasswordAction', {action: t('Common.Change')}) }}</label>
+            <label for="pswd">{{ adding_user ? $t('Profile.PasswordAction', {action: $t('Common.Create')}) 
+                : $t('Profile.PasswordAction', {action: $t('Common.Change')}) }}</label>
             <Input type="password" placeholder="✶✶✶✶✶✶✶✶" @input="input => (password = input)" />
             <div v-if="password.length" class="confirmpassword">
-                <label for="confirmpswd">{{ t('Profile.ConfirmPassword') }}<</label>
+                <label for="confirmpswd">{{ $t('Profile.ConfirmPassword') }}<</label>
                 <Input type="password" placeholder="✶✶✶✶✶✶✶✶" @input="input => (confirmPassword = input)" />
                 <label v-if="errorText" class="error">{{ errorText }}</label>
             </div>
             <button v-if="showSubmit">
-                {{ adding_user ? t('Profile.AddUser') : t('Common.Update') }}
+                {{ adding_user ? $t('Profile.AddUser') : $t('Common.Update') }}
             </button>
         </form>
     </div>
diff --git a/src/components/modals/settings/custom/Accounts.vue b/src/components/modals/settings/custom/Accounts.vue
index c0ae480a..4d357570 100644
--- a/src/components/modals/settings/custom/Accounts.vue
+++ b/src/components/modals/settings/custom/Accounts.vue
@@ -12,10 +12,10 @@
             />
         </div>
         <div class="ahead">
-            <div class="h2">{{t('Accounts.AllUsers')}}</div>
+            <div class="h2">{{ $t('Accounts.AllUsers') }}</div>
             <button class="adduser" @click="showAddUser = true">
                 <PlusSvg />
-                {{ t('Accounts.NewUser') }}
+                {{ $t('Accounts.NewUser') }}
             </button>
         </div>
         <TransitionGroup name="list">
diff --git a/src/components/modals/settings/custom/Pairing.vue b/src/components/modals/settings/custom/Pairing.vue
index 0d66db54..39fc46c0 100644
--- a/src/components/modals/settings/custom/Pairing.vue
+++ b/src/components/modals/settings/custom/Pairing.vue
@@ -12,7 +12,7 @@
             <div class="spinner"></div>
         </div>
         <p class="desc">
-            {{ t('Pairing.ScanQRCode') }}
+            {{ $t('Pairing.ScanQRCode') }}
         </p>
 
         <div class="serverurl rounded">{{ url }}</div>
diff --git a/src/components/modals/updatePlaylist.vue b/src/components/modals/updatePlaylist.vue
index e761c5ad..2900babe 100644
--- a/src/components/modals/updatePlaylist.vue
+++ b/src/components/modals/updatePlaylist.vue
@@ -6,7 +6,7 @@
         autocomplete="off"
         @submit.prevent="update_playlist"
     >
-        <label for="name">{{ t('UpdatePlaylist.Name')}}</label>
+        <label for="name">{{ $t('UpdatePlaylist.Name') }}</label>
         <input
             id="modal-playlist-name-input"
             v-model="pname"
@@ -17,7 +17,7 @@
             @keypress.enter.prevent="update_playlist"
         />
 
-        <label for="image">{{t('Common.Image')}}</label>
+        <label for="image">{{ $t('Common.Image') }}</label>
         <input
             id="update-pl-image-upload"
             ref="dropZoneRef"
@@ -30,7 +30,7 @@
         <div id="upload" class="boxed rounded-sm">
             <div class="clickable" tabindex="0" @click="selectFiles" @keydown.space.enter.stop="selectFiles">
                 <ImageIcon />
-                {{ t('UpdatePlaylist.CoverAction', {action: playlist.has_image ? t('Common.update') : t('Common.upload')}) }}
+                {{ $t('UpdatePlaylist.CoverAction', {action: playlist.has_image ? $t('Common.update') : $t('Common.upload')}) }}
             </div>
             <div
                 id="update-pl-img-preview"
@@ -45,13 +45,13 @@
                 </div>
             </div>
         </div>
-        <label v-if="playlist.has_image && !playlist.settings.square_img">{{t('Common.Settings')}}</label>
+        <label v-if="playlist.has_image && !playlist.settings.square_img">{{ $t('Common.Settings') }}</label>
         <div v-if="image || playlist.has_image" class="banner-settings rounded-sm">
-            <div>{{ t('UpdatePlaylist.SquareCover') }}</div>
+            <div>{{ $t('UpdatePlaylist.SquareCover') }}</div>
             <Switch :state="playlist.settings.square_img || false" @click="pStore.toggleSquareImage" />
         </div>
         <div v-if="playlist.has_image && !playlist.settings.square_img" class="boxed banner-position-adjust rounded-sm">
-            <div class="t-center">{{t('UpdatePlaylist.ImagePosition', {pos: pStore.info.settings.banner_pos }) }}</div>
+            <div class="t-center">{{ $t('UpdatePlaylist.ImagePosition', {pos: pStore.info.settings.banner_pos }) }}</div>
             <div class="buttons">
                 <button @click.stop.prevent="pStore.minusBannerPos">
                     <ExpandSvg />
@@ -63,7 +63,7 @@
         </div>
 
         <button type="submit">
-            {{ clicked ? t('Common.Saving') : t('Common.Update')}}
+            {{ clicked ? $t('Common.Saving') : $t('Common.Update') }}
         </button>
     </form>
 </template>
@@ -81,10 +81,6 @@ import ImageIcon from '@/assets/icons/image.svg'
 
 import Switch from '../SettingsView/Components/Switch.vue'
 
-import { useI18n } from 'vue-i18n';
-
-const { t } = useI18n();
-
 const pStore = usePStore()
 const { info: playlist } = storeToRefs(pStore)
 
diff --git a/src/components/nav/NavTitles.vue b/src/components/nav/NavTitles.vue
index 1b4b2765..84214cd3 100644
--- a/src/components/nav/NavTitles.vue
+++ b/src/components/nav/NavTitles.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="info">
-    <SettingsTitle v-if="$route.name == Routes.settings" :text="t('NavTitles.Settings')" />
+    <SettingsTitle v-if="$route.name == Routes.settings" :text="$t('NavTitles.Settings')" />
     <SearchTitle v-if="$route.name == Routes.search" />
     <PlaylistsTitle v-if="$route.name == Routes.playlists" />
     <SimpleNav
       v-if="$route.name == Routes.artistTracks"
-      :text="$route.query.artist as string || t('NavTitles.ArtistTracks')"
+      :text="$route.query.artist as string || $t('NavTitles.ArtistTracks')"
     />
-    <SimpleNav v-if="$route.name === Routes.nowPlaying" :text="t('NavTitles.NowPlaying')" />
+    <SimpleNav v-if="$route.name === Routes.nowPlaying" :text="$t('NavTitles.NowPlaying')" />
   </div>
 </template>
 
@@ -18,8 +18,4 @@ import SimpleNav from "./Titles/SimpleNav.vue";
 import SearchTitle from "./Titles/SearchTitle.vue";
 import SettingsTitle from "./Titles/SettingsTitle.vue";
 import PlaylistsTitle from "./Titles/PlaylistsTitle.vue";
-
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
 </script>
diff --git a/src/components/nav/ProfileDropdown.vue b/src/components/nav/ProfileDropdown.vue
index 48af546b..27fa0f58 100644
--- a/src/components/nav/ProfileDropdown.vue
+++ b/src/components/nav/ProfileDropdown.vue
@@ -1,20 +1,20 @@
 <template>
     <div class="profiledrop rounded-md pad-sm shadow-lg noSelect">
         <div class="info item">
-            <div class="username ellip2">{{t('ProfileDropdown.HiUser', { user: auth.user.firstname || auth.user.username })}}</div>
+            <div class="username ellip2">{{ $t('ProfileDropdown.HiUser', { user: auth.user.firstname || auth.user.username }) }}</div>
         </div>
         <div class="separator"></div>
         <div class="item scan" @click="triggerScan">
-            <div class="label">{{ t('ProfileDropdown.QuickScan')}}</div>
+            <div class="label">{{ $t('ProfileDropdown.QuickScan') }}</div>
             <ReloadSvg />
         </div>
         <div class="item" @click="modal.showSettingsModal">
-            <div class="label">{{ t('Common.Settings')}}</div>
+            <div class="label">{{ $t('Common.Settings') }}</div>
             <SettingsSvg />
         </div>
         <div class="separator"></div>
         <div class="item critical logout" @click="auth.logout">
-            <div class="label">{{t('Common.LogOut')}}</div>
+            <div class="label">{{ $t('Common.LogOut') }}</div>
             <LogoutSvg />
         </div>
     </div>
@@ -29,10 +29,6 @@ import ReloadSvg from '@/assets/icons/reload.svg'
 import SettingsSvg from '@/assets/icons/settings.svg'
 import { triggerScan } from '@/requests/settings/rootdirs'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
-
 const auth = useAuth()
 const modal = useModal()
 </script>
diff --git a/src/components/nav/Titles/PlaylistsTitle.vue b/src/components/nav/Titles/PlaylistsTitle.vue
index 2e33a4b2..35321e20 100644
--- a/src/components/nav/Titles/PlaylistsTitle.vue
+++ b/src/components/nav/Titles/PlaylistsTitle.vue
@@ -1,7 +1,7 @@
 <template>
   <div v-if="isSmall" class="playlists-nav">
     <div class="buttons">
-      <button @click="showNewPlaylistModal()"><PlusSvg /> {{t('NewPlaylist.Title')}}</button>
+      <button @click="showNewPlaylistModal()"><PlusSvg /> {{ $t('NewPlaylist.Title') }}</button>
     </div>
   </div>
 </template>
@@ -11,10 +11,8 @@ import PlusSvg from "@/assets/icons/plus.svg";
 import { isSmall } from "@/stores/content-width";
 
 import useModalStore from "@/stores/modal";
-import { useI18n } from "vue-i18n";
 
 const { showNewPlaylistModal } = useModalStore();
-const { t } = useI18n();
 </script>
 
 <style lang="scss">
diff --git a/src/components/shared/ArtistCard.vue b/src/components/shared/ArtistCard.vue
index 546036cd..e2615a05 100644
--- a/src/components/shared/ArtistCard.vue
+++ b/src/components/shared/ArtistCard.vue
@@ -28,7 +28,7 @@
             {{ artist.name }}
         </div>
         <div v-if="artist.help_text && artist.trackcount" class="racount t-center">
-            {{ t('ArtistCard.TrackCount', {count: artist.trackcount}, artist.trackcount) }}
+            {{ $t('ArtistCard.TrackCount', {count: artist.trackcount}, artist.trackcount) }}
         </div>
     </RouterLink>
 </template>
@@ -43,10 +43,6 @@ import PlayBtn from './PlayBtn.vue'
 import { ref } from 'vue'
 import { showArtistContextMenu } from '@/helpers/contextMenuHandler'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
-
 const imguri = paths.images.artist.medium
 const contextMenuFlag = ref(false)
 
diff --git a/src/components/shared/DropDown.vue b/src/components/shared/DropDown.vue
index a75a2fba..90518f94 100644
--- a/src/components/shared/DropDown.vue
+++ b/src/components/shared/DropDown.vue
@@ -6,7 +6,7 @@
                 :class="{ showDropDown }"
                 :title="
                     reverse !== 'hide'
-                        ? t('DropDown.SortByUppercase', {title: current.title.toUpperCase(), order: reverse ? t('Common.Descending').toUpperCase() : t('Common.Ascending').toUpperCase()})
+                        ? $t('DropDown.SortByUppercase', {title: current.title.toUpperCase(), order: reverse ?  $t('Common.Descending').toUpperCase() : $t('Common.Ascending').toUpperCase()})
                         : undefined
                 "
                 @click.prevent="handleOpener"
@@ -31,12 +31,9 @@
 <script setup lang="ts">
 import { onClickOutside } from '@vueuse/core'
 import { Ref, ref } from 'vue'
-import { useI18n } from 'vue-i18n'
 
 import ArrowSvg from '@/assets/icons/arrow.svg'
 
-const { t } = useI18n()
-
 const showDropDown = ref(false)
 const dropOptionsRef: Ref<HTMLElement | undefined> = ref()
 
diff --git a/src/components/shared/FavoritesCard.vue b/src/components/shared/FavoritesCard.vue
index 4bad97c2..874d8237 100644
--- a/src/components/shared/FavoritesCard.vue
+++ b/src/components/shared/FavoritesCard.vue
@@ -21,12 +21,12 @@
         </div>
         <div class="info">
             <div class="rhelp playlist">
-                <span class="help">{{ t('FavoritesCard.PlaylistUpper')}}</span>
+                <span class="help">{{ $t('FavoritesCard.PlaylistUpper') }}</span>
                 <span class="time">{{ item.time }}</span>
             </div>
-            <div class="title">{{ t('FavoritesCard.FavoriteTracks')}}</div>
+            <div class="title">{{ $t('FavoritesCard.FavoriteTracks') }}</div>
             <div class="fcount">
-                <b>{{ t('Common.TrackCount', {count: item.count}, item.count) }}</b>
+                <b>{{ $t('Common.TrackCount', {count: item.count}, item.count) }}</b>
             </div>
         </div>
     </RouterLink>
@@ -38,10 +38,6 @@ import { Routes } from '@/router'
 import { playSources } from '@/enums'
 import PlayBtn from '../shared/PlayBtn.vue'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
-
 defineProps<{
     item: {
         time: string
diff --git a/src/components/shared/FolderCard.vue b/src/components/shared/FolderCard.vue
index 3e0520d0..e3227ec1 100644
--- a/src/components/shared/FolderCard.vue
+++ b/src/components/shared/FolderCard.vue
@@ -26,7 +26,7 @@
       {{ name(folder.path) }}
     </div>
     <div class="rtcount">
-      <b>{{ t('Common.TrackCount', {count: folder.count}, folder.count) }}</b>
+      <b>{{ $t('Common.TrackCount', {count: folder.count}, folder.count) }}</b>
     </div>
   </RouterLink>
 </template>
@@ -35,9 +35,6 @@
 import { playSources } from "@/enums";
 import { Routes } from "@/router";
 import PlayBtn from "../shared/PlayBtn.vue";
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
 
 defineProps<{
   folder: {
diff --git a/src/components/shared/GenericTrackPagination.vue b/src/components/shared/GenericTrackPagination.vue
index e981b104..6ab54cf4 100644
--- a/src/components/shared/GenericTrackPagination.vue
+++ b/src/components/shared/GenericTrackPagination.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="v-scroll-page" :class="{ isSmall }" style="height: 100%">
-        <NoItems :flag="!tracks.length" :title="t('Common.NoTracks')" :description="desc" :icon="noitemsicon" />
+        <NoItems :flag="!tracks.length" :title="$t('Common.NoTracks')" :description="desc" :icon="noitemsicon" />
         <DynamicScroller
             id="album-scroller"
             style="height: 100%"
@@ -40,9 +40,6 @@ import NoItems from '@/components/shared/NoItems.vue'
 import SongItem from '@/components/shared/SongItem.vue'
 import AlbumsFetcher from '@/components/ArtistView/AlbumsFetcher.vue'
 import { dropSources } from '@/enums'
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
 
 const props = defineProps<{
     tracks: Track[]
diff --git a/src/components/shared/LoginUserCard.vue b/src/components/shared/LoginUserCard.vue
index 91136642..74748f31 100644
--- a/src/components/shared/LoginUserCard.vue
+++ b/src/components/shared/LoginUserCard.vue
@@ -2,7 +2,7 @@
     <div class="loginuser rounded-sm" :class="{ selected }">
         <Avatar :name="user.username" />
         <div class="username">
-            {{ (selected ? t('Common.HiSpace') : '') + user.username }}
+            {{ (selected ? $t('Common.HiSpace') : '') + user.username }}
         </div>
     </div>
 </template>
@@ -11,10 +11,6 @@
 import { UserSimplified } from '@/interfaces'
 import Avatar from '../shared/Avatar.vue'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
-
 defineProps<{
     user: UserSimplified
     selected?: boolean
diff --git a/src/components/shared/LyricsButton.vue b/src/components/shared/LyricsButton.vue
index 146cb18f..d71e902f 100644
--- a/src/components/shared/LyricsButton.vue
+++ b/src/components/shared/LyricsButton.vue
@@ -1,6 +1,6 @@
 <template>
-    <button :title=t('Common.Lyrics') class="lyrics" :class="{ showStatus: lyrics.exists }" @click="handleClick">
-        <LyricsSvg /> {{ showText ? t('Common.Lyrics')  : '' }}
+    <button :title="$t('Common.Lyrics')"" class="lyrics" :class="{ showStatus: lyrics.exists }" @click="handleClick">
+        <LyricsSvg /> {{ showText ? $t('Common.Lyrics')  : '' }}
     </button>
 </template>
 
@@ -8,7 +8,6 @@
 import { ref } from 'vue'
 import { Routes } from '@/router'
 import { useRoute, useRouter } from 'vue-router'
-import { useI18n } from 'vue-i18n'
 
 import useLyrics from '@/stores/lyrics'
 import LyricsSvg from '@/assets/icons/lyrics.svg'
@@ -17,8 +16,6 @@ defineProps<{
     showText?: boolean
 }>()
 
-const { t } = useI18n()
-
 const route = useRoute()
 const router = useRouter()
 
diff --git a/src/components/shared/MasterFlag.vue b/src/components/shared/MasterFlag.vue
index 5c40fc44..9b60b8e7 100644
--- a/src/components/shared/MasterFlag.vue
+++ b/src/components/shared/MasterFlag.vue
@@ -2,7 +2,7 @@
   <span
     v-if="bitrate > 1024"
     class="master-flag"
-    :title="!text ? t('MasterFlag.MasterAudioBitrate') + `${bitrate} Kbps` : ''"
+    :title="!text ? $t('MasterFlag.MasterAudioBitrate') + `${bitrate} Kbps` : ''"
     :style="{
       backgroundColor: bg_color ? (fill ? bg_color : 'transparent') : 'rgba(184, 108, 21, 0.281)',
       color: text_color ? (fill ? text_color : '') : 'rgb(255, 153, 0)',
@@ -14,10 +14,6 @@
 
 <script setup lang="ts">
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
-
 defineProps<{
   bitrate: number;
   text?: string;
diff --git a/src/components/shared/PlayBtnRect.vue b/src/components/shared/PlayBtnRect.vue
index bdfcae96..d55466da 100644
--- a/src/components/shared/PlayBtnRect.vue
+++ b/src/components/shared/PlayBtnRect.vue
@@ -10,7 +10,7 @@
         @click="playFrom(source)"
     >
         <playBtnSvg />
-        <div class="text">{{t('Common.Play')}}</div>
+        <div class="text">{{ $t('Common.Play') }}</div>
     </button>
 </template>
 
@@ -21,10 +21,6 @@ import { getShift } from '@/utils/colortools/shift'
 import playBtnSvg from '@/assets/icons/play.svg'
 import { playFrom } from '@/helpers/usePlayFrom'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
-
 defineProps<{
     source: playSources
     bg_color?: string
diff --git a/src/components/shared/SeeAll.vue b/src/components/shared/SeeAll.vue
index 2720c631..5be355ac 100644
--- a/src/components/shared/SeeAll.vue
+++ b/src/components/shared/SeeAll.vue
@@ -1,15 +1,12 @@
 <template>
     <span class="see-all">
         <RouterLink :to="route">
-            <b>{{ text || t('Common.SeeAll').toUpperCase() }}</b>
+            <b>{{ text || $t('Common.SeeAll').toUpperCase() }}</b>
         </RouterLink>
     </span>
 </template>
 
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
 defineProps<{
     route: string
     text?: string
diff --git a/src/components/shared/SongItem.vue b/src/components/shared/SongItem.vue
index 5a4ccd95..6b4add5d 100644
--- a/src/components/shared/SongItem.vue
+++ b/src/components/shared/SongItem.vue
@@ -24,7 +24,7 @@
         </div>
 
         <TrackAlbum
-            :album="track.album || t('Common.Unknown')"
+            :album="track.album || $t('Common.Unknown')"
             :albumhash="track.albumhash || ''"
             :hide_album="hide_album || false"
         />
@@ -59,10 +59,6 @@ import TrackIndex from './SongItem/TrackIndex.vue'
 import TrackTitle from './SongItem/TrackTitle.vue'
 import useSettings from '@/stores/settings'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
-
 const settings = useSettings()
 const context_menu_showing = ref(false)
 
diff --git a/src/components/shared/SongItem/TrackAlbum.vue b/src/components/shared/SongItem/TrackAlbum.vue
index a3244400..14054931 100644
--- a/src/components/shared/SongItem/TrackAlbum.vue
+++ b/src/components/shared/SongItem/TrackAlbum.vue
@@ -6,7 +6,7 @@
         :to="{
             name: 'AlbumView',
             params: {
-                albumhash: albumhash || t('Common.Unknown'),
+                albumhash: albumhash || $t('Common.Unknown'),
             },
         }"
     >
@@ -16,10 +16,6 @@
 
 <script setup lang="ts">
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
-
 defineProps<{
     hide_album: boolean
     albumhash: string
diff --git a/src/components/shared/TrackItem.vue b/src/components/shared/TrackItem.vue
index 1ee02946..75207e11 100644
--- a/src/components/shared/TrackItem.vue
+++ b/src/components/shared/TrackItem.vue
@@ -35,7 +35,7 @@
         <div class="float-buttons flex">
             <div
                 class="fav-icon"
-                :title="is_fav ? t('TrackItem.AddToFavorites') : t('TrackItem.RemoveFromFavorites')"
+                :title="is_fav ? $t('TrackItem.AddToFavorites') : $t('TrackItem.RemoveFromFavorites')"
                 @click.stop="() => addToFav(track.trackhash)"
             >
                 <HeartSvg :state="is_fav" :no_emit="true" />
@@ -43,7 +43,7 @@
             <div
                 v-if="isQueueTrack"
                 class="remove-track"
-                :title="t('TrackItem.RemoveFromQueue') "
+                :title="$t('TrackItem.RemoveFromQueue') "
                 @click.stop="player.removeByIndex(index)"
             >
                 <DelSvg />
@@ -54,7 +54,6 @@
 
 <script setup lang="ts">
 import { onBeforeUnmount, ref, watch } from 'vue'
-import { useI18n } from 'vue-i18n'
 
 import useColor from '@/stores/colors'
 import useTracklist from '@/stores/queue/tracklist'
@@ -70,8 +69,6 @@ import ArtistName from './ArtistName.vue'
 import HeartSvg from './HeartSvg.vue'
 import { getBackgroundColor, getTextColor } from '@/utils/colortools/shift'
 
-const { t } = useI18n()
-
 const props = defineProps<{
     track: Track
     isCurrent: boolean
diff --git a/src/context_menus/album.ts b/src/context_menus/album.ts
index ebb28210..efd20224 100644
--- a/src/context_menus/album.ts
+++ b/src/context_menus/album.ts
@@ -11,10 +11,9 @@ import { addAlbumToPlaylist } from '@/requests/playlists'
 import { AddToQueueIcon, DeleteIcon, PlayNextIcon, PlusIcon } from '@/icons'
 import { Album, Collection, Option, Playlist, Track } from '@/interfaces'
 import { get_find_on_social, getAddToCollectionOptions, getAddToPlaylistOptions } from './utils'
+import { useT } from '@/i18n'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
+const { t } = useT();
 
 export default async (album?: Album) => {
     const albumStore = useAlbum()
@@ -87,7 +86,7 @@ export default async (album?: Album) => {
     }
 
     const remove_from_page: Option = {
-        label:t('Menus.Common.RemoveFromCollection'),
+        label: t('Menus.Common.RemoveFromCollection'),
         action: async () => {
             const success = await addOrRemoveItemFromCollection(
                 parseInt(router.currentRoute.value.params.collection as string),
diff --git a/src/context_menus/artist.ts b/src/context_menus/artist.ts
index 430ea47a..aec61607 100644
--- a/src/context_menus/artist.ts
+++ b/src/context_menus/artist.ts
@@ -10,10 +10,9 @@ import { addArtistToPlaylist } from '@/requests/playlists'
 import { AddToQueueIcon, DeleteIcon, PlayNextIcon, PlusIcon } from '@/icons'
 import { Artist, Collection, Option, Playlist } from '@/interfaces'
 import { getAddToCollectionOptions, getAddToPlaylistOptions, get_find_on_social } from './utils'
+import { useT } from '@/i18n'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
+const { t } = useT()
 
 export default async (artisthash: string, artistname: string) => {
     const play_next = <Option>{
diff --git a/src/context_menus/folder.ts b/src/context_menus/folder.ts
index 07b2e153..c5a38ea3 100644
--- a/src/context_menus/folder.ts
+++ b/src/context_menus/folder.ts
@@ -8,10 +8,9 @@ import useTracklist from "@/stores/queue/tracklist";
 
 import { addFolderToPlaylist } from "@/requests/playlists";
 import { getAddToPlaylistOptions } from "./utils";
+import { useT } from "@/i18n";
 
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
+const { t } = useT();
 
 export default async (path: string) => {
   const modal = useModal();
diff --git a/src/context_menus/playlist.ts b/src/context_menus/playlist.ts
index 9b8c6cf1..22d9bebf 100644
--- a/src/context_menus/playlist.ts
+++ b/src/context_menus/playlist.ts
@@ -1,8 +1,7 @@
+import { useT } from "@/i18n";
 import { Option } from "../interfaces";
 
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
+const { t } = useT();
 
 export default async () => {
   const deletePlaylist: Option = {
diff --git a/src/context_menus/queue.ts b/src/context_menus/queue.ts
index e32807f1..04670055 100644
--- a/src/context_menus/queue.ts
+++ b/src/context_menus/queue.ts
@@ -7,10 +7,9 @@ import { Option, Playlist } from "@/interfaces";
 import { getAddToPlaylistOptions } from "./utils";
 import { addTracksToPlaylist } from "@/requests/playlists";
 import { DeleteIcon, PlaylistIcon, PlusIcon } from "@/icons";
+import { useT } from "@/i18n";
 
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
+const { t } = useT();
 
 function getQueueName(from: From) {
   switch (from.type) {
diff --git a/src/context_menus/track.ts b/src/context_menus/track.ts
index 7b22f784..0d89eb87 100644
--- a/src/context_menus/track.ts
+++ b/src/context_menus/track.ts
@@ -11,10 +11,9 @@ import usePlaylistStore from '@/stores/pages/playlist'
 import useQueueStore from '@/stores/queue'
 import useTracklist from '@/stores/queue/tracklist'
 import { getAddToPlaylistOptions, get_find_on_social } from './utils'
+import { useT } from '@/i18n'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
+const { t } = useT();
 
 /**
  * Returns a list of context menu items for a track.
diff --git a/src/context_menus/utils.ts b/src/context_menus/utils.ts
index 822ea735..15c02345 100644
--- a/src/context_menus/utils.ts
+++ b/src/context_menus/utils.ts
@@ -5,10 +5,9 @@ import { SearchIcon } from '@/icons'
 import { Album, Collection, Option, Playlist } from '@/interfaces'
 import { getAllCollections } from '@/requests/collections'
 import { getAllPlaylists } from '@/requests/playlists'
+import { useT } from '@/i18n'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
+const { t } = useT()
 
 export const separator: Option = {
     type: 'separator',
diff --git a/src/helpers/usePlayFrom.ts b/src/helpers/usePlayFrom.ts
index 9456be6c..467890eb 100644
--- a/src/helpers/usePlayFrom.ts
+++ b/src/helpers/usePlayFrom.ts
@@ -14,10 +14,9 @@ import { getArtistTracks } from '@/requests/artists'
 import { getFavTracks } from '@/requests/favorite'
 import { getFiles } from '@/requests/folders'
 import { getPlaylist } from '@/requests/playlists'
+import { useT } from '@/i18n'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
+const { t } = useT()
 
 export async function utilPlayFromArtist(index: number = 0) {
     const queue = useQueue()
diff --git a/src/i18n.ts b/src/i18n.ts
new file mode 100644
index 00000000..b978cd9c
--- /dev/null
+++ b/src/i18n.ts
@@ -0,0 +1,27 @@
+import { createI18n } from "vue-i18n";
+
+import en from './locales/en.json';
+import it from './locales/it.json';
+import ko from './locales/ko.json';
+
+const userLocale = navigator.language.split('-')[0];
+const supportedLocales = ['en', 'it', 'ko'];
+const fallbackLocale = 'en';
+const locale = supportedLocales.includes(userLocale) ? userLocale : fallbackLocale;
+
+const i18n = createI18n({
+  legacy: false,
+  locale: locale,
+  globalInjection: true,
+  messages: {
+    en: en,
+    it: it,
+    ko: ko
+  },
+});
+
+export function useT(){
+    return i18n.global;
+}
+
+export default i18n;
\ No newline at end of file
diff --git a/src/locales/en.json b/src/locales/en.json
index ebb8e4f6..e7c12ddd 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -69,6 +69,28 @@
     "Finish": "Finish",
     "Disconnect": "Disconnect",
     "Connect": "Connect",
+    "Discography": "Discography {artist}",
+    "Recents": "Recents",
+    "Pinned": "Pinned",
+    "Other": "Other",
+    "All": "All",
+    "SearchResults": "Search Results",
+    "Playlists": "Playlists",
+    "EpAndSingles": "Appearances",
+    "Appearances": "Appearances",
+    "Compilations": "Compilation | Compilations",
+    "Singles": "EP & Singles",
+    "SimilarArtists": "Similar artists",
+    "Delete": "Delete",
+    "NowPlaying": "Now Playing",
+    "artist": "artist | artists",
+    "mix": "mix | mixes",
+    "Search": "Search",
+    "NoResults": "No results",
+    "NoSearchResults": "We can't find any results for your search.",
+    "TopResult": "Top Result",
+    "NoTrackResults": "No track results",
+    "LogIn": "Login",
     "FileName": "File Name",
     "SwingMusic": "Swing Music"
   },
@@ -128,7 +150,7 @@
     }
   },
   "FolderView": {
-    "FileCount": "File",
+    "FileCount": "File | Files",
     "FileCountPlural": "Files"
   },
   "HomeView": {
@@ -174,7 +196,7 @@
     "GoToPlaySource": "Go to play source"
   },
   "PlaylistsList": {
-    "TrackCount": "Track",
+    "TrackCount": "Track | Tracks",
     "TrackCountPlural": "Tracks"
   },
   "PlaylistView": {
@@ -202,7 +224,8 @@
     "Albums": "Albums",
     "BackToQueue": "Back to Queue",
     "GoToSearch": "Go to Search",
-    "SearchPlaceholder": "Start typing to search"
+    "SearchPlaceholder": "Start typing to search",
+    "top": "Top"
   },
   "Settings": {
     "Save": "Save",
@@ -648,5 +671,113 @@
       "ScanError": "Error triggering scan",
       "ScanStarted": "Rescan started"
     }
+  },
+  "Stores": {
+    "Tracklist": {
+      "AddTrackToQueue": "Added {n} tracks to queue"
+    },
+    "Auth": {
+      "UserAddedSucc": "User added successfully!",
+      "GuestUserAdded": "Guest user added successfully!",
+      "ProfileUpdated": "Profile updated successfully!",
+      "UserDeleted": "{user} deleted successfully!"
+    },
+    "Player": {
+      "AutoplayBlockedError": "Tap anywhere in the page and try again (autoplay blocked)",
+      "PlayerErrorWithArg": "Player Error: {msg}",
+      "LoadErrorWithArg": "Can't load: {queue}"
+    },
+    "Queue": {
+      "AddedTrack": "Added 1 track to queue"
+    }
+  },
+  "Utils": {
+    "PlayingFrom": {
+      "SearchFrom": "Search for: \"{source}\"",
+      "FavoriteTracks": "Favorite tracks",
+      "NoSource": "👻 No source"
+    }
+  },
+  "Views": {
+    "ArtistDiscography": {
+      "NoContributions": "No contributions",
+      "NoContributionsDesc": "No {type} found for {artist}",
+      "Contributions": "Contributions",
+      "AllAlbums": "All Albums"
+    },
+    "FavCardScroller": {
+      "Title": "Favorite {item}S",
+      "Desc": "You have {nelem} favorited {type} | You have {nelem} favorited {type}s"
+    },
+    "Favorites": {
+      "Title": "Favorites",
+      "CountStats": "{tra} Tracks • {alb} Albums • {art} Artists",
+      "Recents": "`Recents`",
+      "Tracks": "'Tracks'",
+      "Albums": "Albums",
+      "NoFavoritesFound": "No favorites found",
+      "Description": "You can add tracks, albums and artists to your favorites by clicking the heart icon"
+    },
+    "FavoriteTracks": {
+      "Description": "You have {n_tr} favorited track | You have {n_tr} favorited tracks",
+      "Title": "Favorite Tracks"
+    },
+    "FolderView": {
+      "FolderIsEmpty": "Folder is empty",
+      "NoResultFound": "No results found",
+      "NoIndexedTracks": "The folder you are trying to access has no indexed tracks. Please add tracks to this folder and try again",
+      "NoTracksForQuery": "No tracks or folders in this immediate directory matched the query: {query}"
+    },
+    "MixLisView": {},
+    "MixListView": {
+      "mixes": "mixes",
+      "MixesBasedOnListening": "{n} mixes • Based on artists you have been listening to",
+      "SavedMixes": "Saved mixes",
+      "OtherMixes": "Other {type } mixes"
+    },
+    "MixView": {
+      "MixNotFound": "404: Mix not found"
+    },
+    "NotFound": {
+      "Error": "404! Page Not Found!"
+    },
+    "PlaylistList": {
+      "Title": "Playlists",
+      "Description": "You have {n} playlists in your library",
+      "SearchPlaylist": "Search playlists",
+      "NoPlaylistsFound": "No playlists found",
+      "OtherPlaylists": "Other playlists",
+      "AllPlaylists": "All playlists",
+      "NoItemDescription": "You can create a playlist by right clicking on a track and selecting the \"Add to Playlist\" option"
+    },
+    "Header": {
+      "TotalAlbumAndArtists": "You have {tot} {what} in your library"
+    },
+    "AlbumViews": {
+      "MoreFrom": "More from {art}",
+      "OtherVersions": "Other versions",
+      "RelatedAlbums": "Related Albums"
+    },
+    "LyricView": {
+      "Unsynced": "unsynced",
+      "NoLyricsFound": "<div>You don't have</div><div>the lyrics for this song</div>",
+      "Searching": "Searching...",
+      "SearchOnline": "Search online"
+    },
+    "PlaylistView": {
+      "NoTracks": "No tracks in this playlist",
+      "AddMoreDesc": "Add tracks to this playlist by right clicking on a track and selecting \"add to playlist\""
+    },
+    "SearchView": {
+      "NoResults": "No {page} results",
+      "TypeToSearch": "Start typing to search for {what}",
+      "ResultsForQuery": "Results for {query} should appear here",
+      "TypeToSearchTracks": "Start typing to search for tracks",
+      "NoResultsDesc": "Results should appear here"
+    },
+    "Stats": {
+      "Title": "Stats",
+      "Description": "Your listening stats for the past week"
+    }
   }
 }
diff --git a/src/locales/it.json b/src/locales/it.json
index 416672de..7cd6fd62 100644
--- a/src/locales/it.json
+++ b/src/locales/it.json
@@ -69,6 +69,27 @@
     "Finish": "Termina",
     "Disconnect": "Scollega",
     "Connect": "Collega",
+    "Discography": "Discografia {artist}",
+    "Recents": "Recenti",
+    "Pinned": "Fissato",
+    "Other": "Altre",
+    "All": "Tutte",
+    "SearchResults": "Risultati della ricerca",
+    "Playlists": "Playlists",
+    "Appearances": "Comparse",
+    "Compilations": "Raccolta | Raccolte",
+    "Singles": "EP & Singles",
+    "SimilarArtists": "Artisti simili",
+    "Delete": "Elimina",
+    "NowPlaying": "In riproduzione",
+    "artist": "artista | artisti",
+    "mix": "mix | mixes",
+    "Search": "Trova",
+    "NoResults": "Nessun risultato",
+    "NoSearchResults": "Non riesco a trovare nessun risultato per la tua ricerca.",
+    "TopResult": "Risultati migliori",
+    "NoTrackResults": "Nessun risultato trovato nelle tracce",
+    "LogIn": "Accedi",
     "FileName": "Nome File",
     "SwingMusic": "Swing Music"
   },
@@ -128,7 +149,7 @@
     }
   },
   "FolderView": {
-    "FileCount": "File",
+    "FileCount": "File | Files",
     "FileCountPlural": "Files"
   },
   "HomeView": {
@@ -174,7 +195,7 @@
     "GoToPlaySource": "Vai alla posizione della traccia"
   },
   "PlaylistsList": {
-    "TrackCount": "Traccia",
+    "TrackCount": "Traccia | Tracce",
     "TrackCountPlural": "Tracce"
   },
   "PlaylistView": {
@@ -202,7 +223,8 @@
     "Albums": "Album",
     "BackToQueue": "Ritorna alla coda",
     "GoToSearch": "Vai alla ricerca",
-    "SearchPlaceholder": "Scrivi per cercare"
+    "SearchPlaceholder": "Scrivi per cercare",
+    "top": "Top"
   },
   "Settings": {
     "Save": "Salva",
@@ -230,8 +252,8 @@
       "Developer": "Swing Music è un atto d'amore sviluppato su GitHub a {link}. Se questo software ti piace, una stellina sul progetto sarebbe molto apprezzata. Spero tu l'apprezzi tanto quanto mi son divertito a scriverla da zero. 😁🤗",
       "LinksTitle": "Links",
       "LinksDocs": "Docs",
-      "LinksGitHub": "Lascia una stella su GitHub",
-      "LinksIssue": "Segnala un problema (preferibilmente in inglese)",
+      "LinksGitHub": "Stellina su GitHub",
+      "LinksIssue": "Segnala un problema (in inglese)",
       "LinksContribute": "Contribuisci",
       "GetInTouchTitle": "Rimani in contatto",
       "GetInTouchDescription": "Se apprezzi il mio lavoro, e ti piacerebbe salutarmi, mi farebbe piacere un contatto (in inglese).",
@@ -524,7 +546,7 @@
     "Settings": "'Impostazioni'"
   },
   "ProfileDropdown": {
-    "QuickScan": "Scansione veloce",
+    "QuickScan": "Scan. veloce",
     "HiUser": "Ciao {user}"
   },
   "SearchInput": {
@@ -567,7 +589,7 @@
     "NoDataFound": "Nessun dato trovato per il periodo specificato: {per}"
   },
   "Charts": {
-    "ChartsTitle": "Grafici",
+    "ChartsTitle": "Classifiche",
     "ChartsDescription": "Gli artisti, album e canzoni più ascoltate"
   },
   "Modal": {
@@ -641,11 +663,118 @@
       "BannerImageRemovedError": "Non riesco a rimuovere l'immagine del banner"
     },
     "RootDirs": {
-      "ErrorAdding": "Errore aggiungendo la cartelle radici",
+      "ErrorAdding": "Errore aggiungendo le cartelle radici",
       "Success": "Cartelle radici configurate",
       "ErrorRemoving": "Errore rimuovendo le cartelle radici",
       "ScanError": "Errore durante l'avviamento della scansione",
       "ScanStarted": "Nuova scansione avviata"
     }
+  },
+  "Stores": {
+    "Tracklist": {
+      "AddTrackToQueue": "Aggiunte {n} tracce alla coda"
+    },
+    "Auth": {
+      "UserAddedSucc": "Utente aggiunto con successo!",
+      "GuestUserAdded": "Utente ospite aggiunto con successo!",
+      "ProfileUpdated": "Profilo aggiornato con successo!",
+      "UserDeleted": "Utente {user} cancellato con successo!"
+    },
+    "Player": {
+      "AutoplayBlockedError": "Tocca ovunque la pagina per riprovare (autoplay bloccato)",
+      "PlayerErrorWithArg": "Errore player: {msg}",
+      "LoadErrorWithArg": "Non riesco a caricare: {queue}"
+    },
+    "Queue": {
+      "AddedTrack": "Aggiunta una traccia alla coda"
+    }
+  },
+  "Utils": {
+    "PlayingFrom": {
+      "SearchFrom": "Cerca per: \"{source}\"",
+      "FavoriteTracks": "Tracce preferite",
+      "NoSource": "👻 Nessuna sorgente"
+    }
+  },
+  "Views": {
+    "ArtistDiscography": {
+      "NoContributions": "Nessun contributo",
+      "NoContributionsDesc": "Nessun {type} trovato per {artist}",
+      "Contributions": "Contribuzioni",
+      "AllAlbums": "Tutti gli albums"
+    },
+    "FavCardScroller": {
+      "Title": "{item} preferiti",
+      "Desc": "Hai {nelem} {type} preferito | Hai {nelem} {type} preferiti"
+    },
+    "Favorites": {
+      "Title": "Preferiti",
+      "CountStats": "{tra} Tracce • {alb} Albums • {art} Artisti",
+      "Recents": "'Recenti'",
+      "Tracks": "'Tracce'",
+      "NoFavoritesFound": "Nessun preferito trovato",
+      "Description": "Puoi aggiungere tracce, albums e artisti ai tuoi preferiti cliccando sull'icona a forma di cuoricino"
+    },
+    "FavoriteTracks": {
+      "Description": "Hai {n_tr} canzone preferita | Hai {n_tr} canzoni preferite",
+      "Title": "Tracce preferite"
+    },
+    "FolderView": {
+      "FolderIsEmpty": "Cartella vuota",
+      "NoResultFound": "Nessun risultato trovato",
+      "NoIndexedTracks": "La cartella che hai aperto non ha nessuna traccia indicizzata. Aggiungi canzoni a questa cartella e riprova",
+      "NoTracksForQuery": "Nessuna cartella o traccia in questa specifica cartella corrisponde alla query: {query}"
+    },
+    "MixLisView": {},
+    "MixListView": {
+      "mixes": "mixes",
+      "MixesBasedOnListening": "{n} mixes • In base agli artisti che hai ascoltato ultimamente",
+      "SavedMixes": "Mixes salvati",
+      "OtherMixes": "Altri mixes di {type}"
+    },
+    "MixView": {
+      "MixNotFound": "404: Mix non trovato"
+    },
+    "NotFound": {
+      "Error": "404! Pagina non trovata!"
+    },
+    "PlaylistList": {
+      "Title": "Playlists",
+      "Description": "Hai {n} playlists nella tua libreria",
+      "SearchPlaylist": "Cerca playlists",
+      "NoPlaylistsFound": "Nessuna playlist trovata",
+      "OtherPlaylists": "Altre playlists",
+      "AllPlaylists": "Tutte le playlists",
+      "NoItemDescription": "Puoi creare una playlist facendo click con il tasto destro su una traccia e selezionando l'opzione \"aggiungi a playlist\""
+    },
+    "Header": {
+      "TotalAlbumAndArtists": "Hai {tot} {what} nella tua libreria"
+    },
+    "AlbumViews": {
+      "MoreFrom": "Altro da {art}",
+      "OtherVersions": "Altre edizioni",
+      "RelatedAlbums": "Albums correlati"
+    },
+    "LyricView": {
+      "Unsynced": "non sincronizzata",
+      "NoLyricsFound": "<div>Non hai il testo</div><div>di questa canzone</div>",
+      "Searching": "Cercando...",
+      "SearchOnline": "Cerca online"
+    },
+    "PlaylistView": {
+      "NoTracks": "Nessuna traccia in questa playlist",
+      "AddMoreDesc": "Aggiungine altre facendo click con il tasto destro del mouse e seleziona \"aggiungi a playlist\""
+    },
+    "SearchView": {
+      "NoResults": "Nessun risultato per {page}",
+      "TypeToSearch": "Inizia a scrivere per cercare per {what}",
+      "ResultsForQuery": "I risultati per {query} verranno mostrati qua",
+      "TypeToSearchTracks": "Inizia a scrivere per cercare nelle tracce",
+      "NoResultsDesc": "I risultati compaiono qua"
+    },
+    "Stats": {
+      "Title": "Statistiche",
+      "Description": "Le tue statistiche d'ascolto nell'ultima settimana"
+    }
   }
 }
diff --git a/src/main.ts b/src/main.ts
index a4b9b4de..44a16174 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,5 @@
 import { createApp } from "vue";
 import { createPinia } from "pinia";
-import { createI18n } from 'vue-i18n'
 
 import { MotionPlugin } from "@vueuse/motion";
 import WrapBalancer from "vue-wrap-balancer";
@@ -22,33 +21,16 @@ import vTooltip from "./directives/vTooltip";
 import "./assets/scss/index.scss";
 import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
 
-const app = createApp(App);
-import en from './locales/en.json';
-import it from './locales/it.json';
-import ko from './locales/ko.json';
-
-const userLocale = navigator.language.split('-')[0];
-const supportedLocales = ['en', 'it', 'ko'];
-const fallbackLocale = 'en';
-const locale = supportedLocales.includes(userLocale) ? userLocale : fallbackLocale;
-
-const i18n = createI18n({
-  legacy: false,
-  locale: locale,
-  messages: {
-    en: en,
-    it: it,
-    ko: ko
-  },
-});
+import i18n from "./i18n";
 
 const pinia = createPinia();
 pinia.use(piniaPluginPersistedstate);
+const app = createApp(App);
 
 app.use(pinia);
 app.use(router);
 app.use(autoAnimatePlugin);
-app.use(VWave);
+app.use(VWave, {});
 app.use(i18n);
 app.use(MotionPlugin);
 
@@ -59,4 +41,4 @@ app.component("RecycleScroller", RecycleScroller);
 app.component("DynamicScroller", DynamicScroller);
 app.component("DynamicScrollerItem", DynamicScrollerItem);
 
-app.mount("#app");
+app.mount("#app");
\ No newline at end of file
diff --git a/src/requests/album.ts b/src/requests/album.ts
index 696c6d84..3dfd1d84 100644
--- a/src/requests/album.ts
+++ b/src/requests/album.ts
@@ -2,10 +2,9 @@ import { paths } from '@/config'
 import { Album, StatItem, Track } from '@/interfaces'
 import { NotifType, useToast } from '@/stores/notification'
 import useAxios from './useAxios'
+import { useT } from '@/i18n'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
+const { t } = useT();
 
 const {
     album: albumUrl,
diff --git a/src/requests/artists.ts b/src/requests/artists.ts
index 2a4243c1..98ef4271 100644
--- a/src/requests/artists.ts
+++ b/src/requests/artists.ts
@@ -2,10 +2,9 @@ import { paths } from '@/config'
 import { Album, Artist, Genre, StatItem, Track } from '@/interfaces'
 import { NotifType, useToast } from '@/stores/notification'
 import useAxios from './useAxios'
+import { useT } from '@/i18n'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
+const { t } = useT();
 
 export const getArtistData = async (hash: string, limit: number = 15, albumlimit: number = 7) => {
     interface ArtistData {
diff --git a/src/requests/collections.ts b/src/requests/collections.ts
index 58e7e966..2803a7a7 100644
--- a/src/requests/collections.ts
+++ b/src/requests/collections.ts
@@ -2,10 +2,9 @@ import { paths } from '@/config'
 import { Album, Artist, Collection, Mix, Playlist } from '@/interfaces'
 import { Notification, NotifType } from '@/stores/notification'
 import useAxios from './useAxios'
+import { useT } from '@/i18n'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
+const { t } = useT();
 
 const { base: baseCollectionUrl } = paths.api.collections
 
diff --git a/src/requests/favorite.ts b/src/requests/favorite.ts
index 3389cbf6..fd1c2e86 100644
--- a/src/requests/favorite.ts
+++ b/src/requests/favorite.ts
@@ -4,10 +4,9 @@ import useAxios from './useAxios'
 
 import { Album, Artist, Track } from '@/interfaces'
 import { useToast as notif } from '@/stores/notification'
+import { useT } from '@/i18n'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
+const { t } = useT();
 
 export async function addFavorite(favtype: favType, itemhash: string) {
     const { error } = await useAxios({
diff --git a/src/requests/playlists.ts b/src/requests/playlists.ts
index 2d1b5434..fdb73a35 100644
--- a/src/requests/playlists.ts
+++ b/src/requests/playlists.ts
@@ -3,10 +3,9 @@ import { Artist, Playlist, Track } from '@/interfaces'
 import { NotifType, Notification, useToast } from '@/stores/notification'
 import useAxios from './useAxios'
 import useFolder from '@/stores/pages/folder'
+import { useT } from '@/i18n'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
+const { t } = useT();
 
 const { new: newPlaylistUrl, base: basePlaylistUrl, artists: playlistArtistsUrl } = paths.api.playlist
 
diff --git a/src/requests/settings/rootdirs.ts b/src/requests/settings/rootdirs.ts
index 67fbb229..3172b689 100644
--- a/src/requests/settings/rootdirs.ts
+++ b/src/requests/settings/rootdirs.ts
@@ -2,9 +2,9 @@ import { paths } from '@/config'
 import { Folder } from '@/interfaces'
 import { NotifType, useToast } from '@/stores/notification'
 import useAxios from '../useAxios'
-import { useI18n } from 'vue-i18n'
+import { useT } from '@/i18n';
 
-const { t } = useI18n()
+const { t } = useT();
 
 const { add_root_dir, get_root_dirs, remove_root_dir } = paths.api.settings
 
diff --git a/src/settings/about/index.ts b/src/settings/about/index.ts
index e41ac335..1ecea64c 100644
--- a/src/settings/about/index.ts
+++ b/src/settings/about/index.ts
@@ -1,12 +1,11 @@
-import { useI18n } from 'vue-i18n'
-
 import { SettingType } from '../enums'
 import { SettingCategory } from '@/interfaces/settings'
+import { useT } from '@/i18n'
 
 import KeySvg from '@/assets/icons/key.svg?raw'
 import InfoSvg from '@/assets/icons/info.svg?raw'
 
-const { t } = useI18n()
+const { t } = useT()
 
 export default <SettingCategory>{
     groups: [
diff --git a/src/settings/accounts/index.ts b/src/settings/accounts/index.ts
index b40491d5..0a24bb55 100644
--- a/src/settings/accounts/index.ts
+++ b/src/settings/accounts/index.ts
@@ -4,9 +4,9 @@ import { SettingCategory } from '@/interfaces/settings'
 import AvatarSvg from '@/assets/icons/avatar.svg?raw'
 import { SettingType } from '../enums'
 
-import { useI18n } from 'vue-i18n'
+import { useT } from '@/i18n'
 
-const { t } = useI18n()
+const { t } = useT()
 
 export default <SettingCategory>{
     show_if: loggedInUserIsAdmin,
diff --git a/src/settings/accounts/pairing.ts b/src/settings/accounts/pairing.ts
index 16af2a49..a2eabdc3 100644
--- a/src/settings/accounts/pairing.ts
+++ b/src/settings/accounts/pairing.ts
@@ -1,10 +1,9 @@
-import { useI18n } from 'vue-i18n'
-
 import { SettingType } from '../enums'
 import AvatarSvg from '@/assets/icons/phone.svg?raw'
 import { SettingCategory } from '@/interfaces/settings'
+import { useT } from '@/i18n'
 
-const { t } = useI18n()
+const { t } = useT()
 
 export default <SettingCategory>{
     groups: [
diff --git a/src/settings/accounts/profile.ts b/src/settings/accounts/profile.ts
index 1d878a03..65dc263a 100644
--- a/src/settings/accounts/profile.ts
+++ b/src/settings/accounts/profile.ts
@@ -1,9 +1,8 @@
-import { useI18n } from 'vue-i18n'
-
 import { SettingCategory } from '@/interfaces/settings'
 import { SettingType } from '../enums'
+import { useT } from '@/i18n'
 
-const { t } = useI18n()
+const { t } = useT()
 
 export default <SettingCategory>{
     groups: [
diff --git a/src/settings/audio/groups.ts b/src/settings/audio/groups.ts
index 4db6462c..78345452 100644
--- a/src/settings/audio/groups.ts
+++ b/src/settings/audio/groups.ts
@@ -1,9 +1,10 @@
 import { Setting } from '@/interfaces/settings'
 import settings from '@/stores/settings'
 import { SettingType } from '../enums'
-import { useI18n } from 'vue-i18n'
+import { useT } from '@/i18n';
+
+const { t } = useT();
 
-const { t } = useI18n()
 
 // const use_legacy_streaming_endpoint: Setting = {
 //     title: t('Settings.Audio.LegacyStreaming.Title'),
diff --git a/src/settings/audio/index.ts b/src/settings/audio/index.ts
index 930317b3..f1696ff8 100644
--- a/src/settings/audio/index.ts
+++ b/src/settings/audio/index.ts
@@ -2,10 +2,9 @@ import { SettingCategory } from "@/interfaces/settings";
 import gapless from "./groups";
 
 import VolumeSvg from "@/assets/icons/volume-mid.svg?raw"
+import { useT } from "@/i18n";
 
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
+const { t } = useT();
 
 export default {
   title: t("Settings.Audio.Title"),
diff --git a/src/settings/general/albums.ts b/src/settings/general/albums.ts
index 155bc76c..e21c3a7f 100644
--- a/src/settings/general/albums.ts
+++ b/src/settings/general/albums.ts
@@ -2,10 +2,9 @@ import { Setting } from '@/interfaces/settings'
 import { SettingType } from '../enums'
 
 import useSettingsStore from '@/stores/settings'
+import { useT } from '@/i18n'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
+const { t } = useT()
 
 const settings = useSettingsStore
 
diff --git a/src/settings/general/backup.ts b/src/settings/general/backup.ts
index 8f2fd00e..2321c922 100644
--- a/src/settings/general/backup.ts
+++ b/src/settings/general/backup.ts
@@ -1,9 +1,8 @@
 import { Setting } from '@/interfaces/settings'
 import { SettingType } from '../enums'
+import { useT } from '@/i18n'
 
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
+const { t } = useT()
 
 const automatic_backups: Setting = {
     title: t("Settings.General.Backups.AutomaticBackups.Title"),
diff --git a/src/settings/general/circular-artist-img.ts b/src/settings/general/circular-artist-img.ts
index 7c76b977..0cfe0af3 100644
--- a/src/settings/general/circular-artist-img.ts
+++ b/src/settings/general/circular-artist-img.ts
@@ -1,3 +1,4 @@
+import { useT } from "@/i18n";
 import { SettingType } from "../enums";
 import { Setting } from "@/interfaces/settings";
 
@@ -5,9 +6,8 @@ import { isSmallPhone } from "@/stores/content-width";
 
 import useSettingsStore from "@/stores/settings";
 
-import { useI18n } from 'vue-i18n'
+const { t } = useT();
 
-const { t } = useI18n()
 
 const settings = useSettingsStore;
 
diff --git a/src/settings/general/folderlistmode.ts b/src/settings/general/folderlistmode.ts
index 3af91d9b..5ec4a0b1 100644
--- a/src/settings/general/folderlistmode.ts
+++ b/src/settings/general/folderlistmode.ts
@@ -1,11 +1,10 @@
+import { useT } from "@/i18n";
 import { SettingType } from "../enums";
 import { Setting } from "@/interfaces/settings";
 
 import useSettings from "@/stores/settings";
 
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
+const { t } = useT();
 
 const settings = useSettings;
 
diff --git a/src/settings/general/index.ts b/src/settings/general/index.ts
index 551e878b..01859089 100644
--- a/src/settings/general/index.ts
+++ b/src/settings/general/index.ts
@@ -1,5 +1,3 @@
-import { useI18n } from 'vue-i18n'
-
 import useSettings from '@/stores/settings'
 import { loggedInUserIsAdmin } from '../utils'
 
@@ -25,8 +23,9 @@ import FolderSvg from '@/assets/icons/folder.svg?raw'
 import TrackSvg from '@/assets/icons/mic.svg?raw'
 import AppearanceSvg from '@/assets/icons/paintbrush.svg?raw'
 import CloudUploadSvg from '@/assets/icons/cloud-upload.svg?raw'
+import { useT } from '@/i18n'
 
-const { t } = useI18n()
+const { t } = useT()
 const npStrings = strings.nowPlayingStrings
 const rootRootStrings = strings.manageRootDirsStrings
 
diff --git a/src/settings/general/layout.ts b/src/settings/general/layout.ts
index 8fd5a7d7..e83396fd 100644
--- a/src/settings/general/layout.ts
+++ b/src/settings/general/layout.ts
@@ -1,11 +1,10 @@
+import { useT } from "@/i18n";
 import { SettingType } from "../enums";
 import { Setting } from "@/interfaces/settings";
 
 import useSettingsStore from "@/stores/settings";
 
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
+const { t } = useT();
 
 const settings = useSettingsStore;
 
diff --git a/src/settings/general/now-playing-group.ts b/src/settings/general/now-playing-group.ts
index 8badc3d8..5b1e5db3 100644
--- a/src/settings/general/now-playing-group.ts
+++ b/src/settings/general/now-playing-group.ts
@@ -1,11 +1,10 @@
+import { useT } from '@/i18n'
 import { SettingType } from '../enums'
 import { Setting } from '@/interfaces/settings'
 
 import useSettingsStore from '@/stores/settings'
 
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
+const { t } = useT()
 
 const settings = useSettingsStore
 
diff --git a/src/settings/general/root-dirs.ts b/src/settings/general/root-dirs.ts
index 3f0d6d69..56d24ab3 100644
--- a/src/settings/general/root-dirs.ts
+++ b/src/settings/general/root-dirs.ts
@@ -1,5 +1,3 @@
-import { useI18n } from 'vue-i18n'
-
 import { Setting } from '@/interfaces/settings'
 import { addRootDirs as editRootDirs, triggerScan } from '@/requests/settings/rootdirs'
 import { SettingType } from '../enums'
@@ -8,8 +6,9 @@ import { manageRootDirsStrings as data } from '../strings'
 import useModalStore from '@/stores/modal'
 import settings from '@/stores/settings'
 import { router, Routes } from '@/router'
+import { useT } from '@/i18n'
 
-const { t } = useI18n()
+const { t } = useT()
 
 const text = data.settings
 
diff --git a/src/settings/general/sidebar.ts b/src/settings/general/sidebar.ts
index b8db420a..87bfc164 100644
--- a/src/settings/general/sidebar.ts
+++ b/src/settings/general/sidebar.ts
@@ -1,12 +1,12 @@
+import { useT } from "@/i18n";
 import { SettingType } from "../enums";
 import { Setting } from "@/interfaces/settings";
-import { useI18n } from "vue-i18n";
 
 import useSettingsStore from "@/stores/settings";
 
 const settings = useSettingsStore;
 
-const { t } = useI18n()
+const { t } = useT();
 
 const use_sidebar: Setting = {
   title: t("Settings.General.Sidebar.Title"),
diff --git a/src/settings/general/tracks.ts b/src/settings/general/tracks.ts
index d2e5eddc..28a3dc5e 100644
--- a/src/settings/general/tracks.ts
+++ b/src/settings/general/tracks.ts
@@ -1,11 +1,12 @@
 import { Setting } from "@/interfaces/settings";
 import { SettingType } from "../enums";
-import { useI18n } from "vue-i18n";
 
 import useSettingsStore from "@/stores/settings";
+import { useT } from "@/i18n";
+
+const { t } = useT();
 
 const settings = useSettingsStore;
-const { t } = useI18n();
 
 const process_featured_artists: Setting = {
   title: t("Settings.General.Tracks.ProcessFeatArtists.Title"),
diff --git a/src/settings/plugins/index.ts b/src/settings/plugins/index.ts
index d5d45545..f9dcfffe 100644
--- a/src/settings/plugins/index.ts
+++ b/src/settings/plugins/index.ts
@@ -1,5 +1,3 @@
-import { useI18n } from 'vue-i18n'
-
 import lyrics from './lyrics'
 import lastfm from './lastfm'
 import { loggedInUserIsAdmin } from '../utils'
@@ -7,8 +5,9 @@ import { SettingCategory } from '@/interfaces/settings'
 
 import LyricsSvg from '@/assets/icons/lyrics.svg?raw'
 import LastfmSvg from '@/assets/icons/lastfm.svg?raw'
+import { useT } from '@/i18n'
 
-const { t } = useI18n()
+const { t } = useT()
 
 export default <SettingCategory>{
     title: t("Common.Plugins"),
diff --git a/src/settings/plugins/lastfm.ts b/src/settings/plugins/lastfm.ts
index 542adf70..c87f9956 100644
--- a/src/settings/plugins/lastfm.ts
+++ b/src/settings/plugins/lastfm.ts
@@ -1,9 +1,9 @@
 import useSettings from '@/stores/settings'
 import { Setting } from '@/interfaces/settings'
 import { SettingType } from '../enums'
-import { useI18n } from 'vue-i18n'
+import { useT } from '@/i18n'
 
-const { t } = useI18n()
+const { t } = useT()
 
 const authorize = <Setting>{
     title: t("Settings.Plugins.LastFM.Authorize.Title"),
diff --git a/src/settings/plugins/lyrics.ts b/src/settings/plugins/lyrics.ts
index c879767c..9e2845a9 100644
--- a/src/settings/plugins/lyrics.ts
+++ b/src/settings/plugins/lyrics.ts
@@ -1,11 +1,10 @@
-import { useI18n } from 'vue-i18n'
-
 import { Setting } from '@/interfaces/settings'
 import { SettingType } from '../enums'
 
 import useSettings from '@/stores/settings'
+import { useT } from '@/i18n'
 
-const { t } = useI18n()
+const { t } = useT()
 
 const toggle_lyrics_plugin = <Setting>{
     title: t("Settings.Plugins.Lyrics.ToggleLyrics.Title"),
diff --git a/src/settings/strings.ts b/src/settings/strings.ts
index 4bd28d60..ec5e24e9 100644
--- a/src/settings/strings.ts
+++ b/src/settings/strings.ts
@@ -2,9 +2,9 @@
  * Settings data strings
  */
 
-import { useI18n } from "vue-i18n";
+import { useT } from "@/i18n";
 
-const { t } = useI18n();
+const { t } = useT();
 
 interface S {
   title?: string;
diff --git a/src/stores/auth.ts b/src/stores/auth.ts
index 4ae5a9ec..60cc5e8a 100644
--- a/src/stores/auth.ts
+++ b/src/stores/auth.ts
@@ -12,6 +12,10 @@ import {
     updateUserProfile,
 } from '@/requests/auth'
 import { NotifType, useToast } from '@/stores/notification'
+import { useT } from '@/i18n'
+
+const { t } = useT()
+
 
 export default defineStore('authStore', {
     state: () => ({
@@ -39,7 +43,7 @@ export default defineStore('authStore', {
             this.showToast(msg, NotifType.Error)
         },
         showGenericError() {
-            this.showError('Failed! Something went wrong!')
+            this.showError(t("Common.NotificationError"))
         },
         showResMsgOrGenericError(res: any) {
             if (res.data.msg) {
@@ -69,7 +73,7 @@ export default defineStore('authStore', {
             const res = await addNewUser(user)
 
             if (res.status === 200) {
-                this.showSuccess('User added successfully!')
+                this.showSuccess(t('Stores.Auth.UserAddedSucc'))
 
                 return res.data as User
             }
@@ -80,7 +84,7 @@ export default defineStore('authStore', {
         async addGuestUser() {
             const res = await addGuestUser()
             if (res.status === 200) {
-                this.showSuccess('Guest user added successfully!')
+                this.showSuccess(t('Stores.Auth.GuestUserAdded'))
                 return true
             }
 
@@ -97,7 +101,7 @@ export default defineStore('authStore', {
                 if (!user.id || user.id === this.user.id) {
                     this.user = res.data
                 }
-                this.showSuccess('Profile updated successfully!')
+                this.showSuccess(t('Stores.Auth.ProfileUpdated'))
                 return true
             }
 
@@ -108,7 +112,7 @@ export default defineStore('authStore', {
             const res = await deleteUser(username)
 
             if (res.status === 200) {
-                this.showSuccess(`${username} deleted successfully!`)
+                this.showSuccess(t('Stores.Auth.UserDeleted', {user: username}))
                 return true
             }
 
diff --git a/src/stores/notification.ts b/src/stores/notification.ts
index d18b1678..e9053fc2 100644
--- a/src/stores/notification.ts
+++ b/src/stores/notification.ts
@@ -1,6 +1,9 @@
 import { defineStore } from "pinia";
 import { NotifType } from "../enums";
 import { Notif } from "../interfaces";
+import { useT } from "@/i18n";
+
+const { t } = useT();
 
 const useToast = defineStore("notification", {
   state: () => ({
@@ -24,7 +27,7 @@ const useToast = defineStore("notification", {
       this.showNotification(text, NotifType.Success);
     },
     showGenericError(){
-      this.showError("Failed! Something went wrong!")
+      this.showError(t("Common.NotificationError"))
     }
   },
 });
diff --git a/src/stores/player.ts b/src/stores/player.ts
index 86f34938..7083e106 100644
--- a/src/stores/player.ts
+++ b/src/stores/player.ts
@@ -13,6 +13,9 @@ import useTracker from './tracker'
 import { getBaseUrl, paths } from '@/config'
 import updateMediaNotif from '@/helpers/mediaNotification'
 import { crossFade } from '@/utils/audio/crossFade'
+import { useT } from '@/i18n'
+
+const { t } = useT();
 
 class AudioSource {
     private sources: HTMLAudioElement[] = []
@@ -235,16 +238,16 @@ export const usePlayer = defineStore('player', () => {
             if (e.name === 'NotAllowedError') {
                 queue.playPause()
                 return toast.showNotification(
-                    'Tap anywhere in the page and try again (autoplay blocked)',
+                    t('Stores.Player.AutoplayBlockedError'),
                     NotifType.Error
                 )
             }
 
-            return toast.showNotification('Player Error: ' + e.message, NotifType.Error)
+            return toast.showNotification(t("Stores.Player.PlayerErrorWithArg", {msg: e.message}), NotifType.Error)
         }
 
         // queue.playNext() // skip unplayable track
-        toast.showNotification("Can't load: " + queue.currenttrack.title, NotifType.Error)
+        toast.showNotification(t("Stores.Player.LoadErrorWithArg", {queue: queue.currenttrack.title}), NotifType.Error)
     }
 
     const runActionsOnPlay = () => {
diff --git a/src/stores/queue.ts b/src/stores/queue.ts
index 97616b64..e80f728a 100644
--- a/src/stores/queue.ts
+++ b/src/stores/queue.ts
@@ -12,6 +12,9 @@ import useLyrics from './lyrics'
 import { NotifType, useToast } from './notification'
 import useTracklist from './queue/tracklist'
 import useSettings from './settings'
+import { useT } from '@/i18n'
+
+const { t } = useT();
 
 export default defineStore('Queue', {
     state: () => ({
@@ -150,7 +153,7 @@ export default defineStore('Queue', {
 
             const nextindex = this.currentindex + 1
             insertAt([track], nextindex)
-            Toast.showNotification(`Added 1 track to queue`, NotifType.Success)
+            Toast.showNotification(t("Stores.Queue.AddedTrack"), NotifType.Success)
         },
         clearQueue() {
             const store = useTracklist()
diff --git a/src/stores/queue/tracklist.ts b/src/stores/queue/tracklist.ts
index 3c20f3b8..fbe293be 100644
--- a/src/stores/queue/tracklist.ts
+++ b/src/stores/queue/tracklist.ts
@@ -8,6 +8,10 @@ import useSettings from '@/stores/settings'
 
 import { FromOptions } from '@/enums'
 import { fromAlbum, fromArtist, fromFav, fromFolder, fromMix, fromPlaylist, fromSearch, Track } from '@/interfaces'
+import track from '@/context_menus/track'
+import { useT } from '@/i18n'
+
+const { t } = useT();
 
 export type From = fromFolder | fromAlbum | fromPlaylist | fromSearch | fromArtist | fromFav | fromMix
 
@@ -121,7 +125,7 @@ export default defineStore('tracklist', {
             this.insertAt(tracks, this.tracklist.length)
 
             const Toast = useToast()
-            Toast.showNotification(`Added ${tracks.length} tracks to queue`, NotifType.Success)
+            Toast.showNotification(t("Stores.Tracklist.AddTrackToQueue", {n: tracks.length}), NotifType.Success)
         },
         insertAt(tracks: Track[], index: number) {
             this.tracklist.splice(index, 0, ...tracks)
@@ -181,7 +185,7 @@ export default defineStore('tracklist', {
             this.tracklist.splice(currentindex + 1, 0, ...tracks)
 
             const Toast = useToast()
-            Toast.showNotification(`Added ${tracks.length} tracks to queue`, NotifType.Success)
+            Toast.showNotification(t("Stores.Tracklist.AddTrackToQueue", {n: tracks.length}), NotifType.Success)
         },
     },
     getters: {
diff --git a/src/utils/playingFrom.ts b/src/utils/playingFrom.ts
index 95e634c0..c23e7d65 100644
--- a/src/utils/playingFrom.ts
+++ b/src/utils/playingFrom.ts
@@ -13,6 +13,9 @@ import HeartSvg from '@/assets/icons/heart.fill.svg'
 import PlaylistSvg from '@/assets/icons/playlist.svg'
 import SearchSvg from '@/assets/icons/search.svg'
 import RadioSvg from '@/assets/icons/radio.svg'
+import { useT } from '@/i18n'
+
+const { t } = useT()
 
 interface PlayingFrom {
     name: string
@@ -64,7 +67,7 @@ export default (source: From): PlayingFrom => {
 
         case FromOptions.search:
             return {
-                name: `Search for: "${source.query}"`,
+                name: t('Utils.PlayingFrom.SearchFrom', {source: source.query}),
                 icon: SearchSvg,
                 location: {
                     name: Routes.search,
@@ -93,7 +96,7 @@ export default (source: From): PlayingFrom => {
 
         case FromOptions.favorite:
             return {
-                name: 'Favorite Tracks',
+                name: t('Utils.PlayingFrom.FavoriteTracks'),
                 icon: HeartSvg,
                 location: {
                     name: Routes.favoriteTracks,
@@ -121,6 +124,6 @@ export default (source: From): PlayingFrom => {
             }
 
         default:
-            return { name: '👻 No source', location: {}, icon: '' }
+            return { name: t('Utils.PlayingFrom.NoSource'), location: {}, icon: '' }
     }
 }
diff --git a/src/utils/playingFrom.ts.rej b/src/utils/playingFrom.ts.rej
new file mode 100644
index 00000000..f4a16fb6
--- /dev/null
+++ b/src/utils/playingFrom.ts.rej
@@ -0,0 +1,10 @@
+diff a/src/utils/playingFrom.ts b/src/utils/playingFrom.ts	(rejected hunks)
+@@ -93,7 +96,7 @@ export default (source: From): PlayingFrom => {
+ 
+         case FromOptions.favorite:
+             return {
+-                name: 'Favorite tracks',
++                name: t('Utils.PlayingFrom.FavoriteTracks'),
+                 icon: HeartSvg,
+                 location: {
+                     name: Routes.favoriteTracks,
diff --git a/src/views/AlbumListView/Header.vue b/src/views/AlbumListView/Header.vue
index a7ba8ebd..37a5055a 100644
--- a/src/views/AlbumListView/Header.vue
+++ b/src/views/AlbumListView/Header.vue
@@ -1,14 +1,16 @@
 <template>
   <div class="albumlistviewhead">
     <GenericHeader>
-      <template #name>{{
-        (is_albumlist ? "Album" : "Artist") + (is_not_one ? "s" : "")
+      <template #name>{{ $t('Common.Album', props.total)
       }}</template>
       <template #description>
-        You have {{ total.toLocaleString() }}
-        {{ (is_albumlist ? "album" : "artist") + (is_not_one ? "s" : "") }} in
-        your library</template
-      >
+        {{ $t('Views.Header.TotalAlbumAndArtists',
+          {
+            tot: total.toLocaleString(), 
+            what: is_albumlist ? $t('Common.Album', props.total) : $t('Common.Artist', props.total)
+          })
+        }}
+        </template>
     </GenericHeader>
   </div>
 </template>
@@ -26,5 +28,4 @@ const props = defineProps<{
 const route = useRoute();
 
 const is_albumlist = computed(() => route.name == Routes.AlbumList);
-const is_not_one = computed(() => props.total !== 1);
 </script>
diff --git a/src/views/AlbumView/index.vue b/src/views/AlbumView/index.vue
index 7ac41870..a17dfdd2 100644
--- a/src/views/AlbumView/index.vue
+++ b/src/views/AlbumView/index.vue
@@ -47,6 +47,9 @@ import Stats from '@/components/Stats/Stats.vue'
 
 import { dropSources } from '@/enums'
 import { isSmall } from '@/stores/content-width'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 
 const album = useAlbumStore()
 const queue = useQueueStore()
@@ -141,7 +144,7 @@ function getArtistAlbumComponents(): ScrollerItem[] {
                     type: 'album',
                     item: album,
                 })),
-                title: `More from ${artistname}`,
+                title: t('Views.AlbumViews.MoreFrom', {art: artistname}),
                 route: `/artists/${artisthash}/discography/all?artist=${artistname}`,
             },
         }
@@ -164,7 +167,7 @@ function getAlbumVersionsComponent(): ScrollerItem | null {
                 type: 'album',
                 item: album,
             })),
-            title: 'Other versions',
+            title: t('Views.AlbumViews.OtherVersions'),
             child_props: {
                 hide_artists: true,
             },
@@ -213,7 +216,7 @@ const scrollerItems = computed(() => {
             id: 'similarAlbums',
             component: CardScroller,
             props: {
-                title: 'Related Albums',
+                title: t('Views.AlbumViews.RelatedAlbums'),
                 items: album.similarAlbums.map(i => ({
                     type: 'album',
                     item: i,
diff --git a/src/views/ArtistDiscography.vue b/src/views/ArtistDiscography.vue
index 7e94597b..f23b83f6 100644
--- a/src/views/ArtistDiscography.vue
+++ b/src/views/ArtistDiscography.vue
@@ -45,10 +45,10 @@
     </div>
     <NoItems
       v-else
-      :title="'No contributions'"
+      :title="$t('Views.ArtistDiscography.NoContributions')"
       :flag="!artist.toShow.length"
       :icon="AlbumSvg"
-      :description="`No ${getTypeName($route.params.type)} found for ${route.query.artist}`"
+      :description="$t('Views.ArtistDiscography.NoContributionsDesc', {type: getTypeName($route.params.type), artist: route.query.artist})"
     />
   </div>
 </template>
@@ -67,23 +67,25 @@ import AlbumCard from "@/components/shared/AlbumCard.vue";
 import GenericHeader from "@/components/shared/GenericHeader.vue";
 import GenericTabs from "@/components/shared/GenericTabs.vue";
 import NoItems from "@/components/shared/NoItems.vue";
+import { useI18n } from "vue-i18n";
 
+const { t } = useI18n();
 const route = useRoute();
 const artist = useArtistDiscography();
 
 function getTypeString(type: string) {
-  if (type === "all") return "Contributions";
+  if (type === "all") return t('Views.ArtistDiscography.Contributions');
   return getTypeName(type);
 }
 
 function getTypeName(type: string | string[]) {
   // @ts-ignore
-  if (type == "all") return "All Albums";
+  if (type == "all") return t('Views.ArtistDiscography.AllAlbums');
   return type;
 }
 
 onMounted(() => {
-  updatePageTitle("Discography" + (route.params.artist || ""));
+  updatePageTitle(t("Common.Discography", {artist: route.params.artist || ""}));
   artist.fetchAlbums(route.params.hash as string);
 });
 
diff --git a/src/views/ArtistView/Main.vue b/src/views/ArtistView/Main.vue
index ea7bb4ce..7be55694 100644
--- a/src/views/ArtistView/Main.vue
+++ b/src/views/ArtistView/Main.vue
@@ -42,6 +42,9 @@ import Header from '@/components/ArtistView/Header.vue'
 import TopTracks from '@/components/ArtistView/TopTracks.vue'
 import CardScroller from '@/components/shared/CardScroller.vue'
 import Stats from '@/components/Stats/Stats.vue'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 
 const route = useRoute()
 
@@ -92,6 +95,21 @@ enum AlbumType {
     COMPILATIONS = 'Compilations',
 }
 
+function resolveTitleFromEnum(type: AlbumType): string {
+    switch (type) {
+        case AlbumType.ALBUMS:
+            return t('Common.Album', 2);
+        case AlbumType.APPEARANCES:
+            return t('Common.Appearances');
+        case AlbumType.COMPILATIONS:
+            return t('Common.Compilations', 2);
+        case AlbumType.SINGLES:
+            return t('Common.Singles');
+        default:
+            return '';
+    }
+}
+
 function createAbumComponent(title: AlbumType, albums: Album[], show_date = true) {
     let albumType = null
 
@@ -116,7 +134,7 @@ function createAbumComponent(title: AlbumType, albums: Album[], show_date = true
         id: title,
         component: CardScroller,
         props: {
-            title,
+            title: resolveTitleFromEnum(title),
             items: albums.map(album => ({
                 type: 'album',
                 item: album,
@@ -137,7 +155,7 @@ function getTopTracksComponent(): ScrollerItem {
         component: TopTracks,
         props: {
             tracks: store.tracks,
-            title: 'Tracks',
+            title: t('Common.Track', 2),
             route: `/artists/${store.info.artisthash}/tracks?artist=${store.info.name}`,
             playHandler: handlePlay,
             source: dropSources.artist,
@@ -209,7 +227,7 @@ const scrollerItems = computed(() => {
                     type: 'artist',
                     item: artist,
                 })),
-                title: 'Similar Artists',
+                title: t('Common.SimilarArtists'),
             },
         }
         components.push(SimilarArtistsComponent)
diff --git a/src/views/Collections/Collection.vue b/src/views/Collections/Collection.vue
index edc02f2f..476af24c 100644
--- a/src/views/Collections/Collection.vue
+++ b/src/views/Collections/Collection.vue
@@ -11,7 +11,7 @@
                     <span @click="updatePage"> {{ collection.collection?.extra.description }} </span>
                 </template>
                 <template #right>
-                    <button @click="deletePage"><DeleteSvg height="1.2rem" width="1.2rem" /> Delete</button>
+                    <button @click="deletePage"><DeleteSvg height="1.2rem" width="1.2rem" /> {{ $t('Common.Delete') }}</button>
                 </template>
             </GenericHeader>
         </template>
diff --git a/src/views/FavoriteCardScroller.vue b/src/views/FavoriteCardScroller.vue
index 9eb11da6..1f1718d6 100644
--- a/src/views/FavoriteCardScroller.vue
+++ b/src/views/FavoriteCardScroller.vue
@@ -2,13 +2,12 @@
     <CardGridPage :page="itemtype" :items="items" :fetch_callback="() => loadMore()" :more-items="waitingForMore">
         <template #header>
             <GenericHeader>
-                <template #name
-                    >Favorite <span style="text-transform: capitalize">{{ itemtype }}s</span>
+                <template #name>
+                    {{ $t("Views.FavCardScroller.Title", {item: itemtype.toUpperCase()}) }}
+                </template>
+                <template #description>
+                    {{ $t('Views.FavCardScroller.Desc', {nelem: itemtype == 'album' ? albumCount : artistCount, type: itemtype}, items.length) }}
                 </template>
-                <template #description
-                    >You have {{ itemtype == 'album' ? albumCount : artistCount }} favorited
-                    {{ itemtype + (items.length == 1 ? '' : 's') }}</template
-                >
             </GenericHeader>
         </template>
     </CardGridPage>
diff --git a/src/views/FavoriteTracks.vue b/src/views/FavoriteTracks.vue
index 3233abeb..404a96f6 100644
--- a/src/views/FavoriteTracks.vue
+++ b/src/views/FavoriteTracks.vue
@@ -1,16 +1,16 @@
 <template>
     <GenericTrackPagination
         :tracks="tracks"
-        :desc="`You have ${trackCount} favorited track${trackCount == 1 ? '' : 's'}`"
+        :desc="$t('Views.FavoriteTracks.Description', {n_tr: trackCount}, trackCount)"
         :noitemsicon="HeartSvg"
         :more-items-loader="loadMore"
         @playThis="handlePlay"
     >
         <template #header>
             <GenericHeader>
-                <template #name>Favorite Tracks</template>
+                <template #name>{{ $t('Views.FavoriteTracks.Title') }}</template>
                 <template #description
-                    >You have {{ trackCount }} favorited track{{ trackCount == 1 ? '' : 's' }}</template
+                    >{{ $t('Views.FavoriteTracks.Description', {n_tr: trackCount}, trackCount) }}</template
                 >
             </GenericHeader>
         </template>
diff --git a/src/views/Favorites.vue b/src/views/Favorites.vue
index 879ee8d2..39173b45 100644
--- a/src/views/Favorites.vue
+++ b/src/views/Favorites.vue
@@ -1,23 +1,23 @@
 <template>
     <div class="content-page favorites-page">
         <GenericHeader>
-            <template #name>Favorites</template>
+            <template #name>{{ $t('Views.Favorites.Title') }}</template>
             <template #description
-                >{{ count.tracks }} Tracks • {{ count.albums }} Albums • {{ count.artists }} Artists</template
+                >{{ $t("Views.Favorites.CountStats", {tra: count.tracks, alb: count.albums, art: count.artists}) }}</template
             >
         </GenericHeader>
         <CardScroller
             v-if="recentFavs.length"
             class="recent-favs"
             :items="recentFavs"
-            :title="'Recent'"
+            :title="$t('Common.Recents')"
             :play-source="playSources.favorite"
         />
         <div v-if="favTracks.length" class="fav-tracks">
             <TopTracks
                 :tracks="favTracks"
                 :route="'/favorites/tracks'"
-                :title="'Tracks'"
+                :title="$t('Common.Tracks')"
                 :play-handler="handlePlay"
                 :source="dropSources.favorite"
                 :total="count.tracks"
@@ -27,18 +27,18 @@
         <CardScroller
             v-if="favAlbums.length"
             :items="favAlbums.map(i => ({ type: 'album', item: i }))"
-            :title="'Albums'"
+            :title="$t('Common.Albums')"
             :route="'/favorites/albums'"
         />
 
         <CardScroller
             v-if="favArtists.length"
             :items="favArtists.map(i => ({ type: 'artist', item: i }))"
-            :title="'Artists'"
+            :title="$t('Common.Artists')"
             :route="'/favorites/artists'"
         />
 
-        <NoItems :flag="noFavs" :icon="HeartSvg" :title="'No favorites found'" :description="description" />
+        <NoItems :flag="noFavs" :icon="HeartSvg" :title="$t('Views.Favorites.NoFavoritesFound')" :description="$t('Views.Favorites.Description')" />
     </div>
 </template>
 
@@ -58,8 +58,9 @@ import TopTracks from '@/components/ArtistView/TopTracks.vue'
 import CardScroller from '@/components/shared/CardScroller.vue'
 import GenericHeader from '@/components/shared/GenericHeader.vue'
 import NoItems from '@/components/shared/NoItems.vue'
+import { useI18n } from 'vue-i18n'
 
-const description = `You can add tracks, albums and artists to your favorites by clicking the heart icon`
+const { t } = useI18n()
 
 const recentFavs: Ref<RecentFavResult[]> = ref([])
 const favAlbums: Ref<Album[]> = ref([])
@@ -73,7 +74,7 @@ const count = ref({
 const noFavs = ref(false)
 
 onMounted(() => {
-    updatePageTitle('Favorites')
+    updatePageTitle(t('Views.Favorites.Title'))
     const max = maxAbumCards.value
 
     getAllFavs(6, max, max)
diff --git a/src/views/FolderView.vue b/src/views/FolderView.vue
index 16adcafa..fb5a6687 100644
--- a/src/views/FolderView.vue
+++ b/src/views/FolderView.vue
@@ -2,12 +2,13 @@
     <div class="folder-view v-scroll-page" style="height: 100%" :class="{ isSmall, isMedium, is_alt_layout }">
         <NoItems
             :flag="folder.tracks.length === 0 && folder.dirs.length === 0"
-            :title="folder.query === '' ? 'Folder is empty' : 'No results found'"
+            :title="folder.query === '' ? 
+                $t('Views.FolderView.FolderIsEmpty') : 
+                $t('Views.FolderView.NoResultFound')"
             :description="
                 folder.query === ''
-                    ? 'The folder you are trying to access has no indexed tracks. Please add tracks to this folder and try again'
-                    : `
-      No tracks or folders in this immediate directory matched the query: '${folder.query}'`
+                    ? $t('Views.FolderView.NoIndexedTracks')
+                    : $t('Views.FolderView.NoTracksForQuery', {query: folder.query})
             "
             :icon="FolderSvg"
         />
@@ -64,7 +65,9 @@ import SongItem from '@/components/shared/SongItem.vue'
 import { xl } from '@/composables/useBreakpoints'
 import AlbumsFetcher from '@/components/ArtistView/AlbumsFetcher.vue'
 import { getFiles } from '@/requests/folders'
+import { useI18n } from 'vue-i18n'
 
+const { t } = useI18n()
 const queue = useQueue()
 const folder = useFolder()
 const settings = useSettings()
@@ -157,7 +160,7 @@ onBeforeRouteLeave(() => {
 })
 
 onMounted(() => {
-    updatePageTitle('Folders')
+    updatePageTitle(t('Common.Folders'))
 })
 </script>
 
diff --git a/src/views/HomeView/main.vue b/src/views/HomeView/main.vue
index b1e5401c..79b65fc0 100644
--- a/src/views/HomeView/main.vue
+++ b/src/views/HomeView/main.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="homepageview content-page">
         <GenericHeader>
-            <template #name>{{ t('HomeView.Title') }}</template>
+            <template #name>{{ $t('HomeView.Title') }}</template>
             <template #description>{{ getGreetings(auth.user.username) }}</template>
         </GenericHeader>
         <Browse />
diff --git a/src/views/LyricsView/Head.vue b/src/views/LyricsView/Head.vue
index 15c43994..e8791b5c 100644
--- a/src/views/LyricsView/Head.vue
+++ b/src/views/LyricsView/Head.vue
@@ -21,7 +21,7 @@
             <ArtistName :artists="queue.currenttrack.artists" :albumartists="queue.currenttrack.albumartists" />
         </div>
         <div class="right">
-            <div v-if="lyrics.lyrics.length && !lyrics.synced" class="lyricstype">unsynced</div>
+            <div v-if="lyrics.lyrics.length && !lyrics.synced" class="lyricstype">{{ $t('Views.LyricView.Unsynced') }}<</div>
             <div v-if="lyrics.verified" class="cloud-verified" :class="{ 'is-visible': showCheckmark }">
                 <CheckmarkSvg />
             </div>
diff --git a/src/views/LyricsView/Plugins/Find.vue b/src/views/LyricsView/Plugins/Find.vue
index 890c3b33..f43b076d 100644
--- a/src/views/LyricsView/Plugins/Find.vue
+++ b/src/views/LyricsView/Plugins/Find.vue
@@ -5,8 +5,8 @@
     @click="!plugin.error ? plugin.searchLyrics() : null"
   >
     <span v-if="plugin.error">{{ plugin.error }}</span>
-    <span v-else-if="plugin.loading"> Searching ... </span>
-    <span v-else>Search online</span>
+    <span v-else-if="plugin.loading">{{ $t('Views.LyricView.Searching') }}</span>
+    <span v-else>{{ $t('Views.LyricView.SearchOnline') }}</span>
     <span v-if="plugin.loading" class="spinner"></span>
   </button>
 </template>
diff --git a/src/views/LyricsView/main.vue b/src/views/LyricsView/main.vue
index a6942890..74e89c1f 100644
--- a/src/views/LyricsView/main.vue
+++ b/src/views/LyricsView/main.vue
@@ -43,8 +43,7 @@
     </div>
     <div v-if="!lyrics.lyrics || lyrics.lyrics.length == 0" class="nolyrics">
         <LyricsHead />
-        <div>You don't have</div>
-        <div>the lyrics for this song</div>
+        {{ $t('Views.LyricView.NoLyricsFound') }}
         <!-- <div class="trackinfo">
           {{ queue.currenttrack.title }}
         </div> -->
diff --git a/src/views/MixListView.vue b/src/views/MixListView.vue
index 28e07904..0a98a473 100644
--- a/src/views/MixListView.vue
+++ b/src/views/MixListView.vue
@@ -3,18 +3,18 @@
         <template #header>
             <GenericHeader>
                 <template #name>
-                    <span class="headtext">{{ $route.params.type }}</span> mixes
+                    <span class="headtext">{{ $route.params.type }} </span> {{ $t('Views.MixListView.mixes') }}
                 </template>
                 <template #description>
-                    {{ items.length + savedItems.length }} mixes • Based on artists you have been listening to
+                    {{ $t('Views.MixListView.MixesBasedOnListening', {n: items.length + savedItems.length}) }}
                 </template>
 
                 <template v-if="savedItems.length" #after>
-                    <h2>Saved mixes</h2>
+                    <h2>{{ $t('Views.MixListView.SavedMixes') }}<</h2>
                     <div v-for="item in savedItemComponents" :key="item.id">
                         <component :is="item.component" :type="item.props.type" :items="item.props.items" />
                     </div>
-                    <h2 v-if="items.length" class="othertitle">Other {{ $route.params.type }} mixes</h2>
+                    <h2 v-if="items.length" class="othertitle">{{ $t('Views.MixListView.OtherMixes', {type: $route.params.type}) }}</h2>
                 </template>
             </GenericHeader>
         </template>
diff --git a/src/views/MixView.vue b/src/views/MixView.vue
index 8a5edf3c..3439a2b6 100644
--- a/src/views/MixView.vue
+++ b/src/views/MixView.vue
@@ -25,7 +25,7 @@
         </DynamicScroller>
     </div>
     <div v-if="!loading && !mix.title" class="content-page">
-        <h1>404: Mix not found</h1>
+        <h1>{{ $t('Views.MixView.MixNotFound') }}</h1>
     </div>
 </template>
 
diff --git a/src/views/NotFound.vue b/src/views/NotFound.vue
index b7f89a7b..4cae7be0 100644
--- a/src/views/NotFound.vue
+++ b/src/views/NotFound.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="fof">
-    404! Page Not Found!
+    {{ $t('Views.NotFound.Error') }}
   </div>
 </template>
 
diff --git a/src/views/PlaylistList.vue b/src/views/PlaylistList.vue
index 7b8a4aec..3b127688 100644
--- a/src/views/PlaylistList.vue
+++ b/src/views/PlaylistList.vue
@@ -1,9 +1,9 @@
 <template>
     <div id="p-view" class="content-page">
         <Header>
-            <template #name>Playlists</template>
+            <template #name>{{$t('Views.PlaylistList.Title') }}</template>
             <template #description>
-                You have {{ pStore.playlists.length }} playlists in your library
+                {{ $t('Views.PlaylistList.Description', {n: pStore.playlists.length}) }}
                 <br />
                 <form spellcheck="false" @submit.prevent="() => {}">
                     <input
@@ -11,26 +11,26 @@
                         v-model="input"
                         class="rounded-sm no-border"
                         type="search"
-                        placeholder="Search playlists"
+                        :placeholder="$t('Views.PlaylistList.SearchPlaylist')"
                         name=""
                     />
                 </form>
             </template>
             <template #right>
-                <button class="playlist-button" @click="showNewPlaylistModal()"><PlusSvg /> New Playlist</button>
+                <button class="playlist-button" @click="showNewPlaylistModal()"><PlusSvg />{{ $t('NewPlaylist.Title') }}</button>
             </template>
         </Header>
-        <PlaylistCardGroup v-if="!query && pinnedPlaylists.length" :playlists="pinnedPlaylists" :title="'Pinned'" />
+        <PlaylistCardGroup v-if="!query && pinnedPlaylists.length" :playlists="pinnedPlaylists" :title="$t('Common.Pinned')" />
         <PlaylistCardGroup
             v-if="playlists.length"
             :playlists="playlists"
-            :title="query ? 'Search Results' : `${pinnedPlaylists.length ? 'Other' : 'All'} Playlists`"
+            :title="query ? $t('Common.SearchResults') : `${pinnedPlaylists.length ? $t('Views.PlaylistList.OtherPlaylists') : $t('Views.PlaylistList.AllPlaylists')}`"
         />
         <NoItems
             :flag="!(playlists.length + pinnedPlaylists.length)"
             :icon="PlaylistSvg"
-            :title="'No playlists found'"
-            :description="description"
+            :title="$t('Views.PlaylistList.NoPlaylistsFound')"
+            :description="$t('Views.PlaylistList.NoItemDescription')"
         />
     </div>
 </template>
@@ -49,6 +49,9 @@ import PlaylistCardGroup from '@/components/PlaylistsList/PlaylistCardGroup.vue'
 import Header from '@/components/shared/GenericHeader.vue'
 import NoItems from '@/components/shared/NoItems.vue'
 import useModalStore from '@/stores/modal'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 
 const pStore = usePStore()
 const { showNewPlaylistModal } = useModalStore()
@@ -56,9 +59,6 @@ const { showNewPlaylistModal } = useModalStore()
 const input = ref('')
 const query = debouncedRef(input, 300)
 
-const description = `You can create a playlist by right clicking on a track and selecting the
-        "Add to Playlist" option`
-
 // TODO: When you add a song to playlist when you are in this page, increase the count on the card.
 
 const pinnedPlaylists = computed(() => {
@@ -66,7 +66,7 @@ const pinnedPlaylists = computed(() => {
 })
 
 onMounted(() => {
-    updatePageTitle('Playlists')
+    updatePageTitle(t('Common.Playlists'))
 })
 
 const playlists = computed(() => {
diff --git a/src/views/PlaylistView/index.vue b/src/views/PlaylistView/index.vue
index f718625c..70eb266d 100644
--- a/src/views/PlaylistView/index.vue
+++ b/src/views/PlaylistView/index.vue
@@ -45,6 +45,9 @@ import SongItem from '@/components/shared/SongItem.vue'
 import AfterHeader from '@/components/PlaylistView/AfterHeader.vue'
 import { onBeforeRouteLeave } from 'vue-router'
 import AlbumsFetcher from '@/components/ArtistView/AlbumsFetcher.vue'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 
 const queue = useQueue()
 const tracklist = useTracklist()
@@ -65,8 +68,8 @@ const getNoItemsComponent = () =>
         props: {
             icon: playlistSvg,
             flag: playlist.tracks.length === 0,
-            title: 'No tracks in this playlist',
-            description: 'Add tracks to this playlist by right clicking on a track and selecting "add to playlist"',
+            title: t('Views.PlaylistView.NoTracks'),
+            description: t('Views.PlaylistView.AddMoreDesc'),
         },
     }
 
diff --git a/src/views/SearchView/CardGridPage.vue b/src/views/SearchView/CardGridPage.vue
index b628e5f3..db36cac6 100644
--- a/src/views/SearchView/CardGridPage.vue
+++ b/src/views/SearchView/CardGridPage.vue
@@ -1,8 +1,8 @@
 <template>
     <NoItems
         v-if="showNoItemsComponent"
-        :title="`No ${page} results`"
-        :description="'Results should appear here'"
+        :title="$t('Views.SearchView.NoResults', {page: page})"
+        :description="$t('Views.SearchView.NoResultsDesc')"
         :icon="SearchSvg"
         :flag="!items.length"
     />
diff --git a/src/views/SearchView/TopResults.vue b/src/views/SearchView/TopResults.vue
index 4cb0e361..ac57a86f 100644
--- a/src/views/SearchView/TopResults.vue
+++ b/src/views/SearchView/TopResults.vue
@@ -1,24 +1,24 @@
 <template>
   <div class="search-page-top-results">
     <NoItems
-      :title="'No results'"
-      :description="'We can\'t find any results for your search.'"
+      :title="$t('Common.NoResults')"
+      :description="$t('Common.NoSearchResults')"
       :icon="SearchSvg"
       :flag="!search.top_results.top_result || !search.top_results.top_result.type"
     />
     <div v-if="search.top_results.top_result && search.top_results.top_result.type" class="header">
       <div class="top">
-        <h3>Top Result</h3>
+        <h3>{{ $t('Common.TopResult') }}</h3>
         <TopItem />
       </div>
       <div class="tracks">
-        <h3>Tracks</h3>
+        <h3>{{ $t('Common.Track', 2) }}</h3>
         <TopTracks />
       </div>
     </div>
     <RecentItems
       v-if="search.top_results.artists.length"
-      :title="'Artists'"
+      :title="$t('Common.Artist', 2)"
       :items="
         search.top_results.artists.map((i) => ({
           type: 'artist',
@@ -28,7 +28,7 @@
     />
     <RecentItems
       v-if="search.top_results.albums.length"
-      :title="'Albums'"
+      :title="$t('Common.Artist', 2)"
       :items="
         search.top_results.albums.map((i) => ({
           type: 'album',
diff --git a/src/views/SearchView/main.vue b/src/views/SearchView/main.vue
index 36008280..e07751ba 100644
--- a/src/views/SearchView/main.vue
+++ b/src/views/SearchView/main.vue
@@ -32,6 +32,9 @@ import Tabs from "@/components/RightSideBar/Search/TabsWrapper.vue";
 import CardGridPage from "./CardGridPage.vue";
 import TopResults from "./TopResults.vue";
 import TracksPage from "./tracks.vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n(); 
 
 const settings = useSettings();
 const search = useSearchStore();
@@ -76,7 +79,7 @@ const component = computed(() => {
 });
 
 onMounted(() => {
-  updatePageTitle("Search");
+  updatePageTitle(t('Common.Search'));
   search.switchTab(route.params.page as string);
   search.query = route.query.q as string;
 });
diff --git a/src/views/SearchView/tracks.vue b/src/views/SearchView/tracks.vue
index 55501a86..6cb72a74 100644
--- a/src/views/SearchView/tracks.vue
+++ b/src/views/SearchView/tracks.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="search-tracks-view">
         <NoItems
-            :title="'No track results'"
+            :title="$t('Common.NoTrackResults')"
             :description="desc"
             :icon="SearchSvg"
             :flag="!search.tracks.value.length"
@@ -35,13 +35,16 @@ import SearchSvg from '@/assets/icons/search.svg'
 import AlbumsFetcher from '@/components/ArtistView/AlbumsFetcher.vue'
 import NoItems from '@/components/shared/NoItems.vue'
 import SongItem from '@/components/shared/SongItem.vue'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 
 const queue = useQueue()
 const search = useSearch()
 const tracklist = useTracklist()
 
 const desc = computed(() =>
-    search.query === '' ? 'Start typing to search for tracks' : `Track results for '${search.query}' should appear here`
+    search.query === '' ? t('Views.SearchView.TypeToSearchTracks') : t('Views.SearchView.ResultsForQuery', {query: search.query})
 )
 
 interface scrollerItem {
diff --git a/src/views/SettingsView.vue b/src/views/SettingsView.vue
index 418e3454..6291f4df 100644
--- a/src/views/SettingsView.vue
+++ b/src/views/SettingsView.vue
@@ -15,11 +15,14 @@ import { getAllSettings } from "@/requests/settings";
 import updatePageTitle from "@/utils/updatePageTitle";
 
 import Content from "../components/SettingsView/Content.vue";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
 
 const store = useSettingsStore();
 
 onMounted(() => {
-  updatePageTitle("Settings");
+  updatePageTitle(t('Common.Settings'));
   getAllSettings().then(({ settings }) => {
     store.mapDbSettings(settings);
   });
diff --git a/src/views/Stats/main.vue b/src/views/Stats/main.vue
index 9fdbdf93..fc53c034 100644
--- a/src/views/Stats/main.vue
+++ b/src/views/Stats/main.vue
@@ -3,8 +3,8 @@
         <Charts />
         <br><br>
         <GenericHeader>
-            <template #name>Stats</template>
-            <template #description>Your listening stats for the past week</template>
+            <template #name>{{ $t('Views.Stats.Title')}}</template>
+            <template #description>{{$t('Views.Stats.Description')}}</template>
         </GenericHeader>
         <Stats />
     </div>

From ad7bb760dbfd3967ce26ffc61ec621765464cffc Mon Sep 17 00:00:00 2001
From: Marco Rodolfi <marco.rodolfi@tuta.io>
Date: Wed, 17 Jun 2026 14:09:33 +0200
Subject: [PATCH 07/11] Final language cleanup and add a mockup user language 
 "selector"

 Refactor to 3.0.1
---
 package.json                                  |  2 +-
 src/components/AlbumView/Header/Stats.vue     |  4 +-
 .../ArtistView/HeaderComponents/Info.vue      |  4 +-
 src/components/PlaylistsList/PlaylistCard.vue |  2 +-
 .../RightSideBar/Search/TopResults.vue        |  6 +--
 src/components/modals/settings/Profile.vue    | 22 ++++++++-
 src/i18n.ts                                   |  2 +-
 src/interfaces.ts                             |  1 +
 src/locales/en.json                           | 46 +++++--------------
 src/locales/it.json                           | 44 +++++-------------
 src/locales/ko.json                           | 18 +-------
 src/settings/general/index.ts                 |  6 +--
 src/views/Favorites.vue                       |  6 +--
 yarn.lock                                     | 42 ++++++++---------
 14 files changed, 85 insertions(+), 120 deletions(-)

diff --git a/package.json b/package.json
index f15f1bf8..f3dec573 100644
--- a/package.json
+++ b/package.json
@@ -29,7 +29,7 @@
     "vue": "^v3.5.13",
     "vue-boring-avatars": "^1.4.0",
     "vue-debounce": "^3.0.2",
-    "vue-i18n": "11",
+    "vue-i18n": "^11",
     "vue-router": "^4.1.3",
     "vue-template-compiler": "^2.0.0",
     "vue-virtual-scroller": "^2.0.0-beta.7",
diff --git a/src/components/AlbumView/Header/Stats.vue b/src/components/AlbumView/Header/Stats.vue
index fcced2ad..1eeffd2b 100644
--- a/src/components/AlbumView/Header/Stats.vue
+++ b/src/components/AlbumView/Header/Stats.vue
@@ -10,7 +10,7 @@
       />
     </div>
     <div v-if="isSmallPhone" class="stats2">
-      {{ new Date(album.date * 1000).getFullYear() }} {{ !album.is_single ? `• ${album.trackcount} ${t('AlbumView.TrackCountPlural')}` : "" }} •
+      {{ new Date(album.date * 1000).getFullYear() }} {{ !album.is_single ? `• ${album.trackcount} ${$t('Common.Track', album.trackcount)}` : "" }} •
       {{ formatSeconds(album.duration, true) }}
     </div>
   </div>
@@ -37,7 +37,7 @@ const statsText = computed(() => {
 
   // hide track count if it's a single, also add an s to track if it's plural
   return `• ${new Date(props.album.date * 1000).getFullYear()} ${
-    !is_single ? `• ${props.album.trackcount.toLocaleString()} ${props.album.trackcount > 1 ? t('AlbumView.TrackCountPlural') : t('AlbumView.TrackCount')}` : ""
+    !is_single ? `• ${props.album.trackcount.toLocaleString()} ${t('Common.Track', props.album.trackcount)}` : ""
   } • ${formatSeconds(props.album.duration, true)}`;
 });
 </script>
diff --git a/src/components/ArtistView/HeaderComponents/Info.vue b/src/components/ArtistView/HeaderComponents/Info.vue
index bf622bf6..4cd150a5 100644
--- a/src/components/ArtistView/HeaderComponents/Info.vue
+++ b/src/components/ArtistView/HeaderComponents/Info.vue
@@ -12,10 +12,10 @@
             </div>
             <div class="stats">
                 <span v-if="artist.trackcount">
-                    {{ artist.trackcount.toLocaleString() }} {{ `${artist.trackcount == 1 ? $t('ArtistView.TrackCount') : $t('ArtistView.TrackCountPlural')} • ` }}
+                    {{ artist.trackcount.toLocaleString() }} {{ `${ $t('Common.Track', artist.trackcount) } • `}}
                 </span>
                 <span v-if="artist.albumcount">
-                    {{ artist.albumcount.toLocaleString() }} {{ `${artist.albumcount == 1 ? $t('ArtistView.AlbumCount') : $t('ArtistView.AlbumCountPlural')} • ` }}
+                    {{ artist.albumcount.toLocaleString() }} {{ `${ $t('Common.Album', artist.albumcount) } • ` }}
                 </span>
                 <span v-if="artist.duration">
                     {{ `${formatSeconds(artist.duration, true)}` }}
diff --git a/src/components/PlaylistsList/PlaylistCard.vue b/src/components/PlaylistsList/PlaylistCard.vue
index 36ab124c..02e6e616 100644
--- a/src/components/PlaylistsList/PlaylistCard.vue
+++ b/src/components/PlaylistsList/PlaylistCard.vue
@@ -15,7 +15,7 @@
       </div>
       <div class="p-name ellip">{{ playlist.name }}</div>
       <div class="p-count">
-        <b>{{ playlist.count.toLocaleString() + $t('PlaylistsList.TrackCount', playlist.count) }}</b>
+        <b>{{ playlist.count.toLocaleString() + $t('Common.Track', playlist.count) }}</b>
       </div>
     </div>
   </router-link>
diff --git a/src/components/RightSideBar/Search/TopResults.vue b/src/components/RightSideBar/Search/TopResults.vue
index 765f25fb..e7ee4ed2 100644
--- a/src/components/RightSideBar/Search/TopResults.vue
+++ b/src/components/RightSideBar/Search/TopResults.vue
@@ -15,15 +15,15 @@
       <TopItem />
     </div>
     <div v-if="search.top_results.tracks.length">
-      <h3 class="h3">{{ $t('Search.Tracks') }}</h3>
+      <h3 class="h3">{{ $t('Common.Track', 2) }}</h3>
       <TopTracks />
     </div>
     <div v-if="search.top_results.artists.length">
-      <h3 class="h3">{{ $t('Search.Artists') }}</h3>
+      <h3 class="h3">{{ $t('Common.Artist', 2) }}</h3>
       <TopArtists />
     </div>
     <div v-if="search.top_results.albums.length">
-      <h3 class="h3">{{ $t('Search.Albums') }}</h3>
+      <h3 class="h3">{{ $t('Common.Album', 2) }}</h3>
       <TopAlbums />
     </div>
   </div>
diff --git a/src/components/modals/settings/Profile.vue b/src/components/modals/settings/Profile.vue
index 21029294..2d218854 100644
--- a/src/components/modals/settings/Profile.vue
+++ b/src/components/modals/settings/Profile.vue
@@ -17,6 +17,14 @@
                     @input="input => (username = input)"
                 />
             </div>
+            <div class="lang">
+                <label for="insertlang">{{ $t('Profile.SelectLanguage') }}</label>
+                <Input :placeholder="$t('Common.Autodetect')" @input="input => (lang = input)" />
+                <label class="error" v-if="langErrorText">{{ langErrorText }}</label>
+                <button v-if="setLang">
+                    {{ $t('Profile.SetLanguage') }}
+                </button>
+            </div>
             <label for="pswd">{{ adding_user ? $t('Profile.PasswordAction', {action: $t('Common.Create')}) 
                 : $t('Profile.PasswordAction', {action: $t('Common.Change')}) }}</label>
             <Input type="password" placeholder="✶✶✶✶✶✶✶✶" @input="input => (password = input)" />
@@ -35,13 +43,14 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n';
+import { supportedLocales } from '@/i18n'
 
 import Avatar from '@/components/shared/Avatar.vue'
 import Input from '@/components/shared/Input.vue'
 import { User } from '@/interfaces'
 import useAuth from '@/stores/auth'
 
-const { t } = useI18n();
+const { t, locale } = useI18n();
 
 const props = defineProps<{
     adding_user?: boolean
@@ -55,6 +64,7 @@ const auth = useAuth()
 
 const username = ref('')
 const password = ref('')
+const lang = ref('')
 const confirmPassword = ref('')
 
 const showSubmit = computed(() => {
@@ -69,6 +79,16 @@ const showSubmit = computed(() => {
         (payload.value.username || payload.value.password)
     )
 })
+const setLang = computed(()=> {
+    return (langErrorText.value == '' && lang.value != '')
+})
+
+const langErrorText = computed(() => {
+    if (lang.value == '' || supportedLocales.includes(lang.value)){
+        return ''
+    }
+    else return t('Profile.LangNotCurrentlySupported')
+})
 
 const errorText = computed(() => {
     // if password has not changed, no error
diff --git a/src/i18n.ts b/src/i18n.ts
index b978cd9c..e3b0cf48 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -5,7 +5,7 @@ import it from './locales/it.json';
 import ko from './locales/ko.json';
 
 const userLocale = navigator.language.split('-')[0];
-const supportedLocales = ['en', 'it', 'ko'];
+export const supportedLocales = ['en', 'it', 'ko'];
 const fallbackLocale = 'en';
 const locale = supportedLocales.includes(userLocale) ? userLocale : fallbackLocale;
 
diff --git a/src/interfaces.ts b/src/interfaces.ts
index 4a227052..6046bbd8 100644
--- a/src/interfaces.ts
+++ b/src/interfaces.ts
@@ -325,6 +325,7 @@ export interface UserSimplified {
 export interface User extends UserSimplified {
     image: string
     roles: string[]
+    lang?: string
 }
 
 export interface StatItem {
diff --git a/src/locales/en.json b/src/locales/en.json
index e7c12ddd..31606b3a 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -18,10 +18,6 @@
     "PlayCount": "Play Count",
     "PlayDuration": "Play Duration",
     "top": "top",
-    "tracks": "tracks",
-    "albums": "albums",
-    "artists": "artists",
-    "Titles": {},
     "LogOut": "Log out",
     "BuiltBy": "built by @cwilvx ↗",
     "Playlist": "Playlist",
@@ -37,14 +33,13 @@
     "Descending": "Descending",
     "Ascending": "Ascending",
     "TrackCount": "{count} track | {count} tracks",
-    "NoTracks": "'No tracks'",
+    "NoTracks": "No tracks",
     "HiSpace": "Hi ",
     "Lyrics": "Lyrics",
     "Play": "Play",
     "SeeAll": "See All",
     "Unknown": "Unknown",
     "New": "New",
-    "Albums": "Albums",
     "Track": "Track | Tracks",
     "Periods": {
       "Year": "Year | Years",
@@ -60,8 +55,6 @@
     "Appearance": "Appearance",
     "Library": "Library",
     "Folders": "Folders",
-    "Tracks": "Tracks",
-    "Artists": "Artists",
     "Backup": "Backup",
     "Modify": "Modify",
     "Configure": "Configure",
@@ -76,7 +69,6 @@
     "All": "All",
     "SearchResults": "Search Results",
     "Playlists": "Playlists",
-    "EpAndSingles": "Appearances",
     "Appearances": "Appearances",
     "Compilations": "Compilation | Compilations",
     "Singles": "EP & Singles",
@@ -91,13 +83,13 @@
     "TopResult": "Top Result",
     "NoTrackResults": "No track results",
     "LogIn": "Login",
+    "Autodetect": "autodetect",
     "FileName": "File Name",
     "SwingMusic": "Swing Music"
   },
   "AlbumView": {
     "AlbumBy": "Album by ",
-    "TrackCount": "Track",
-    "TrackCountPlural": "Tracks",
+    "TrackCount": "Track | Tracks",
     "GenreBanner": {
       "GenreExists": "Genres",
       "GenreDoesNotExist": "No Genres"
@@ -106,10 +98,6 @@
   },
   "ArtistView": {
     "Title": "Artist",
-    "TrackCount": "Track",
-    "TrackCountPlural": "Tracks",
-    "AlbumCount": "Album",
-    "AlbumCountPlural": "Albums",
     "NoTracks": "No tracks",
     "RepeatOptions": {
       "All": "Repeat all",
@@ -150,8 +138,7 @@
     }
   },
   "FolderView": {
-    "FileCount": "File | Files",
-    "FileCountPlural": "Files"
+    "FileCount": "File | Files"
   },
   "HomeView": {
     "Title": "Home",
@@ -195,13 +182,7 @@
     "Queue": "Queue",
     "GoToPlaySource": "Go to play source"
   },
-  "PlaylistsList": {
-    "TrackCount": "Track | Tracks",
-    "TrackCountPlural": "Tracks"
-  },
   "PlaylistView": {
-    "TrackCount": "Track",
-    "TrackCountPlural": "Tracks",
     "LastUpdated": "Last Updated {date}",
     "Edit": "Edit",
     "AllTracks": "All Tracks"
@@ -219,9 +200,6 @@
     "NoTracksTitle": "No tracks",
     "NoResultsDescription": "We can't find any results for your search.",
     "TopResult": "Top Result",
-    "Tracks": "Tracks",
-    "Artists": "Artists",
-    "Albums": "Albums",
     "BackToQueue": "Back to Queue",
     "GoToSearch": "Go to Search",
     "SearchPlaceholder": "Start typing to search",
@@ -533,7 +511,10 @@
     "Username": "Username",
     "PasswordAction": "{action} password",
     "ConfirmPassword": "Confirm password",
-    "AddUser": "Add user"
+    "AddUser": "Add user",
+    "SelectLanguage": "Insert the preferred language",
+    "SetLanguage": "Set language",
+    "LangNotCurrentlySupported": "Language not currently supported"
   },
   "UpdatePlaylist": {
     "Name": "Playlist name",
@@ -542,9 +523,9 @@
     "ImagePosition": "Adjust image position • {pos} %"
   },
   "NavTitles": {
-    "ArtistTracks": "'Artist Tracks'",
-    "NowPlaying": "'Now Playing'",
-    "Settings": "'Settings'"
+    "ArtistTracks": "Artist Tracks",
+    "NowPlaying": "Now Playing",
+    "Settings": "Settings"
   },
   "ProfileDropdown": {
     "QuickScan": "Quick scan",
@@ -712,9 +693,6 @@
     "Favorites": {
       "Title": "Favorites",
       "CountStats": "{tra} Tracks • {alb} Albums • {art} Artists",
-      "Recents": "`Recents`",
-      "Tracks": "'Tracks'",
-      "Albums": "Albums",
       "NoFavoritesFound": "No favorites found",
       "Description": "You can add tracks, albums and artists to your favorites by clicking the heart icon"
     },
@@ -733,7 +711,7 @@
       "mixes": "mixes",
       "MixesBasedOnListening": "{n} mixes • Based on artists you have been listening to",
       "SavedMixes": "Saved mixes",
-      "OtherMixes": "Other {type } mixes"
+      "OtherMixes": "Other {type} mixes"
     },
     "MixView": {
       "MixNotFound": "404: Mix not found"
diff --git a/src/locales/it.json b/src/locales/it.json
index 7cd6fd62..cdfeb9df 100644
--- a/src/locales/it.json
+++ b/src/locales/it.json
@@ -18,10 +18,6 @@
     "PlayCount": "Numero di riproduzioni",
     "PlayDuration": "Durata di riproduzione",
     "top": "migliori",
-    "tracks": "tracce",
-    "albums": "albums",
-    "artists": "artisti",
-    "Titles": {},
     "LogOut": "Scollegati",
     "BuiltBy": "creato da @cwilvx ↗",
     "Playlist": "Playlist",
@@ -37,7 +33,7 @@
     "Descending": "Decrescente",
     "Ascending": "Crescente",
     "TrackCount": "{count} traccia | {count} tracce",
-    "NoTracks": "'Nessuna traccia'",
+    "NoTracks": "Nessuna traccia",
     "HiSpace": "Ciao ",
     "Lyrics": "Testi canzoni",
     "Play": "Riproduci",
@@ -59,9 +55,6 @@
     "Appearance": "Aspetto",
     "Library": "Libreria",
     "Folders": "Cartelle",
-    "Tracks": "Tracce",
-    "Albums": "Albums",
-    "Artists": "Artisti",
     "Backup": "Backup",
     "Modify": "Modifica",
     "Configure": "Configura",
@@ -90,13 +83,13 @@
     "TopResult": "Risultati migliori",
     "NoTrackResults": "Nessun risultato trovato nelle tracce",
     "LogIn": "Accedi",
+    "Autodetect": "autorileva",
     "FileName": "Nome File",
     "SwingMusic": "Swing Music"
   },
   "AlbumView": {
     "AlbumBy": "Album by ",
-    "TrackCount": "Traccia",
-    "TrackCountPlural": "Tracce",
+    "TrackCount": "Traccia | Tracce",
     "GenreBanner": {
       "GenreExists": "Generi",
       "GenreDoesNotExist": "Nessun genere"
@@ -105,10 +98,6 @@
   },
   "ArtistView": {
     "Title": "Artista",
-    "TrackCount": "Traccia",
-    "TrackCountPlural": "Tracce",
-    "AlbumCount": "Album",
-    "AlbumCountPlural": "Albums",
     "NoTracks": "Nessuna traccia",
     "RepeatOptions": {
       "All": "Ripeti tutte",
@@ -149,8 +138,7 @@
     }
   },
   "FolderView": {
-    "FileCount": "File | Files",
-    "FileCountPlural": "Files"
+    "FileCount": "File | Files"
   },
   "HomeView": {
     "Title": "Home",
@@ -194,13 +182,7 @@
     "Queue": "Coda",
     "GoToPlaySource": "Vai alla posizione della traccia"
   },
-  "PlaylistsList": {
-    "TrackCount": "Traccia | Tracce",
-    "TrackCountPlural": "Tracce"
-  },
   "PlaylistView": {
-    "TrackCount": "Traccia",
-    "TrackCountPlural": "Tracce",
     "LastUpdated": "Aggiornato in {date}",
     "Edit": "Modifica",
     "AllTracks": "Tutte le tracce"
@@ -218,9 +200,6 @@
     "NoTracksTitle": "nessuna traccia",
     "NoResultsDescription": "Non riesco a trovare nessuna traccia con i parametri specificati.",
     "TopResult": "Miglior risultato",
-    "Tracks": "Tracce",
-    "Artists": "Artisti",
-    "Albums": "Album",
     "BackToQueue": "Ritorna alla coda",
     "GoToSearch": "Vai alla ricerca",
     "SearchPlaceholder": "Scrivi per cercare",
@@ -249,7 +228,7 @@
       "UpdateFailed": "Aggiornamento fallito"
     },
     "About": {
-      "Developer": "Swing Music è un atto d'amore sviluppato su GitHub a {link}. Se questo software ti piace, una stellina sul progetto sarebbe molto apprezzata. Spero tu l'apprezzi tanto quanto mi son divertito a scriverla da zero. 😁🤗",
+      "Developer": "Swing Music è un atto d'amore sviluppato su GitHub all'indirizzo {link}. Se questo software ti piace, una stellina sul progetto sarebbe molto apprezzata. Spero tu l'apprezzi tanto quanto mi son divertito a scriverla da zero. 😁🤗",
       "LinksTitle": "Links",
       "LinksDocs": "Docs",
       "LinksGitHub": "Stellina su GitHub",
@@ -532,7 +511,10 @@
     "Username": "Nome utente",
     "PasswordAction": "{action} password",
     "ConfirmPassword": "Conferma password",
-    "AddUser": "Aggiungi utente"
+    "AddUser": "Aggiungi utente",
+    "SelectLanguage": "Inserisci la lingua desiderata",
+    "SetLanguage": "Imposta lingua",
+    "LangNotCurrentlySupported": "Lingua non supportata attualmente"
   },
   "UpdatePlaylist": {
     "Name": "Nome playlist",
@@ -541,9 +523,9 @@
     "ImagePosition": "Modifica posizione immagine • {pos} %"
   },
   "NavTitles": {
-    "ArtistTracks": "'Tracce Artisti'",
-    "NowPlaying": "'In riproduzione'",
-    "Settings": "'Impostazioni'"
+    "ArtistTracks": "Tracce Artisti",
+    "NowPlaying": "In riproduzione",
+    "Settings": "Impostazioni"
   },
   "ProfileDropdown": {
     "QuickScan": "Scan. veloce",
@@ -710,8 +692,6 @@
     "Favorites": {
       "Title": "Preferiti",
       "CountStats": "{tra} Tracce • {alb} Albums • {art} Artisti",
-      "Recents": "'Recenti'",
-      "Tracks": "'Tracce'",
       "NoFavoritesFound": "Nessun preferito trovato",
       "Description": "Puoi aggiungere tracce, albums e artisti ai tuoi preferiti cliccando sull'icona a forma di cuoricino"
     },
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 2ceba91f..3b5fe384 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -3,7 +3,6 @@
   "AlbumView": {
     "AlbumBy": "",
     "TrackCount": "트랙",
-    "TrackCountPlural": "트랙",
     "GenreBanner": {
       "GenreExists": "장르",
       "GenreDoesNotExist": "장르 없음"
@@ -11,10 +10,6 @@
   },
   "ArtistView": {
     "Title": "아티스트",
-    "TrackCount": "트랙",
-    "TrackCountPlural": "트랙",
-    "AlbumCount": "앨범",
-    "AlbumCountPlural": "앨범",
     "NoTracks": "트랙 없음",
     "RepeatOptions": {
       "All": "전체 반복",
@@ -47,8 +42,7 @@
     }
   },
   "FolderView": {
-    "FileCount": "파일",
-    "FileCountPlural": "파일"
+    "FileCount": "파일"
   },
   "HomeView": {
     "Title": "홈",
@@ -90,13 +84,8 @@
     "Queue": "대기열",
     "GoToPlaySource": "재생 소스로 이동"
   },
-  "PlaylistsList": {
-    "TrackCount": "트랙",
-    "TrackCountPlural": "트랙"
-  },
+  "PlaylistsList": {},
   "PlaylistView": {
-    "TrackCount": "트랙",
-    "TrackCountPlural": "트랙",
     "LastUpdated": "{date}에 마지막으로 업데이트됨",
     "Edit": "편집",
     "AllTracks": "모든 트랙"
@@ -113,9 +102,6 @@
     "NoTracksTitle": "트랙 없음",
     "NoResultsDescription": "검색 결과를 찾을 수 없습니다.",
     "TopResult": "최고 결과",
-    "Tracks": "트랙",
-    "Artists": "아티스트",
-    "Albums": "앨범",
     "BackToQueue": "대기열로 돌아가기",
     "GoToSearch": "검색으로 이동",
     "SearchPlaceholder": "검색어를 입력하세요"
diff --git a/src/settings/general/index.ts b/src/settings/general/index.ts
index 01859089..aad4c907 100644
--- a/src/settings/general/index.ts
+++ b/src/settings/general/index.ts
@@ -63,7 +63,7 @@ export const library = {
         {
             // null means settings table is not created yet
             show_if: () => useSettings().feat !== null,
-            title: t("Common.Tracks"),
+            title: t("Common.Track", 2),
             icon: TrackSvg,
             desc: t("Settings.General.TrackInfoSettingsDesc"),
             settings: [...tracks],
@@ -71,7 +71,7 @@ export const library = {
         {
             // null means settings table is not created yet
             show_if: () => useSettings().feat !== null,
-            title: t("Common.Albums"),
+            title: t("Common.Album", 2),
             icon: AlbumSvg,
             desc: t("Settings.General.AlbumInfoSettingsDesc"),
             settings: [...albums],
@@ -79,7 +79,7 @@ export const library = {
         {
             // null means settings table is not created yet
             show_if: () => useSettings().feat !== null,
-            title: t("Common.Artists"),
+            title: t("Common.Artist", 2),
             icon: AvatarSvg,
             desc: t("Settings.General.ArtistsDesc"),
             settings: [...artistSettings],
diff --git a/src/views/Favorites.vue b/src/views/Favorites.vue
index 39173b45..106d8bb3 100644
--- a/src/views/Favorites.vue
+++ b/src/views/Favorites.vue
@@ -17,7 +17,7 @@
             <TopTracks
                 :tracks="favTracks"
                 :route="'/favorites/tracks'"
-                :title="$t('Common.Tracks')"
+                :title="$t('Common.Track', 2)"
                 :play-handler="handlePlay"
                 :source="dropSources.favorite"
                 :total="count.tracks"
@@ -27,14 +27,14 @@
         <CardScroller
             v-if="favAlbums.length"
             :items="favAlbums.map(i => ({ type: 'album', item: i }))"
-            :title="$t('Common.Albums')"
+            :title="$t('Common.Album', 2)"
             :route="'/favorites/albums'"
         />
 
         <CardScroller
             v-if="favArtists.length"
             :items="favArtists.map(i => ({ type: 'artist', item: i }))"
-            :title="$t('Common.Artists')"
+            :title="$t('Common.Artist', 2)"
             :route="'/favorites/artists'"
         />
 
diff --git a/yarn.lock b/yarn.lock
index a282f8e6..9ecccd1d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1163,26 +1163,26 @@
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
   integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
 
-"@intlify/core-base@11.1.10":
-  version "11.1.10"
-  resolved "https://registry.yarnpkg.com/@intlify/core-base/-/core-base-11.1.10.tgz#4731748992bc6d8e723ca6c2cc5aa5a4c90cf7a5"
-  integrity sha512-JhRb40hD93Vk0BgMgDc/xMIFtdXPHoytzeK6VafBNOj6bb6oUZrGamXkBKecMsmGvDQQaPRGG2zpa25VCw8pyw==
+"@intlify/core-base@11.1.12":
+  version "11.1.12"
+  resolved "https://registry.yarnpkg.com/@intlify/core-base/-/core-base-11.1.12.tgz#e02529021a4e69f8a1adcca5ce61963c71cd72ba"
+  integrity sha512-whh0trqRsSqVLNEUCwU59pyJZYpU8AmSWl8M3Jz2Mv5ESPP6kFh4juas2NpZ1iCvy7GlNRffUD1xr84gceimjg==
   dependencies:
-    "@intlify/message-compiler" "11.1.10"
-    "@intlify/shared" "11.1.10"
+    "@intlify/message-compiler" "11.1.12"
+    "@intlify/shared" "11.1.12"
 
-"@intlify/message-compiler@11.1.10":
-  version "11.1.10"
-  resolved "https://registry.yarnpkg.com/@intlify/message-compiler/-/message-compiler-11.1.10.tgz#ff5c92c311cd72144126f5c128912adb4e911207"
-  integrity sha512-TABl3c8tSLWbcD+jkQTyBhrnW251dzqW39MPgEUCsd69Ua3ceoimsbIzvkcPzzZvt1QDxNkenMht+5//V3JvLQ==
+"@intlify/message-compiler@11.1.12":
+  version "11.1.12"
+  resolved "https://registry.yarnpkg.com/@intlify/message-compiler/-/message-compiler-11.1.12.tgz#27e69790b711a92cddb07175187dd09a7b270b55"
+  integrity sha512-Fv9iQSJoJaXl4ZGkOCN1LDM3trzze0AS2zRz2EHLiwenwL6t0Ki9KySYlyr27yVOj5aVz0e55JePO+kELIvfdQ==
   dependencies:
-    "@intlify/shared" "11.1.10"
+    "@intlify/shared" "11.1.12"
     source-map-js "^1.0.2"
 
-"@intlify/shared@11.1.10":
-  version "11.1.10"
-  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-11.1.10.tgz#d869aa8fbc1aa307f26a58848fea6df3c9785b6f"
-  integrity sha512-6ZW/f3Zzjxfa1Wh0tYQI5pLKUtU+SY7l70pEG+0yd0zjcsYcK0EBt6Fz30Dy0tZhEqemziQQy2aNU3GJzyrMUA==
+"@intlify/shared@11.1.12":
+  version "11.1.12"
+  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-11.1.12.tgz#ab41083e017d622cf63c7dc88a0ee0bc27f4127a"
+  integrity sha512-Om86EjuQtA69hdNj3GQec9ZC0L0vPSAnXzB3gP/gyJ7+mA7t06d9aOAiqMZ+xEOsumGP4eEBlfl8zF2LOTzf2A==
 
 "@jimp/bmp@^0.16.13":
   version "0.16.13"
@@ -6029,13 +6029,13 @@ vue-eslint-parser@^9.3.1:
     lodash "^4.17.21"
     semver "^7.3.6"
 
-vue-i18n@11:
-  version "11.1.10"
-  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-11.1.10.tgz#04578ea4213f96c37939a08f516a648a6d0b84a1"
-  integrity sha512-C+IwnSg8QDSOAox0gdFYP5tsKLx5jNWxiawNoiNB/Tw4CReXmM1VJMXbduhbrEzAFLhreqzfDocuSVjGbxQrag==
+vue-i18n@^11:
+  version "11.1.12"
+  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-11.1.12.tgz#230b21d65dd89343ebd40d19c9e3cfb13db8c1fd"
+  integrity sha512-BnstPj3KLHLrsqbVU2UOrPmr0+Mv11bsUZG0PyCOzsawCivk8W00GMXHeVUWIDOgNaScCuZah47CZFE+Wnl8mw==
   dependencies:
-    "@intlify/core-base" "11.1.10"
-    "@intlify/shared" "11.1.10"
+    "@intlify/core-base" "11.1.12"
+    "@intlify/shared" "11.1.12"
     "@vue/devtools-api" "^6.5.0"
 
 vue-observe-visibility@^2.0.0-alpha.1:

From ac0bbfc807d0293e35ff8d2ec7d88a118c9e5734 Mon Sep 17 00:00:00 2001
From: Marco Rodolfi <marco.rodolfi@tuta.io>
Date: Wed, 17 Jun 2026 14:16:11 +0200
Subject: [PATCH 08/11] Implement a client side language selector plus a cookie
  setter in order to save the language settings.

 Refactored to 3.0.1
---
 package.json                                  |  1 +
 .../RightSideBar/Home/Recommendation.vue      |  6 +-
 .../RightSideBar/Queue/QueueActions.vue       |  7 +--
 src/components/RightSideBar/Queue/upNext.vue  |  3 -
 src/components/modals/settings/Profile.vue    | 62 ++++++++++++++-----
 .../modals/settings/custom/Pairing.vue        |  3 +
 src/i18n.ts                                   | 18 +++---
 src/locales/{en.json => en_US.json}           |  7 +++
 src/locales/{it.json => it_IT.json}           |  7 +++
 yarn.lock                                     | 12 ++++
 10 files changed, 88 insertions(+), 38 deletions(-)
 rename src/locales/{en.json => en_US.json} (98%)
 rename src/locales/{it.json => it_IT.json} (99%)

diff --git a/package.json b/package.json
index f3dec573..d53bce2d 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "pinia": "^2.0.17",
     "pinia-plugin-persistedstate": "^3.2.0",
     "qr-code-styling": "^1.6.0-rc.1",
+    "universal-cookie": "^8.0.1",
     "v-wave": "^1.5.0",
     "vue": "^v3.5.13",
     "vue-boring-avatars": "^1.4.0",
diff --git a/src/components/RightSideBar/Home/Recommendation.vue b/src/components/RightSideBar/Home/Recommendation.vue
index 215551b3..ed140aca 100644
--- a/src/components/RightSideBar/Home/Recommendation.vue
+++ b/src/components/RightSideBar/Home/Recommendation.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="r-tracks rounded bg-primary">
-    <div class="heading">{{ t('RightSidebar.SimilarTracks') }}</div>
+    <div class="heading">{{ $t('RightSidebar.SimilarTracks') }}</div>
     <div class="tracks">
       <div v-for="song in songs" :key="song.artist" class="song-item">
         <img src="" class="rounded" loading="lazy"/>
@@ -14,10 +14,6 @@
 </template>
 
 <script setup lang="ts">
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
-
 const songs = [
   {
     title: "Imagine",
diff --git a/src/components/RightSideBar/Queue/QueueActions.vue b/src/components/RightSideBar/Queue/QueueActions.vue
index 21b3017b..6ba02dc5 100644
--- a/src/components/RightSideBar/Queue/QueueActions.vue
+++ b/src/components/RightSideBar/Queue/QueueActions.vue
@@ -3,9 +3,9 @@
     <!-- <div class="left"> -->
       <!-- <button v-if="!onNowPlaying" v-wave class="shuffle-queue action" @click="queue.shuffleQueue">
         <ShuffleSvg />
-      <span>{{ t('RightSidebar.Shuffle') }}<</span>
+      <span>{{ $t('RightSidebar.Shuffle') }}<</span>
       </button>
-      <h2 v-else style="margin: 0">{{ t('RightSidebar.NowPlaying') }}</h2> -->
+      <h2 v-else style="margin: 0">{{ $t('RightSidebar.NowPlaying') }}</h2> -->
       <PlayingFrom />
     <!-- </div>
     <div class="right">
@@ -20,7 +20,6 @@
 import useQueue from "@/stores/queue";
 import useTracklist from "@/stores/queue/tracklist";
 import { ref } from "vue";
-import { useI18n } from "vue-i18n";
 
 import { showQueueContextMenu } from "@/helpers/contextMenuHandler";
 
@@ -28,8 +27,6 @@ import OptionsSvg from "@/assets/icons/more.svg";
 import ShuffleSvg from "@/assets/icons/shuffle.svg";
 import PlayingFrom from "@/components/NowPlaying/PlayingFrom.vue";
 
-const { t } = useI18n();
-
 const queue = useQueue();
 const { tracklist } = useTracklist();
 
diff --git a/src/components/RightSideBar/Queue/upNext.vue b/src/components/RightSideBar/Queue/upNext.vue
index e11cf853..134c9002 100644
--- a/src/components/RightSideBar/Queue/upNext.vue
+++ b/src/components/RightSideBar/Queue/upNext.vue
@@ -19,9 +19,6 @@ import useQueueStore from "@/stores/queue";
 
 import { ref } from "vue";
 
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
 
 const context_on = ref(false);
 const queue = useQueueStore();
diff --git a/src/components/modals/settings/Profile.vue b/src/components/modals/settings/Profile.vue
index 2d218854..993bf1a8 100644
--- a/src/components/modals/settings/Profile.vue
+++ b/src/components/modals/settings/Profile.vue
@@ -9,6 +9,18 @@
                 <span v-for="role in auth.user.roles" :key="role" class="role"> {{ role }}</span>
             </div>
         </div>
+        <div class="updateprof">
+            <div class="locale-changer">
+                <label>{{ t('Languages.ChooseLang') }}</label>
+                <select class="language" v-model="$i18n.locale" @change="updateLang">
+                    <option v-for="locale in $i18n.availableLocales" :key="`locale-${locale}`" :value="locale">{{ $t('Languages.'+ locale) }}</option>
+                </select>
+            </div>                
+            <button v-if="setLang" @click="setCookie">
+                {{ $t('Profile.SetLanguage') }}
+            </button>
+            <label class="warning" v-if="setLang">{{ $t('Languages.WarnAppReload') }}</label>
+        </div>
         <form v-auto-animate class="updateprof" @submit.prevent="handleSubmit">
             <div class="names">
                 <label for="username">{{ $t('Profile.Username')}}<</label>
@@ -17,14 +29,6 @@
                     @input="input => (username = input)"
                 />
             </div>
-            <div class="lang">
-                <label for="insertlang">{{ $t('Profile.SelectLanguage') }}</label>
-                <Input :placeholder="$t('Common.Autodetect')" @input="input => (lang = input)" />
-                <label class="error" v-if="langErrorText">{{ langErrorText }}</label>
-                <button v-if="setLang">
-                    {{ $t('Profile.SetLanguage') }}
-                </button>
-            </div>
             <label for="pswd">{{ adding_user ? $t('Profile.PasswordAction', {action: $t('Common.Create')}) 
                 : $t('Profile.PasswordAction', {action: $t('Common.Change')}) }}</label>
             <Input type="password" placeholder="✶✶✶✶✶✶✶✶" @input="input => (password = input)" />
@@ -43,13 +47,16 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n';
-import { supportedLocales } from '@/i18n'
+import { useRouter } from 'vue-router';
+import { useCookies } from '@vueuse/integrations/useCookies';
 
 import Avatar from '@/components/shared/Avatar.vue'
 import Input from '@/components/shared/Input.vue'
 import { User } from '@/interfaces'
 import useAuth from '@/stores/auth'
 
+const cookies = useCookies(['locale']);
+const router = useRouter();
 const { t, locale } = useI18n();
 
 const props = defineProps<{
@@ -64,7 +71,7 @@ const auth = useAuth()
 
 const username = ref('')
 const password = ref('')
-const lang = ref('')
+const langIns = ref(false)
 const confirmPassword = ref('')
 
 const showSubmit = computed(() => {
@@ -80,15 +87,20 @@ const showSubmit = computed(() => {
     )
 })
 const setLang = computed(()=> {
-    return (langErrorText.value == '' && lang.value != '')
+    return (langIns.value)
 })
 
-const langErrorText = computed(() => {
-    if (lang.value == '' || supportedLocales.includes(lang.value)){
-        return ''
-    }
-    else return t('Profile.LangNotCurrentlySupported')
-})
+const setCookie = function() {
+    cookies.set('locale', locale.value)
+    langIns.value = false
+    //FIXME: Feels like a hack to force reload the whole app; but parts of the UI doesn't update it properly.
+    //Adding cookies dependencies to all components might be the only alternative.
+    router.go(0);
+}
+
+const updateLang = function() {
+    langIns.value = true
+}
 
 const errorText = computed(() => {
     // if password has not changed, no error
@@ -138,6 +150,7 @@ async function updateProfile() {
         username.value = ''
         password.value = ''
         confirmPassword.value = ''
+        langIns.value = false
     }
 }
 
@@ -186,6 +199,15 @@ onMounted(async () => {
             color: $gray1;
         }
 
+        select {
+            width: 100%;
+            margin-bottom: 0.5rem;
+            margin-top: 0.5rem;
+            font-weight: 500;
+            font-size: 0.9rem;
+            color: $white;
+        }
+
         input {
             width: 100%;
             padding: 0.5rem;
@@ -208,6 +230,12 @@ onMounted(async () => {
             color: $red;
         }
 
+        .warning {
+            width: 100%;
+            color: $yellow;
+            text-align: center;
+        }
+
         button {
             background: $darkblue;
             padding: $medium 1.5rem;
diff --git a/src/components/modals/settings/custom/Pairing.vue b/src/components/modals/settings/custom/Pairing.vue
index 39fc46c0..56a577ab 100644
--- a/src/components/modals/settings/custom/Pairing.vue
+++ b/src/components/modals/settings/custom/Pairing.vue
@@ -24,6 +24,9 @@ import { Ref, onMounted, ref } from 'vue'
 import QRCodeStyling from 'qr-code-styling'
 import { sendPairRequest } from '@/requests/auth'
 import { useI18n } from 'vue-i18n';
+//Here just to force the component to rerender on locale changes
+import { useCookies } from '@vueuse/integrations/useCookies';
+const cookies = useCookies(['locale']);
 
 const { t } = useI18n();
 
diff --git a/src/i18n.ts b/src/i18n.ts
index e3b0cf48..8519eae3 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -1,21 +1,23 @@
 import { createI18n } from "vue-i18n";
 
-import en from './locales/en.json';
-import it from './locales/it.json';
+import en from './locales/en_US.json';
+import it from './locales/it_IT.json';
 import ko from './locales/ko.json';
+import { useCookies } from "@vueuse/integrations/useCookies";
 
-const userLocale = navigator.language.split('-')[0];
-export const supportedLocales = ['en', 'it', 'ko'];
-const fallbackLocale = 'en';
+const userLocale = navigator.language;
+export const supportedLocales = ['en_US', 'it_IT', 'ko'];
+const fallbackLocale = 'en_US';
+const cookies = useCookies();
 const locale = supportedLocales.includes(userLocale) ? userLocale : fallbackLocale;
 
 const i18n = createI18n({
   legacy: false,
-  locale: locale,
+  locale: cookies.get('locale') ? cookies.get('locale') : locale,
   globalInjection: true,
   messages: {
-    en: en,
-    it: it,
+    en_US: en,
+    it_IT: it,
     ko: ko
   },
 });
diff --git a/src/locales/en.json b/src/locales/en_US.json
similarity index 98%
rename from src/locales/en.json
rename to src/locales/en_US.json
index 31606b3a..226e3436 100644
--- a/src/locales/en.json
+++ b/src/locales/en_US.json
@@ -757,5 +757,12 @@
       "Title": "Stats",
       "Description": "Your listening stats for the past week"
     }
+  },
+  "Languages": {
+    "en_US": "🇺🇸 English (United States)",
+    "ko": "Korean",
+    "it_IT": "🇮🇹 Italian (Italy)",
+    "ChooseLang": "Choose your preferred language",
+    "WarnAppReload": "(setting the language triggers an app reload)"
   }
 }
diff --git a/src/locales/it.json b/src/locales/it_IT.json
similarity index 99%
rename from src/locales/it.json
rename to src/locales/it_IT.json
index cdfeb9df..e770f642 100644
--- a/src/locales/it.json
+++ b/src/locales/it_IT.json
@@ -756,5 +756,12 @@
       "Title": "Statistiche",
       "Description": "Le tue statistiche d'ascolto nell'ultima settimana"
     }
+  },
+  "Languages": {
+    "en_US": "🇺🇸 Inglese (Stati Uniti)",
+    "ko": "Coreano",
+    "it_IT": "🇮🇹 Italiano (Italia)",
+    "ChooseLang": "Scegli la tua lingua preferita",
+    "WarnAppReload": "(impostare la lingua forza un refresh dell'app)"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index 9ecccd1d..5a4af399 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2499,6 +2499,11 @@ convert-source-map@^1.7.0:
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
   integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
 
+cookie@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-1.0.2.tgz#27360701532116bd3f1f9416929d176afe1e4610"
+  integrity sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==
+
 core-js-compat@^3.30.1, core-js-compat@^3.30.2:
   version "3.31.0"
   resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.31.0.tgz#4030847c0766cc0e803dcdfb30055d7ef2064bf1"
@@ -5844,6 +5849,13 @@ unique-string@^2.0.0:
   dependencies:
     crypto-random-string "^2.0.0"
 
+universal-cookie@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/universal-cookie/-/universal-cookie-8.0.1.tgz#19263fcda6889978a081c610a90fc395eeaeec64"
+  integrity sha512-B6ks9FLLnP1UbPPcveOidfvB9pHjP+wekP2uRYB9YDfKVpvcjKgy1W5Zj+cEXJ9KTPnqOKGfVDQBmn8/YCQfRg==
+  dependencies:
+    cookie "^1.0.2"
+
 universalify@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"

From 0d9672ff37b3e94c95818a8859a82b08560fb7e7 Mon Sep 17 00:00:00 2001
From: Marco Rodolfi <marco.rodolfi@tuta.io>
Date: Wed, 17 Jun 2026 14:23:20 +0200
Subject: [PATCH 09/11] Update i18n deps as of 06/2026

---
 package.json |  2 +-
 yarn.lock    | 52 +++++++++++++++++++++++++++++++---------------------
 2 files changed, 32 insertions(+), 22 deletions(-)

diff --git a/package.json b/package.json
index d53bce2d..6d35986f 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
     "vue": "^v3.5.13",
     "vue-boring-avatars": "^1.4.0",
     "vue-debounce": "^3.0.2",
-    "vue-i18n": "^11",
+    "vue-i18n": "^11.4",
     "vue-router": "^4.1.3",
     "vue-template-compiler": "^2.0.0",
     "vue-virtual-scroller": "^2.0.0-beta.7",
diff --git a/yarn.lock b/yarn.lock
index 5a4af399..c7e84494 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1163,26 +1163,35 @@
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
   integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
 
-"@intlify/core-base@11.1.12":
-  version "11.1.12"
-  resolved "https://registry.yarnpkg.com/@intlify/core-base/-/core-base-11.1.12.tgz#e02529021a4e69f8a1adcca5ce61963c71cd72ba"
-  integrity sha512-whh0trqRsSqVLNEUCwU59pyJZYpU8AmSWl8M3Jz2Mv5ESPP6kFh4juas2NpZ1iCvy7GlNRffUD1xr84gceimjg==
+"@intlify/core-base@11.4.5":
+  version "11.4.5"
+  resolved "https://registry.yarnpkg.com/@intlify/core-base/-/core-base-11.4.5.tgz#63cc25be7fe6b6d945a61f343aa82bb95050fcb3"
+  integrity sha512-lja3F/iKVIvTa48mIwmrIeDcQUFZ0F0drvFvT8AwINOvbwnAzl/S/p8p2DxILZpWEUHRi1qewfWNIkMvhD3kKA==
   dependencies:
-    "@intlify/message-compiler" "11.1.12"
-    "@intlify/shared" "11.1.12"
+    "@intlify/devtools-types" "11.4.5"
+    "@intlify/message-compiler" "11.4.5"
+    "@intlify/shared" "11.4.5"
 
-"@intlify/message-compiler@11.1.12":
-  version "11.1.12"
-  resolved "https://registry.yarnpkg.com/@intlify/message-compiler/-/message-compiler-11.1.12.tgz#27e69790b711a92cddb07175187dd09a7b270b55"
-  integrity sha512-Fv9iQSJoJaXl4ZGkOCN1LDM3trzze0AS2zRz2EHLiwenwL6t0Ki9KySYlyr27yVOj5aVz0e55JePO+kELIvfdQ==
+"@intlify/devtools-types@11.4.5":
+  version "11.4.5"
+  resolved "https://registry.yarnpkg.com/@intlify/devtools-types/-/devtools-types-11.4.5.tgz#ea9b7bf1626ea547bceb55cfd0af8391e05cd990"
+  integrity sha512-W5vydP9Yq3t82IyWqCM6aR0BTWCZrN5RAwjZEPpH8I2OQWp2RLy03Evh2ANZlSMhcvGAoyDg25k0so85Kwncpw==
   dependencies:
-    "@intlify/shared" "11.1.12"
+    "@intlify/core-base" "11.4.5"
+    "@intlify/shared" "11.4.5"
+
+"@intlify/message-compiler@11.4.5":
+  version "11.4.5"
+  resolved "https://registry.yarnpkg.com/@intlify/message-compiler/-/message-compiler-11.4.5.tgz#da059bb41cee170245d15fcdcade7c1e031169e5"
+  integrity sha512-IEOZiHtbQopyPc/Dz2M869lOlZYX1SdcniNJwphATDYHhovvIneEKf1EFF37DE7NAABZtza1FNtnwwqZWInfpw==
+  dependencies:
+    "@intlify/shared" "11.4.5"
     source-map-js "^1.0.2"
 
-"@intlify/shared@11.1.12":
-  version "11.1.12"
-  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-11.1.12.tgz#ab41083e017d622cf63c7dc88a0ee0bc27f4127a"
-  integrity sha512-Om86EjuQtA69hdNj3GQec9ZC0L0vPSAnXzB3gP/gyJ7+mA7t06d9aOAiqMZ+xEOsumGP4eEBlfl8zF2LOTzf2A==
+"@intlify/shared@11.4.5":
+  version "11.4.5"
+  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-11.4.5.tgz#18d842c41b43fef73f3327e7cbbec92751a16a4b"
+  integrity sha512-g/i5mtdUa9ia/8BaJ4w6ZRHgAXYQd9XyCaQPRMvsd8d5qmZwkjoTmHrNsI28Q/7I8h+2ijUkI4uEnnMCziKupQ==
 
 "@jimp/bmp@^0.16.13":
   version "0.16.13"
@@ -6041,13 +6050,14 @@ vue-eslint-parser@^9.3.1:
     lodash "^4.17.21"
     semver "^7.3.6"
 
-vue-i18n@^11:
-  version "11.1.12"
-  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-11.1.12.tgz#230b21d65dd89343ebd40d19c9e3cfb13db8c1fd"
-  integrity sha512-BnstPj3KLHLrsqbVU2UOrPmr0+Mv11bsUZG0PyCOzsawCivk8W00GMXHeVUWIDOgNaScCuZah47CZFE+Wnl8mw==
+vue-i18n@^11.4:
+  version "11.4.5"
+  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-11.4.5.tgz#41dac75b7c25dff6a819b7f7835cac99e32ec41e"
+  integrity sha512-rm8YJ6RpjOrkcgS2GLrZwLvs/VbhxbTSuEspbyXDo233+fPK0OMFNLOj3fdQYVKdOgcpSfLW91JhbqgpkkcBWA==
   dependencies:
-    "@intlify/core-base" "11.1.12"
-    "@intlify/shared" "11.1.12"
+    "@intlify/core-base" "11.4.5"
+    "@intlify/devtools-types" "11.4.5"
+    "@intlify/shared" "11.4.5"
     "@vue/devtools-api" "^6.5.0"
 
 vue-observe-visibility@^2.0.0-alpha.1:

From 870dd97b0e812fb480682c12bd00f3331d8333ca Mon Sep 17 00:00:00 2001
From: Marco Rodolfi <marco.rodolfi@tuta.io>
Date: Wed, 17 Jun 2026 17:29:41 +0200
Subject: [PATCH 10/11] Final cleanup pass of the original commits

---
 src/components/AlbumView/AlbumDiscBar.vue     |  5 +-
 src/components/AlbumView/GenreBanner.vue      |  3 -
 src/components/AlbumView/Header/Stats.vue     |  4 +-
 src/components/ArtistView/AlbumsFetcher.vue   |  3 -
 .../ArtistView/HeaderComponents/Info.vue      |  3 -
 src/components/ArtistView/TopTracks.vue       |  2 -
 src/components/BottomBar/Left.vue             |  3 -
 src/components/BottomBar/Right.vue            |  3 -
 src/components/CardListView/SortBanner.vue    |  4 +-
 src/components/Favorites/RecentsItemCard.vue  |  3 -
 src/components/FolderView/FolderItem.vue      |  3 -
 src/components/HomeView/Browse.vue            |  6 +-
 src/components/NowPlaying/NowPlayingInfo.vue  |  2 +-
 src/components/Onboarding/Account.vue         | 18 +++--
 src/components/Onboarding/FilePicker.vue      | 11 ++-
 src/components/Onboarding/Finish.vue          |  8 +-
 src/components/Onboarding/RootDirs.vue        | 25 ++++---
 src/components/Onboarding/Welcome.vue         |  8 +-
 .../PlaylistView/Header/LastUpdated.vue       |  3 -
 .../RightSideBar/Search/TabsWrapper.vue       |  4 +-
 .../SettingsView/Components/BackupRestore.vue |  8 +-
 .../SettingsView/Components/License.vue       | 11 +--
 .../SettingsView/Components/NumberInput.vue   |  4 +-
 src/components/Stats/ChartsHeader.vue         |  4 +-
 src/components/bubbles/DropArea.vue           |  5 --
 src/components/modals/CrudPage.vue            |  4 +-
 src/components/modals/NewPlaylist.vue         |  4 +-
 src/components/modals/RootDirsPrompt.vue      |  4 +-
 .../modals/settings/custom/Accounts.vue       |  5 +-
 .../modals/settings/custom/Pairing.vue        |  4 +-
 src/components/nav/NavSidenav.vue             |  2 +-
 src/i18n.ts                                   |  2 +-
 src/locales/en_US.json                        | 73 +++++++++++++++++--
 src/locales/it_IT.json                        | 73 +++++++++++++++++--
 src/settings/general/artists.ts               | 11 ++-
 src/stores/queue/tracklist.ts                 |  4 +-
 src/utils/dates.ts                            |  9 ++-
 src/utils/index.ts                            | 11 ---
 src/utils/playingFrom.ts.rej                  | 10 ---
 src/utils/updatePageTitle.ts                  |  5 +-
 src/utils/useFormatSeconds.ts                 | 10 ++-
 src/views/AlbumView/index.vue                 |  4 +-
 src/views/ArtistDiscography.vue               |  4 +-
 src/views/ArtistView/Main.vue                 |  4 +-
 src/views/Favorites.vue                       |  4 +-
 src/views/FolderView.vue                      |  4 +-
 src/views/HomeView/main.vue                   |  4 +-
 src/views/LyricsView/main.vue                 |  3 +-
 src/views/PlaylistList.vue                    |  8 +-
 src/views/PlaylistView/index.vue              |  4 +-
 src/views/SearchView/main.vue                 |  4 +-
 src/views/SearchView/tracks.vue               |  4 +-
 src/views/SettingsView.vue                    |  4 +-
 53 files changed, 262 insertions(+), 173 deletions(-)
 delete mode 100644 src/utils/playingFrom.ts.rej

diff --git a/src/components/AlbumView/AlbumDiscBar.vue b/src/components/AlbumView/AlbumDiscBar.vue
index f6909fdd..90285c2c 100644
--- a/src/components/AlbumView/AlbumDiscBar.vue
+++ b/src/components/AlbumView/AlbumDiscBar.vue
@@ -1,7 +1,7 @@
 <template>
     <div v-if="album_disc.is_album_disc_number" class="album_disc_header no-select">
         <div class="disc_number">
-            Disc {{ album_disc.album_page_disc_number }}
+            {{ $t('AlbumView.DiskNumber', { num: album_disc.album_page_disc_number }) }}
             <span @click="$emit('playDisc', album_disc.album_page_disc_number || 0)" class="play">
                 <PlaySvg /> {{ $t('AlbumView.PlayDisc') }} {{ album_disc.album_page_disc_number }}</span
             >
@@ -13,9 +13,6 @@
 <script setup lang="ts">
 import PlaySvg from '@/assets/icons/play.svg'
 import { AlbumDisc } from '@/interfaces'
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
 
 defineProps<{
     album_disc: AlbumDisc
diff --git a/src/components/AlbumView/GenreBanner.vue b/src/components/AlbumView/GenreBanner.vue
index 19a07163..bad3e725 100644
--- a/src/components/AlbumView/GenreBanner.vue
+++ b/src/components/AlbumView/GenreBanner.vue
@@ -27,12 +27,9 @@
 import useAlbumStore from "@/stores/pages/album";
 import useArtistStore from "@/stores/pages/artist";
 import { computed, onMounted } from "vue";
-import { useI18n } from "vue-i18n";
 
 import { getShift } from "@/utils/colortools/shift";
 
-const { t } = useI18n();
-
 const album = useAlbumStore();
 const store = useArtistStore();
 
diff --git a/src/components/AlbumView/Header/Stats.vue b/src/components/AlbumView/Header/Stats.vue
index 1eeffd2b..f9cf98ad 100644
--- a/src/components/AlbumView/Header/Stats.vue
+++ b/src/components/AlbumView/Header/Stats.vue
@@ -18,7 +18,7 @@
 
 <script setup lang="ts">
 import { computed } from "vue";
-import { useI18n } from "vue-i18n";
+import { useT } from "@/i18n";
 
 import { Album } from "@/interfaces";
 import { isSmallPhone } from "@/stores/content-width";
@@ -26,7 +26,7 @@ import { formatSeconds } from "@/utils";
 
 import ArtistName from "@/components/shared/ArtistName.vue";
 
-const { t } = useI18n();
+const { t } = useT();
 
 const props = defineProps<{
   album: Album;
diff --git a/src/components/ArtistView/AlbumsFetcher.vue b/src/components/ArtistView/AlbumsFetcher.vue
index 9ebb7c13..5f13f6ec 100644
--- a/src/components/ArtistView/AlbumsFetcher.vue
+++ b/src/components/ArtistView/AlbumsFetcher.vue
@@ -7,12 +7,9 @@
 <script setup lang="ts">
 import { nextTick, onMounted } from "vue";
 import { onBeforeRouteUpdate } from "vue-router";
-import { useI18n } from "vue-i18n";
 
 import { updateCardWidth } from "@/stores/content-width";
 
-const { t } = useI18n();
-
 const props = defineProps<{
   show_text?: boolean;
   fetch_callback: () => Promise<void>;
diff --git a/src/components/ArtistView/HeaderComponents/Info.vue b/src/components/ArtistView/HeaderComponents/Info.vue
index 4cd150a5..a40d7de8 100644
--- a/src/components/ArtistView/HeaderComponents/Info.vue
+++ b/src/components/ArtistView/HeaderComponents/Info.vue
@@ -32,9 +32,6 @@ import { getTextColor } from '@/utils/colortools/shift'
 import { Artist } from '@/interfaces'
 import formatSeconds from '@/utils/useFormatSeconds'
 import Buttons from './Buttons.vue'
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
 
 defineProps<{
     artist: Artist
diff --git a/src/components/ArtistView/TopTracks.vue b/src/components/ArtistView/TopTracks.vue
index cff19d1c..cb83f320 100644
--- a/src/components/ArtistView/TopTracks.vue
+++ b/src/components/ArtistView/TopTracks.vue
@@ -24,9 +24,7 @@ import { Track } from '@/interfaces'
 import { isMedium, isSmall } from '@/stores/content-width'
 import SeeAll from '../shared/SeeAll.vue'
 import SongItem from '../shared/SongItem.vue'
-import { useI18n } from "vue-i18n";
 
-const { t } = useI18n();
 
 defineProps<{
     tracks: Track[]
diff --git a/src/components/BottomBar/Left.vue b/src/components/BottomBar/Left.vue
index 5545640f..edaed96a 100644
--- a/src/components/BottomBar/Left.vue
+++ b/src/components/BottomBar/Left.vue
@@ -61,8 +61,6 @@
 </template>
 
 <script setup lang="ts">
-import { useI18n } from "vue-i18n";
-
 import { paths } from '@/config'
 import { Routes } from '@/router'
 import { getShift } from '@/utils/colortools/shift'
@@ -82,7 +80,6 @@ import ExplicitIcon from '@/assets/icons/explicit.svg'
 import ImageLoader from '@/components/shared/ImageLoader.vue'
 import ArtistName from '@/components/shared/ArtistName.vue'
 
-const { t } = useI18n();
 const queue = useQStore()
 const colors = useColorStore()
 const settings = useSettingsStore()
diff --git a/src/components/BottomBar/Right.vue b/src/components/BottomBar/Right.vue
index 07aa6165..4bb7bb5d 100644
--- a/src/components/BottomBar/Right.vue
+++ b/src/components/BottomBar/Right.vue
@@ -26,7 +26,6 @@
 <script setup lang="ts">
 import useQueue from '@/stores/queue'
 import useSettings from '@/stores/settings'
-import { useI18n } from "vue-i18n";
 
 
 import RepeatOneSvg from '@/assets/icons/repeat-one.svg'
@@ -36,8 +35,6 @@ import HeartSvg from '../shared/HeartSvg.vue'
 import LyricsButton from '../shared/LyricsButton.vue'
 import Volume from './Volume.vue'
 
-const { t } = useI18n();
-
 const queue = useQueue()
 const settings = useSettings()
 
diff --git a/src/components/CardListView/SortBanner.vue b/src/components/CardListView/SortBanner.vue
index c661fc7a..550de528 100644
--- a/src/components/CardListView/SortBanner.vue
+++ b/src/components/CardListView/SortBanner.vue
@@ -22,9 +22,9 @@ import { useRoute } from 'vue-router'
 import { useAlbumList, useArtistList } from '@/stores/pages/itemlist'
 import SortKey from './SortKey.vue'
 import ChartSvg from '@/assets/icons/chart.svg'
-import { useI18n } from "vue-i18n";
+import { useT } from '@/i18n.js'
 
-const { t } = useI18n();
+const { t } = useT();
 
 const route = useRoute()
 const store = route.name === Routes.AlbumList ? useAlbumList() : useArtistList()
diff --git a/src/components/Favorites/RecentsItemCard.vue b/src/components/Favorites/RecentsItemCard.vue
index 32d3278a..93b02d68 100644
--- a/src/components/Favorites/RecentsItemCard.vue
+++ b/src/components/Favorites/RecentsItemCard.vue
@@ -29,9 +29,6 @@
 import { RecentFavResult } from "@/interfaces";
 import { Routes } from "@/router";
 import { paths } from "../../config";
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
 
 defineProps<{
   fav: RecentFavResult;
diff --git a/src/components/FolderView/FolderItem.vue b/src/components/FolderView/FolderItem.vue
index a050dc0b..17fce7e7 100644
--- a/src/components/FolderView/FolderItem.vue
+++ b/src/components/FolderView/FolderItem.vue
@@ -31,9 +31,6 @@
 <script setup lang="ts">
 import { Routes } from "@/router";
 import { ref } from "vue";
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
 
 import { Folder } from "@/interfaces";
 
diff --git a/src/components/HomeView/Browse.vue b/src/components/HomeView/Browse.vue
index cfec62c5..16f40185 100644
--- a/src/components/HomeView/Browse.vue
+++ b/src/components/HomeView/Browse.vue
@@ -34,9 +34,9 @@ import { triggerScan } from "@/requests/settings/rootdirs";
 import { Routes } from "@/router";
 import { album_card_with } from "@/stores/content-width";
 import useDialog from "@/stores/modal";
-import { useI18n } from "vue-i18n";
+import { useT } from "@/i18n";
 
-const { t } = useI18n();
+const { t } = useT();
 
 const browselist = [
   {
@@ -87,7 +87,7 @@ const browselist = [
     class: "favorite",
   },
   // {
-  //   title: "Settings",
+  //   title: t('Common.Settings'),
   //   route: null,
   //   icon: SettingsIcon,
   //   action: () => {
diff --git a/src/components/NowPlaying/NowPlayingInfo.vue b/src/components/NowPlaying/NowPlayingInfo.vue
index b9bd2d07..a206d1d9 100644
--- a/src/components/NowPlaying/NowPlayingInfo.vue
+++ b/src/components/NowPlaying/NowPlayingInfo.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="now-playing-info">
         <div class="text">
-            <div class="title">{{ queue.currenttrack?.title || $t('Common.SwingMusic') }}</div>
+            <div class="title">{{ queue.currenttrack?.title || $t('Common.AppTitle') }}</div>
             <div class="artist">
                 <ArtistName
                     v-if="queue.currenttrack"
diff --git a/src/components/Onboarding/Account.vue b/src/components/Onboarding/Account.vue
index 19f2419b..88f539de 100644
--- a/src/components/Onboarding/Account.vue
+++ b/src/components/Onboarding/Account.vue
@@ -3,18 +3,18 @@
         <form class="createadmin" @submit.prevent="createAccount">
             <Avatar class="avatar" :name="username" :size="48"/>
             <div>
-                <div class="heading">Create account</div>
-                <div class="description">This account will be used to manage your server.</div>
+                <div class="heading">{{ $t('Onboarding.CreateAccountTitle') }}</div>
+                <div class="description">{{ $t('Onboarding.CreateAccountDesc') }}</div>
             </div>
             <br />
             <div class="form">
                 <div class="names">
-                    <label for="username">Username</label>
+                    <label for="username">{{ $t('Common.Username') }}</label>
                     <Input :placeholder="username" input-id="username" required @input="input => (username = input)" />
                 </div>
                 <div class="passwords">
                     <div class="names">
-                        <label for="password">Password</label>
+                        <label for="password">{{ $t('Common.Password') }}</label>
                         <Input
                             :placeholder="password"
                             type="password"
@@ -24,7 +24,7 @@
                         />
                     </div>
                     <div class="names">
-                        <label for="confirmPassword">Confirm Password</label>
+                        <label for="confirmPassword">{{ $t('Common.ConfirmPass')}}</label>
                         <Input
                             :placeholder="confirmPassword"
                             type="password"
@@ -35,7 +35,7 @@
                     </div>
                 </div>
             </div>
-            <button class="btn-continue">Create account</button>
+            <button class="btn-continue">{{ $t('Common.CreateAccount' )}}</button>
         </form>
     </div>
 </template>
@@ -45,7 +45,9 @@ import { onMounted, ref } from 'vue'
 import { addNewUser } from '@/requests/auth'
 import Input from '@/components/shared/Input.vue'
 import Avatar from '@/components/shared/Avatar.vue'
+import { useT } from '@/i18n'
 
+const { t } = useT()
 const username = ref('')
 const password = ref('✶✶✶✶✶✶✶✶')
 const confirmPassword = ref('✶✶✶✶✶✶✶✶')
@@ -55,12 +57,12 @@ const emit = defineEmits(['accountCreated', 'error'])
 function validatePassword() {
     // check if password is at least 8 characters
     if (password.value.length < 8) {
-        return emit('error', 'Password must be at least 8 characters')
+        return emit('error', t('Onboarding.ErrorPassTooShort'))
     }
 
     // check if password and confirm password match
     if (password.value !== confirmPassword.value) {
-        return emit('error', 'Passwords do not match')
+        return emit('error', t('Onboarding.ErrorPassDoNotMatch'))
     }
 
     emit('error', '')
diff --git a/src/components/Onboarding/FilePicker.vue b/src/components/Onboarding/FilePicker.vue
index c25673ba..8db7dbdf 100644
--- a/src/components/Onboarding/FilePicker.vue
+++ b/src/components/Onboarding/FilePicker.vue
@@ -22,7 +22,7 @@
                         class="btn-finish"
                         @click="$emit('submitDirs', finalSelection.length ? finalSelection : [currentPath])"
                     >
-                        Continue
+                    {{ $t('Common.Continue') }}
                     </button></span
                 >
             </div>
@@ -51,9 +51,9 @@
         <div class="help rounded-sm">
             <div class="help-content">
                 <InfoSvg />
-                <span>Use (⌘/Ctrl or Shift) + Click to select multiple folders</span>
+                <span>{{ $t('Onboarding.FilePicker.Help')}}</span>
             </div>
-            <span>{{ selectedFolders.size }} Selected</span>
+            <span>{{ $t('Onboarding.FilePicker.Selected', {sel: selectedFolders.size}) }}</span>
         </div>
     </div>
 </template>
@@ -73,6 +73,9 @@ import ArrowLeftSvg from '@/assets/icons/arrow.svg'
 import InfoSvg from '@/assets/icons/info.svg'
 import { Folder } from '@/interfaces'
 import { createSubPaths } from '@/utils'
+import { useT } from '@/i18n.js'
+
+const { t } = useT()
 
 const props = defineProps<{
     userhome: string
@@ -93,7 +96,7 @@ const renderedFolders = computed(() => {
 
     if (first2.length >= 2) {
         first2[0].name = '↑'
-        first2[1].name = '. (this folder)'
+        first2[1].name = t('Onboarding.FilePicker.ThisFolderHelp')
     }
 
     return first2
diff --git a/src/components/Onboarding/Finish.vue b/src/components/Onboarding/Finish.vue
index a2bb6895..024fa40c 100644
--- a/src/components/Onboarding/Finish.vue
+++ b/src/components/Onboarding/Finish.vue
@@ -1,12 +1,12 @@
 <template>
     <div class="onboardingfinish">
         <div class="heading">
-            <span v-if="isFinished">You're all set! 🎉</span>
-            <span v-else>You're almost there!</span>
+            <span v-if="isFinished">{{ $t('Onboarding.Finish.TitleDone')}}</span>
+            <span v-else>{{ $t('Onboarding.Finish.TitleAlmostDone') }}</span>
         </div>
         <div class="description">
-            <span v-if="isFinished">Click the button below to continue to your library.</span
-            ><span v-else>Swing Music is scanning your music folders. Please wait ...</span>
+            <span v-if="isFinished">{{ $t('Onboarding.Finish.ConfirmButton') }}</span
+            ><span v-else>{{ $t('Onboarding.Finish.Processing') }}</span>
         </div>
         <br />
         <div class="progress">
diff --git a/src/components/Onboarding/RootDirs.vue b/src/components/Onboarding/RootDirs.vue
index cf460264..559097ff 100644
--- a/src/components/Onboarding/RootDirs.vue
+++ b/src/components/Onboarding/RootDirs.vue
@@ -1,15 +1,15 @@
 <template>
     <FilePicker v-if="showFilePicker" :userhome="userHome" @submitDirs="handleSubmitDirs" @cancel="toggleFilePicker" />
     <div v-else class="rootdirconfig">
-        <div class="heading">Configure music folders</div>
-        <div class="description">Where do you want Swing Music to look for music?</div>
+        <div class="heading">{{ $t('Onboarding.RootDirs.Title')}}</div>
+        <div class="description">{{ $t('Onboarding.RootDirs.TitleDesc') }}</div>
         <br />
         <div class="options">
             <div class="option" tabindex="0" @click="toggleHomeDir" @keydown="handleKeyDown($event, toggleHomeDir)">
                 <div>
-                    <div class="option-title">Home directory</div>
+                    <div class="option-title">{{ $t('Onboarding.RootDirs.HomeDir') }}</div>
                     <div class="option-description">
-                        Scan all folders in <span class="userhome">{{ userHome }}</span>
+                        {{ $t('Onboarding.RootDirs.HomeDirDesc') }} <span class="userhome">{{ userHome }}</span>
                     </div>
                 </div>
                 <div class="option-selected">
@@ -24,28 +24,28 @@
                 @keydown="handleKeyDown($event, toggleFilePicker)"
             >
                 <div>
-                    <div class="option-title">Specific directory</div>
+                    <div class="option-title"> {{ $t('Onboarding.RootDirs.SpecificFolder') }}</div>
                     <div class="option-description">
                         {{
                             specificDirsSelected
-                                ? `${finalRootDirs.length} folder${finalRootDirs.length !== 1 ? 's' : ''} selected`
-                                : 'Select folder to scan for music'
+                                ? t('Onboarding.RootDirs.FolderSelected', {n: finalRootDirs.length}, finalRootDirs.length)
+                                : t('Onboarding.RootDirs.FolderSelectedDesc')
                         }}
                     </div>
                 </div>
                 <div v-show="specificDirsSelected" class="option-selected">
-                    <span>Add Folders</span>
+                    <span>{{ $t('Onboarding.RootDirs.AddFolders') }}</span>
                     <CheckSvg v-if="specificDirsSelected" height="1.75rem" />
                 </div>
             </div>
         </div>
         <br />
         <div class="btn-container">
-            <button class="btn-continue" @click="handleContinue">{{ fromSettings ? 'Update' : 'Continue' }}</button>
+            <button class="btn-continue" @click="handleContinue">{{ fromSettings ? $t('Common.Update') : $t('Common.Continue') }}</button>
         </div>
     </div>
     <div v-if="rootDirs.length > 0 && !homeDirSelected" class="selected-folders rounded-sm">
-        <div class="heading">{{ finalRootDirs.length }} selected folders</div>
+        <div class="heading">{{ t('Onboarding.RootDirs.FolderSelected', {n: finalRootDirs.length}, finalRootDirs.length) }}</div>
         <div class="folders">
             <div v-for="folder in finalRootDirs" :key="folder" class="folder">
                 <FolderSvg />
@@ -77,6 +77,9 @@ import FilePicker from './FilePicker.vue'
 import FolderSvg from '@/assets/icons/folder.svg'
 import SubtractSvg from '@/assets/icons/subtract.svg'
 import CheckSvg from '@/assets/icons/check.filled.svg'
+import { useT } from '@/i18n.js'
+
+const { t } = useT()
 
 // SECTION: Props & Emits
 const props = defineProps<{
@@ -166,7 +169,7 @@ function handleRemoveFolder(folder: string) {
 
 async function handleContinue() {
     if (!rootDirs.value.length) {
-        emit('error', 'Please select a root directory')
+        emit('error', t('Onboarding.RootDirs.ErrorSelectRootFolder'))
         return
     }
 
diff --git a/src/components/Onboarding/Welcome.vue b/src/components/Onboarding/Welcome.vue
index aaf4aa14..0ff56ee2 100644
--- a/src/components/Onboarding/Welcome.vue
+++ b/src/components/Onboarding/Welcome.vue
@@ -1,13 +1,13 @@
 <template>
     <div class="welcome">
         <div class="logo"><LogoSvg /></div>
-        <div class="heading">Welcome to</div>
-        <div class="appname">Swing Music</div>
+        <div class="heading">{{ $t('Onboarding.Welcome.Title') }}</div>
+        <div class="appname">{{ $t('Common.AppTitle') }}</div>
         <p class="tagline">
-            Click the button below to let's create your account <br />
+            {{ $t('Onboarding.Welcome.Tagline') }}<br />
             <!-- and configure your music folders to get started. -->
         </p>
-        <button class="btn-continue" tabindex="0" @click="emit('continue')">Get Started</button>
+        <button class="btn-continue" tabindex="0" @click="emit('continue')">{{ $t('Onboarding.Welcome.GetStarted') }}</button>
     </div>
 </template>
 
diff --git a/src/components/PlaylistView/Header/LastUpdated.vue b/src/components/PlaylistView/Header/LastUpdated.vue
index 5f314b6a..06ceea82 100644
--- a/src/components/PlaylistView/Header/LastUpdated.vue
+++ b/src/components/PlaylistView/Header/LastUpdated.vue
@@ -15,9 +15,6 @@ import { isHeaderSmall } from '@/stores/content-width'
 
 import useModalStore from '@/stores/modal'
 import usePStore from '@/stores/pages/playlist'
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
 
 const playlist = usePStore()
 const modal = useModalStore()
diff --git a/src/components/RightSideBar/Search/TabsWrapper.vue b/src/components/RightSideBar/Search/TabsWrapper.vue
index 108c684d..ad1b5f1c 100644
--- a/src/components/RightSideBar/Search/TabsWrapper.vue
+++ b/src/components/RightSideBar/Search/TabsWrapper.vue
@@ -20,9 +20,9 @@
 
 <script setup lang="ts">
 
-import { useI18n } from 'vue-i18n';
+import { useT } from '@/i18n';
 
-const { t } = useI18n();
+const { t } = useT();
 
 function resolveButtonTabName(id: string): string {
     switch (id){
diff --git a/src/components/SettingsView/Components/BackupRestore.vue b/src/components/SettingsView/Components/BackupRestore.vue
index 1445bef1..21350688 100644
--- a/src/components/SettingsView/Components/BackupRestore.vue
+++ b/src/components/SettingsView/Components/BackupRestore.vue
@@ -31,15 +31,13 @@
 </template>
 
 <script setup lang="ts">
-import { useI18n } from "vue-i18n";
-
 import { backupNow, getBackups, restoreBackup, deleteBackup as deleteBackupReq } from '@/requests/settings'
 import { onMounted, ref } from 'vue'
 import { useToast } from '@/stores/notification'
 import DeleteSvg from '@/assets/icons/delete.svg'
-import { pruralize } from '@/utils'
+import { useT } from "@/i18n";
 
-const { t } = useI18n();
+const { t } = useT();
 
 const toast = useToast()
 
@@ -61,7 +59,7 @@ async function doBackup() {
     const res = await backupNow()
 
     if (res.status === 200) {
-        toast.showSuccess('Backup created')
+        toast.showSuccess(t('Settings.Backup.BackupSuccess'))
         backups.value.unshift(res.data)
     } else {
         toast.showError(res.data.msg)
diff --git a/src/components/SettingsView/Components/License.vue b/src/components/SettingsView/Components/License.vue
index 0f3f6b82..2a4216c3 100644
--- a/src/components/SettingsView/Components/License.vue
+++ b/src/components/SettingsView/Components/License.vue
@@ -8,17 +8,18 @@
             <div class="info">
                 <div class="header">
                     <b
-                        ><span v-if="!licenseInfo">GitHub Sponsor Benefits</span
-                        ><span v-else>Thank you for sponsoring Swing Music!</span></b
+                        ><span v-if="!licenseInfo">{{ $t('Settings.License.GithubSponsorTitle') }}</span
+                        ><span v-else>{{ $t('Settings.Backup.ThankYouMessage') }}</span></b
                     >
                 </div>
                 <div class="desc">
                     <span v-if="!licenseInfo">
-                        Swing Music Premium is available to all our GitHub Sponsors. Log in with GitHub to get access.
+                        {{ $t('Settings.License.NoGithubLogin') }}
+                        
                     </span>
                     <span v-else>
-                        Hello @{{ licenseInfo.customer.name }}! You have access to Swing Music Premium. <br />
-                        Thank you for your support. ❤️❤️</span
+                        {{ $t('Settings.License.ThanksCustName', {cust: licenseInfo.customer.name}) }}<br />
+                        {{ $t('Settings.License.ThanksWithHearts') }}</span
                     >
 
                     <!-- <br /><br /> -->
diff --git a/src/components/SettingsView/Components/NumberInput.vue b/src/components/SettingsView/Components/NumberInput.vue
index a7ad0065..b195b534 100644
--- a/src/components/SettingsView/Components/NumberInput.vue
+++ b/src/components/SettingsView/Components/NumberInput.vue
@@ -6,11 +6,11 @@
 </template>
 
 <script setup lang="ts">
+import { useT } from '@/i18n';
 import { useToast } from '@/stores/notification'
 import { ref } from 'vue'
-import { useI18n } from "vue-i18n";
 
-const { t } = useI18n();
+const { t } = useT();
 
 const toast = useToast()
 
diff --git a/src/components/Stats/ChartsHeader.vue b/src/components/Stats/ChartsHeader.vue
index 42f863de..d823ea23 100644
--- a/src/components/Stats/ChartsHeader.vue
+++ b/src/components/Stats/ChartsHeader.vue
@@ -28,9 +28,9 @@
 
 <script setup lang="ts">
 
-import { useI18n } from 'vue-i18n'
+import { useT } from '@/i18n';
 
-const { t } = useI18n()
+const { t } = useT()
 
 defineProps<{
     name: string
diff --git a/src/components/bubbles/DropArea.vue b/src/components/bubbles/DropArea.vue
index c441204d..8d26f367 100644
--- a/src/components/bubbles/DropArea.vue
+++ b/src/components/bubbles/DropArea.vue
@@ -5,11 +5,6 @@
     <br />
   </div>
 </template>
-<script setup lang="ts">
-import { useI18n } from "vue-i18n";
-
-const { t } = useI18n();
-</script>
 <style lang="scss">
 .bin-drop-area {
   // background-color: $gray;
diff --git a/src/components/modals/CrudPage.vue b/src/components/modals/CrudPage.vue
index 750ba444..03fadf28 100644
--- a/src/components/modals/CrudPage.vue
+++ b/src/components/modals/CrudPage.vue
@@ -23,9 +23,9 @@ import { Collection } from '@/interfaces'
 import { createNewCollection, deleteCollection, updateCollection } from '@/requests/collections'
 import { router } from '@/router'
 import { NotifType, Notification } from '@/stores/notification'
-import { useI18n } from 'vue-i18n'
+import { useT } from '@/i18n'
 
-const { t } = useI18n();
+const { t } = useT();
 
 const props = defineProps<{
     collection?: Collection
diff --git a/src/components/modals/NewPlaylist.vue b/src/components/modals/NewPlaylist.vue
index 63fde3c5..337dfc0e 100644
--- a/src/components/modals/NewPlaylist.vue
+++ b/src/components/modals/NewPlaylist.vue
@@ -29,9 +29,9 @@ import {
 import { NotifType, Notification } from "@/stores/notification";
 import usePlaylistStore from "@/stores/pages/playlists";
 import useTracklist from "@/stores/queue/tracklist";
-import { useI18n } from "vue-i18n";
+import { useT } from "@/i18n";
 
-const { t } = useI18n();
+const { t } = useT();
 
 const props = defineProps<{
   trackhash?: string;
diff --git a/src/components/modals/RootDirsPrompt.vue b/src/components/modals/RootDirsPrompt.vue
index b7cf83bc..a9c911b6 100644
--- a/src/components/modals/RootDirsPrompt.vue
+++ b/src/components/modals/RootDirsPrompt.vue
@@ -16,9 +16,9 @@ import { onMounted, ref } from "vue";
 import { addRootDirs, getRootDirs } from "@/requests/settings/rootdirs";
 import useModalStore from "@/stores/modal";
 import useSettingsStore from "@/stores/settings";
-import { useI18n } from "vue-i18n";
+import { useT } from "@/i18n";
 
-const { t } = useI18n();
+const { t } = useT();
 
 const settings = useSettingsStore();
 
diff --git a/src/components/modals/settings/custom/Accounts.vue b/src/components/modals/settings/custom/Accounts.vue
index 4d357570..5546d544 100644
--- a/src/components/modals/settings/custom/Accounts.vue
+++ b/src/components/modals/settings/custom/Accounts.vue
@@ -82,10 +82,9 @@ import PlusSvg from '@/assets/icons/plus.svg'
 import Avatar from '@/components/shared/Avatar.vue'
 import Profile from '../Profile.vue'
 import ToggleSetting from './ToggleSetting.vue'
+import { useT } from '@/i18n.js'
 
-import { useI18n } from 'vue-i18n';
-
-const { t } = useI18n();
+const { t } = useT();
 
 const auth = useAuth()
 const toast = useToast()
diff --git a/src/components/modals/settings/custom/Pairing.vue b/src/components/modals/settings/custom/Pairing.vue
index 56a577ab..556883ef 100644
--- a/src/components/modals/settings/custom/Pairing.vue
+++ b/src/components/modals/settings/custom/Pairing.vue
@@ -26,9 +26,9 @@ import { sendPairRequest } from '@/requests/auth'
 import { useI18n } from 'vue-i18n';
 //Here just to force the component to rerender on locale changes
 import { useCookies } from '@vueuse/integrations/useCookies';
-const cookies = useCookies(['locale']);
+import { useT } from '@/i18n';
 
-const { t } = useI18n();
+const { t } = useT();
 
 const qrLoaded = ref(false)
 // @ts-expect-error
diff --git a/src/components/nav/NavSidenav.vue b/src/components/nav/NavSidenav.vue
index a951ac63..2f9f1736 100644
--- a/src/components/nav/NavSidenav.vue
+++ b/src/components/nav/NavSidenav.vue
@@ -3,7 +3,7 @@
         <div class="sidenav_header">
             <a @click="closeSidenav" class="sidenav_logo" href="#">
                 <div class="art"><LogoSvg /></div>
-                <div class="title">Swing Music</div>
+                <div class="title">{{ $t('Common.AppTitle') }}</div>
             </a>
         </div>
         <div class="sidenav_content scrollable">
diff --git a/src/i18n.ts b/src/i18n.ts
index 8519eae3..13a01d0f 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -9,7 +9,7 @@ const userLocale = navigator.language;
 export const supportedLocales = ['en_US', 'it_IT', 'ko'];
 const fallbackLocale = 'en_US';
 const cookies = useCookies();
-const locale = supportedLocales.includes(userLocale) ? userLocale : fallbackLocale;
+export const locale = supportedLocales.includes(userLocale) ? userLocale : fallbackLocale;
 
 const i18n = createI18n({
   legacy: false,
diff --git a/src/locales/en_US.json b/src/locales/en_US.json
index 226e3436..5a7f62af 100644
--- a/src/locales/en_US.json
+++ b/src/locales/en_US.json
@@ -85,7 +85,14 @@
     "LogIn": "Login",
     "Autodetect": "autodetect",
     "FileName": "File Name",
-    "SwingMusic": "Swing Music"
+    "SwingMusic": "Swing Music",
+    "selected": "selected",
+    "AppTitle": "Swing Music",
+    "Username": "Username",
+    "Password": "Password",
+    "ConfirmPass": "Confirm Password",
+    "CreateAccount": "Create account",
+    "Continue": "Continue"
   },
   "AlbumView": {
     "AlbumBy": "Album by ",
@@ -94,7 +101,8 @@
       "GenreExists": "Genres",
       "GenreDoesNotExist": "No Genres"
     },
-    "PlayDisc": "Play Disc"
+    "PlayDisc": "Play Disc",
+    "DiskNumber": "Disc {num}"
   },
   "ArtistView": {
     "Title": "Artist",
@@ -217,7 +225,9 @@
       "FavoriteCount": "{count} favorite | {count} favorites",
       "CollectionCount": "{count} collection",
       "RestoreButton": "Restore",
-      "RestoreAllButton": "Restore All"
+      "RestoreAllButton": "Restore All",
+      "BackupSuccess": "Backup created",
+      "ThankYouMessage": "Thank you for sponsoring Swing Music!"
     },
     "List": {
       "RootNotConfigured": "Root directories not configured. Use the \"Configure\" button above to configure"
@@ -396,7 +406,13 @@
           "Description": "Remove remaster information from track titles if possible"
         }
       },
-      "ArtistsDesc": "Customize artist settings"
+      "ArtistsDesc": "Customize artist settings",
+      "Artists": {
+        "SeparatorTitle": "Enter separators separated by a comma",
+        "SeparatorDesc": "These will be used to separate artists and album artists",
+        "ArticleAwareTitle": "Article aware sorting",
+        "ArticleAwareDesc": "Ignore articles (e.g. The, A, An) when sorting artist names"
+      }
     },
     "Plugins": {
       "LastFM": {
@@ -433,6 +449,12 @@
           "Desc": "Do not show lyrics unverified lyrics (premium required)"
         }
       }
+    },
+    "License": {
+      "GithubSponsorTitle": "GitHub Sponsor Benefits",
+      "NoGithubLogin": "Swing Music Premium is available to all our GitHub Sponsors. Log in with GitHub to get access.",
+      "ThanksCustName": "Hello @{cust}! You have access to Swing Music Premium.",
+      "ThanksWithHearts": "Thank you for your support. ❤️❤️"
     }
   },
   "Favorites": {
@@ -655,7 +677,7 @@
   },
   "Stores": {
     "Tracklist": {
-      "AddTrackToQueue": "Added {n} tracks to queue"
+      "AddTrackToQueue": "Added {n} track to queue | Added {n} tracks to queue"
     },
     "Auth": {
       "UserAddedSucc": "User added successfully!",
@@ -677,6 +699,11 @@
       "SearchFrom": "Search for: \"{source}\"",
       "FavoriteTracks": "Favorite tracks",
       "NoSource": "👻 No source"
+    },
+    "FormatTime": {
+      "Second": "{sec} Second | {sec} Seconds",
+      "Hour": "{hrs} hr | {hrs} hrs",
+      "Minute": "{mnt} minute | {mnt} minutes"
     }
   },
   "Views": {
@@ -738,7 +765,8 @@
     },
     "LyricView": {
       "Unsynced": "unsynced",
-      "NoLyricsFound": "<div>You don't have</div><div>the lyrics for this song</div>",
+      "NoLyricsFoundFirst": "You don't have",
+      "NoLyricsFoundSecond": "the lyrics for this song",
       "Searching": "Searching...",
       "SearchOnline": "Search online"
     },
@@ -764,5 +792,38 @@
     "it_IT": "🇮🇹 Italian (Italy)",
     "ChooseLang": "Choose your preferred language",
     "WarnAppReload": "(setting the language triggers an app reload)"
+  },
+  "Onboarding": {
+    "CreateAccountTitle": "Create account",
+    "CreateAccountDesc": "This account will be used to manage your server.",
+    "ErrorPassTooShort": "Password must be at least 8 characters",
+    "ErrorPassDoNotMatch": "Passwords do not match",
+    "FilePicker": {
+      "Help": "Use (⌘/Ctrl or Shift) + Click to select multiple folders",
+      "Selected": "{sel} Selected",
+      "ThisFolderHelp": ". (this folder)"
+    },
+    "Finish": {
+      "TitleDone": "You're all set! 🎉",
+      "TitleAlmostDone": "You're almost there!",
+      "ConfirmButton": "Click the button below to continue to your library.",
+      "Processing": "Swing Music is scanning your music folders. Please wait ..."
+    },
+    "RootDirs": {
+      "ErrorSelectRootFolder": "Please select a root directory",
+      "Title": "Configure music folders",
+      "TitleDesc": "Where do you want Swing Music to look for music?",
+      "HomeDir": "Home directory",
+      "HomeDirDesc": "Scan all folders in ",
+      "SpecificFolder": "Specific directory",
+      "FolderSelected": "{n} folder selected | {n} folders selected",
+      "FolderSelectedDesc": "Select folder to scan for music",
+      "AddFolders": "Add Folders"
+    },
+    "Welcome": {
+      "Title": "Welcome to",
+      "Tagline": "Click the button below to let's create your account",
+      "GetStarted": "Get Started"
+    }
   }
 }
diff --git a/src/locales/it_IT.json b/src/locales/it_IT.json
index e770f642..30184120 100644
--- a/src/locales/it_IT.json
+++ b/src/locales/it_IT.json
@@ -85,7 +85,14 @@
     "LogIn": "Accedi",
     "Autodetect": "autorileva",
     "FileName": "Nome File",
-    "SwingMusic": "Swing Music"
+    "SwingMusic": "Swing Music",
+    "selected": "selezionato",
+    "AppTitle": "Swing Music",
+    "Username": "Nome utente",
+    "Password": "Password",
+    "ConfirmPass": "Conferma password",
+    "CreateAccount": "Crea account",
+    "Continue": "Continua"
   },
   "AlbumView": {
     "AlbumBy": "Album by ",
@@ -94,7 +101,8 @@
       "GenreExists": "Generi",
       "GenreDoesNotExist": "Nessun genere"
     },
-    "PlayDisc": "Riproduci disco"
+    "PlayDisc": "Riproduci disco",
+    "DiskNumber": "Disco {num}"
   },
   "ArtistView": {
     "Title": "Artista",
@@ -217,7 +225,9 @@
       "FavoriteCount": "{count} preferito | {count} preferiti",
       "CollectionCount": "{count} collezione | {count} collezioni",
       "RestoreButton": "Ripristina",
-      "RestoreAllButton": "Ripristina tutto"
+      "RestoreAllButton": "Ripristina tutto",
+      "BackupSuccess": "Backup creato",
+      "ThankYouMessage": "Ti ringrazio per aver sponsorizzato Swing Music!"
     },
     "List": {
       "RootNotConfigured": "Cartella radice non impostata. Usa il pulsante \"Configure\" per impostarla"
@@ -396,7 +406,13 @@
           "Description": "Rimuovi riferimenti riguardo eventuali remaster dai titoli delle canzoni "
         }
       },
-      "ArtistsDesc": "Personalizza le impostazioni degli artisti"
+      "ArtistsDesc": "Personalizza le impostazioni degli artisti",
+      "Artists": {
+        "SeparatorTitle": "Inserisci i separatori separati da virgole",
+        "SeparatorDesc": "Saranno usati per separare artisti e artisti degli album",
+        "ArticleAwareTitle": "Ordinamento intelligente articoli",
+        "ArticleAwareDesc": "Ignora articoli (p.e. The, A, An) nell'ordinamento del nome degli artisti"
+      }
     },
     "Plugins": {
       "LastFM": {
@@ -433,6 +449,12 @@
           "Desc": "Non mostrare testi non verificati (licenza premium richiesta)"
         }
       }
+    },
+    "License": {
+      "GithubSponsorTitle": "Benefit GitHub Sponsor",
+      "NoGithubLogin": "Il premium di Swing Music è disponibile per tutti i donatori su Github Sponsor. Accedici per averne l'accesso.",
+      "ThanksCustName": "Ciao @{cust}! Hai accesso a Swing Music Premium.",
+      "ThanksWithHearts": "Grazie per il tuo supporto. ❤️❤️"
     }
   },
   "Favorites": {
@@ -654,7 +676,7 @@
   },
   "Stores": {
     "Tracklist": {
-      "AddTrackToQueue": "Aggiunte {n} tracce alla coda"
+      "AddTrackToQueue": "Aggiunta {n} traccia alla coda | Aggiunte {n} tracce alla coda"
     },
     "Auth": {
       "UserAddedSucc": "Utente aggiunto con successo!",
@@ -676,6 +698,11 @@
       "SearchFrom": "Cerca per: \"{source}\"",
       "FavoriteTracks": "Tracce preferite",
       "NoSource": "👻 Nessuna sorgente"
+    },
+    "FormatTime": {
+      "Second": "{sec} secondo | {sec} secondi",
+      "Hour": "{hrs} ora | {hrs} ore",
+      "Minute": "{mnt} minuto | {mnt} minuti"
     }
   },
   "Views": {
@@ -737,7 +764,8 @@
     },
     "LyricView": {
       "Unsynced": "non sincronizzata",
-      "NoLyricsFound": "<div>Non hai il testo</div><div>di questa canzone</div>",
+      "NoLyricsFoundFirst": "Non hai il testo",
+      "NoLyricsFoundSecond": "di questa canzone",
       "Searching": "Cercando...",
       "SearchOnline": "Cerca online"
     },
@@ -763,5 +791,38 @@
     "it_IT": "🇮🇹 Italiano (Italia)",
     "ChooseLang": "Scegli la tua lingua preferita",
     "WarnAppReload": "(impostare la lingua forza un refresh dell'app)"
+  },
+  "Onboarding": {
+    "CreateAccountTitle": "Crea account",
+    "CreateAccountDesc": "Questo account sarà usato per amministrare il server.",
+    "ErrorPassTooShort": "La password deve essere lunga almeno 8 caratteri",
+    "ErrorPassDoNotMatch": "Le password non corrispondono",
+    "FilePicker": {
+      "Help": "Usa (⌘/Ctrl o Shift) + click per selezionare cartelle multiple",
+      "Selected": "{sel} selezionate",
+      "ThisFolderHelp": ". (questa cartella)"
+    },
+    "Finish": {
+      "TitleDone": "Hai finito! 🎉",
+      "TitleAlmostDone": "Ci sei quasi!",
+      "ConfirmButton": "Clicca il pulsante sotto per proseguire nella tua libreria.",
+      "Processing": "Swing Music sta scansionando le tue cartelle selezionate. Attendi ..."
+    },
+    "RootDirs": {
+      "ErrorSelectRootFolder": "Seleziona una cartella radice",
+      "Title": "Configura cartelle musicali",
+      "TitleDesc": "Dove vuoi che Swing Music cerchi le tue tracce musicali?",
+      "HomeDir": "Cartella home",
+      "HomeDirDesc": "Scansiona tutte le cartelle in ",
+      "SpecificFolder": "Cartella specifica",
+      "FolderSelected": "{n} cartella selezionata | {n} cartelle selezionate",
+      "FolderSelectedDesc": "Seleziona cartella per effettuarne la scansione",
+      "AddFolders": "Aggiungi cartelle"
+    },
+    "Welcome": {
+      "Title": "Benvenuto a",
+      "Tagline": "Clicca il pulsante sotto per creare il tuo primo account",
+      "GetStarted": "Iniziamo"
+    }
   }
 }
diff --git a/src/settings/general/artists.ts b/src/settings/general/artists.ts
index 5742747f..1e468814 100644
--- a/src/settings/general/artists.ts
+++ b/src/settings/general/artists.ts
@@ -3,10 +3,13 @@ import { SettingType } from '../enums'
 
 import useSettingsStore from '@/stores/settings'
 import { updateConfig } from '@/requests/settings'
+import { useT } from '@/i18n'
+
+const { t } = useT()
 
 const separators = <Setting>{
-    title: 'Enter separators separated by a comma',
-    desc: `These will be used to separate artists and album artists`,
+    title: t('Settings.General.Artists.SeparatorTitle'),
+    desc: t('Settings.General.Artists.SeparatorDesc'),
     state: () => {
         const store = useSettingsStore()
 
@@ -33,8 +36,8 @@ const separators = <Setting>{
 }
 
 const articleAwareSorting = <Setting>{
-    title: 'Article aware sorting',
-    desc: "Ignore articles (e.g. The, A, An) when sorting artist names",
+    title: t('Settings.General.Artists.ArticleAwareTitle'),
+    desc: t('Settings.General.Artists.ArticleAwareDesc'),
     type: SettingType.binary,
     state: () => useSettingsStore().article_aware_sorting,
     action: () => useSettingsStore().toggleArticleAwareSorting(),
diff --git a/src/stores/queue/tracklist.ts b/src/stores/queue/tracklist.ts
index fbe293be..f26f7f69 100644
--- a/src/stores/queue/tracklist.ts
+++ b/src/stores/queue/tracklist.ts
@@ -125,7 +125,7 @@ export default defineStore('tracklist', {
             this.insertAt(tracks, this.tracklist.length)
 
             const Toast = useToast()
-            Toast.showNotification(t("Stores.Tracklist.AddTrackToQueue", {n: tracks.length}), NotifType.Success)
+            Toast.showNotification(t("Stores.Tracklist.AddTrackToQueue", {n: tracks.length}, tracks.length), NotifType.Success)
         },
         insertAt(tracks: Track[], index: number) {
             this.tracklist.splice(index, 0, ...tracks)
@@ -185,7 +185,7 @@ export default defineStore('tracklist', {
             this.tracklist.splice(currentindex + 1, 0, ...tracks)
 
             const Toast = useToast()
-            Toast.showNotification(t("Stores.Tracklist.AddTrackToQueue", {n: tracks.length}), NotifType.Success)
+            Toast.showNotification(t("Stores.Tracklist.AddTrackToQueue", {n: tracks.length}, tracks.length), NotifType.Success)
         },
     },
     getters: {
diff --git a/src/utils/dates.ts b/src/utils/dates.ts
index a7678d8d..76f89940 100644
--- a/src/utils/dates.ts
+++ b/src/utils/dates.ts
@@ -1,7 +1,11 @@
 /**
- * Formats a timestamp into a date string of the format "Month day, year"
+ * Formats a timestamp into a date string of the locale format 
+ * requested by the user.
  * @returns formatted date
  */
+
+import { locale } from "@/i18n"
+
 export function formatDate(timestamp: number, yearOnly = false) {
     // format date as Month day, year
     const date = new Date(timestamp * 1000)
@@ -12,5 +16,6 @@ export function formatDate(timestamp: number, yearOnly = false) {
         return date.getFullYear()
     }
 
-    return date.toLocaleDateString('en-US', options)
+    // Replace _ to - in order to make them BCP47/RCF5646 compliant language tags.
+    return date.toLocaleDateString(locale.replace('_', '-'), options)
 }
diff --git a/src/utils/index.ts b/src/utils/index.ts
index f06d2a67..896ef11d 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -7,17 +7,6 @@ import putCommas from './usePutCommas'
 import useVisibility from './useVisibility'
 import useCreateTrackProps from './useCreateTrackProps'
 
-/**
- * Pluralizes an english word
- *
- * @param word The english word to pluralize
- * @param count The number of items
- * @returns The pluralized word
- */
-export function pruralize(word: string, count: number): string {
-    return count !== 1 ? `${word}s` : word
-}
-
 export {
     readLocalStorage,
     writeLocalStorage,
diff --git a/src/utils/playingFrom.ts.rej b/src/utils/playingFrom.ts.rej
deleted file mode 100644
index f4a16fb6..00000000
--- a/src/utils/playingFrom.ts.rej
+++ /dev/null
@@ -1,10 +0,0 @@
-diff a/src/utils/playingFrom.ts b/src/utils/playingFrom.ts	(rejected hunks)
-@@ -93,7 +96,7 @@ export default (source: From): PlayingFrom => {
- 
-         case FromOptions.favorite:
-             return {
--                name: 'Favorite tracks',
-+                name: t('Utils.PlayingFrom.FavoriteTracks'),
-                 icon: HeartSvg,
-                 location: {
-                     name: Routes.favoriteTracks,
diff --git a/src/utils/updatePageTitle.ts b/src/utils/updatePageTitle.ts
index fdc64fe7..bf7834bb 100644
--- a/src/utils/updatePageTitle.ts
+++ b/src/utils/updatePageTitle.ts
@@ -1,12 +1,15 @@
+import { useT } from '@/i18n'
 import useSettings from '@/stores/settings'
 
+const { t } = useT()
+
 export default (title: string, isNowPlayingInfo: boolean = false) => {
     const settings = useSettings()
     if (settings.nowPlayingTrackOnTabTitle && !isNowPlayingInfo) {
         return
     }
 
-    const base = 'Swing Music'
+    const base = t('Common.AppTitle')
 
     if (title) {
         document.title = `${title} | ${base}`
diff --git a/src/utils/useFormatSeconds.ts b/src/utils/useFormatSeconds.ts
index c2d4c4da..4c3a141a 100644
--- a/src/utils/useFormatSeconds.ts
+++ b/src/utils/useFormatSeconds.ts
@@ -1,3 +1,7 @@
+import { useT } from "@/i18n";
+
+const { t } = useT()
+
 function padNumber(number: number) {
   return ("0" + number).slice(-2);
 }
@@ -25,11 +29,11 @@ export default function formatSeconds(
 
   if (long == true) {
     if (mm < 1 && hh < 1 && ss > 0) {
-      return `${_ss} Seconds`;
+      return t('Utils.FormatTime.Second', { sec: _ss }, ss);
     }
 
-    _hh = `${hh} hr${hh > 1 ? "s" : ""}`;
-    _mm = `${mm} minute${mm > 1 ? "s" : ""}`;
+    _hh = t('Utils.FormatTime.Hour', { hrs: hh }, hh);
+    _mm = t('Utils.FormatTime.Minute', { mnt: mm }, mm);
 
     if (hh > 0) {
       return `${_hh}, ${_mm}`;
diff --git a/src/views/AlbumView/index.vue b/src/views/AlbumView/index.vue
index a17dfdd2..13049965 100644
--- a/src/views/AlbumView/index.vue
+++ b/src/views/AlbumView/index.vue
@@ -47,9 +47,9 @@ import Stats from '@/components/Stats/Stats.vue'
 
 import { dropSources } from '@/enums'
 import { isSmall } from '@/stores/content-width'
-import { useI18n } from 'vue-i18n'
+import { useT } from '@/i18n'
 
-const { t } = useI18n()
+const { t } = useT()
 
 const album = useAlbumStore()
 const queue = useQueueStore()
diff --git a/src/views/ArtistDiscography.vue b/src/views/ArtistDiscography.vue
index f23b83f6..02f72fba 100644
--- a/src/views/ArtistDiscography.vue
+++ b/src/views/ArtistDiscography.vue
@@ -67,9 +67,9 @@ import AlbumCard from "@/components/shared/AlbumCard.vue";
 import GenericHeader from "@/components/shared/GenericHeader.vue";
 import GenericTabs from "@/components/shared/GenericTabs.vue";
 import NoItems from "@/components/shared/NoItems.vue";
-import { useI18n } from "vue-i18n";
+import { useT } from "@/i18n";
 
-const { t } = useI18n();
+const { t } = useT();
 const route = useRoute();
 const artist = useArtistDiscography();
 
diff --git a/src/views/ArtistView/Main.vue b/src/views/ArtistView/Main.vue
index 7be55694..b49f7454 100644
--- a/src/views/ArtistView/Main.vue
+++ b/src/views/ArtistView/Main.vue
@@ -42,9 +42,9 @@ import Header from '@/components/ArtistView/Header.vue'
 import TopTracks from '@/components/ArtistView/TopTracks.vue'
 import CardScroller from '@/components/shared/CardScroller.vue'
 import Stats from '@/components/Stats/Stats.vue'
-import { useI18n } from 'vue-i18n'
+import { useT } from '@/i18n'
 
-const { t } = useI18n()
+const { t } = useT()
 
 const route = useRoute()
 
diff --git a/src/views/Favorites.vue b/src/views/Favorites.vue
index 106d8bb3..e22ff2c8 100644
--- a/src/views/Favorites.vue
+++ b/src/views/Favorites.vue
@@ -58,9 +58,9 @@ import TopTracks from '@/components/ArtistView/TopTracks.vue'
 import CardScroller from '@/components/shared/CardScroller.vue'
 import GenericHeader from '@/components/shared/GenericHeader.vue'
 import NoItems from '@/components/shared/NoItems.vue'
-import { useI18n } from 'vue-i18n'
+import { useT } from '@/i18n'
 
-const { t } = useI18n()
+const { t } = useT()
 
 const recentFavs: Ref<RecentFavResult[]> = ref([])
 const favAlbums: Ref<Album[]> = ref([])
diff --git a/src/views/FolderView.vue b/src/views/FolderView.vue
index fb5a6687..14552500 100644
--- a/src/views/FolderView.vue
+++ b/src/views/FolderView.vue
@@ -65,9 +65,9 @@ import SongItem from '@/components/shared/SongItem.vue'
 import { xl } from '@/composables/useBreakpoints'
 import AlbumsFetcher from '@/components/ArtistView/AlbumsFetcher.vue'
 import { getFiles } from '@/requests/folders'
-import { useI18n } from 'vue-i18n'
+import { useT } from '@/i18n'
 
-const { t } = useI18n()
+const { t } = useT()
 const queue = useQueue()
 const folder = useFolder()
 const settings = useSettings()
diff --git a/src/views/HomeView/main.vue b/src/views/HomeView/main.vue
index 79b65fc0..7c5e0eb6 100644
--- a/src/views/HomeView/main.vue
+++ b/src/views/HomeView/main.vue
@@ -21,7 +21,6 @@
 
 <script setup lang="ts">
 import { nextTick, onMounted } from 'vue'
-import { useI18n } from "vue-i18n"
 import useAuth from '@/stores/auth'
 
 import { playSources } from '@/enums'
@@ -32,8 +31,9 @@ import updatePageTitle from '@/utils/updatePageTitle'
 import Browse from '@/components/HomeView/Browse.vue'
 import PageItem from '@/components/shared/CardScroller.vue'
 import GenericHeader from '@/components/shared/GenericHeader.vue'
+import { useT } from '@/i18n'
 
-const { t } = useI18n()
+const { t } = useT()
 const home = useHome()
 const auth = useAuth()
 
diff --git a/src/views/LyricsView/main.vue b/src/views/LyricsView/main.vue
index 74e89c1f..8b15b3eb 100644
--- a/src/views/LyricsView/main.vue
+++ b/src/views/LyricsView/main.vue
@@ -43,7 +43,8 @@
     </div>
     <div v-if="!lyrics.lyrics || lyrics.lyrics.length == 0" class="nolyrics">
         <LyricsHead />
-        {{ $t('Views.LyricView.NoLyricsFound') }}
+        <div>{{ $t('Views.LyricView.NoLyricsFoundFirst') }}</div>
+        <div>{{ $t('Views.LyricView.NoLyricsFoundSecond') }}</div>
         <!-- <div class="trackinfo">
           {{ queue.currenttrack.title }}
         </div> -->
diff --git a/src/views/PlaylistList.vue b/src/views/PlaylistList.vue
index 3b127688..f65c648e 100644
--- a/src/views/PlaylistList.vue
+++ b/src/views/PlaylistList.vue
@@ -1,7 +1,7 @@
 <template>
     <div id="p-view" class="content-page">
         <Header>
-            <template #name>{{$t('Views.PlaylistList.Title') }}</template>
+            <template #name>{{ $t('Views.PlaylistList.Title') }}</template>
             <template #description>
                 {{ $t('Views.PlaylistList.Description', {n: pStore.playlists.length}) }}
                 <br />
@@ -24,7 +24,7 @@
         <PlaylistCardGroup
             v-if="playlists.length"
             :playlists="playlists"
-            :title="query ? $t('Common.SearchResults') : `${pinnedPlaylists.length ? $t('Views.PlaylistList.OtherPlaylists') : $t('Views.PlaylistList.AllPlaylists')}`"
+            :title="query ? $t('Common.SearchResults') : `${ pinnedPlaylists.length ? $t('Views.PlaylistList.OtherPlaylists') : $t('Views.PlaylistList.AllPlaylists') }`"
         />
         <NoItems
             :flag="!(playlists.length + pinnedPlaylists.length)"
@@ -49,9 +49,9 @@ import PlaylistCardGroup from '@/components/PlaylistsList/PlaylistCardGroup.vue'
 import Header from '@/components/shared/GenericHeader.vue'
 import NoItems from '@/components/shared/NoItems.vue'
 import useModalStore from '@/stores/modal'
-import { useI18n } from 'vue-i18n'
+import { useT } from '@/i18n'
 
-const { t } = useI18n()
+const { t } = useT()
 
 const pStore = usePStore()
 const { showNewPlaylistModal } = useModalStore()
diff --git a/src/views/PlaylistView/index.vue b/src/views/PlaylistView/index.vue
index 70eb266d..04ebfe91 100644
--- a/src/views/PlaylistView/index.vue
+++ b/src/views/PlaylistView/index.vue
@@ -45,9 +45,9 @@ import SongItem from '@/components/shared/SongItem.vue'
 import AfterHeader from '@/components/PlaylistView/AfterHeader.vue'
 import { onBeforeRouteLeave } from 'vue-router'
 import AlbumsFetcher from '@/components/ArtistView/AlbumsFetcher.vue'
-import { useI18n } from 'vue-i18n'
+import { useT } from '@/i18n'
 
-const { t } = useI18n()
+const { t } = useT()
 
 const queue = useQueue()
 const tracklist = useTracklist()
diff --git a/src/views/SearchView/main.vue b/src/views/SearchView/main.vue
index e07751ba..3f7960da 100644
--- a/src/views/SearchView/main.vue
+++ b/src/views/SearchView/main.vue
@@ -32,9 +32,9 @@ import Tabs from "@/components/RightSideBar/Search/TabsWrapper.vue";
 import CardGridPage from "./CardGridPage.vue";
 import TopResults from "./TopResults.vue";
 import TracksPage from "./tracks.vue";
-import { useI18n } from "vue-i18n";
+import { useT } from "@/i18n";
 
-const { t } = useI18n(); 
+const { t } = useT(); 
 
 const settings = useSettings();
 const search = useSearchStore();
diff --git a/src/views/SearchView/tracks.vue b/src/views/SearchView/tracks.vue
index 6cb72a74..8aa6dbc2 100644
--- a/src/views/SearchView/tracks.vue
+++ b/src/views/SearchView/tracks.vue
@@ -35,9 +35,9 @@ import SearchSvg from '@/assets/icons/search.svg'
 import AlbumsFetcher from '@/components/ArtistView/AlbumsFetcher.vue'
 import NoItems from '@/components/shared/NoItems.vue'
 import SongItem from '@/components/shared/SongItem.vue'
-import { useI18n } from 'vue-i18n'
+import { useT } from '@/i18n'
 
-const { t } = useI18n()
+const { t } = useT()
 
 const queue = useQueue()
 const search = useSearch()
diff --git a/src/views/SettingsView.vue b/src/views/SettingsView.vue
index 6291f4df..9f9f7351 100644
--- a/src/views/SettingsView.vue
+++ b/src/views/SettingsView.vue
@@ -15,9 +15,9 @@ import { getAllSettings } from "@/requests/settings";
 import updatePageTitle from "@/utils/updatePageTitle";
 
 import Content from "../components/SettingsView/Content.vue";
-import { useI18n } from "vue-i18n";
+import { useT } from "@/i18n";
 
-const { t } = useI18n();
+const { t } = useT();
 
 const store = useSettingsStore();
 

From 47bc4c6c5d98cecc7a605a14cea19bc89d9ea618 Mon Sep 17 00:00:00 2001
From: Marco Rodolfi <marco.rodolfi@tuta.io>
Date: Thu, 18 Jun 2026 17:13:32 +0200
Subject: [PATCH 11/11] Complete translation of the donate page and final
 cleanup of the translation code

---
 .gitignore                                    |    5 +-
 src/components/AlbumView/Header/Stats.vue     |    4 +-
 src/components/CardListView/SortBanner.vue    |    2 +-
 src/components/LeftSidebar/navitems.ts        |    4 +-
 src/components/NowPlaying/HomeScreen.vue      |    5 +-
 src/components/Onboarding/Finish.vue          |    2 +-
 src/components/Onboarding/RootDirs.vue        |    2 +-
 .../SettingsView/Components/License.vue       |   73 +-
 src/components/Stats/ChartItemGroup.vue       |    4 +-
 src/components/modals/CrudPage.vue            |    2 +-
 src/components/modals/settings/Profile.vue    |   14 +-
 .../modals/settings/custom/Pairing.vue        |    3 -
 src/components/modals/updatePlaylist.vue      |    4 +-
 src/components/nav/Titles/Folder.vue          |    6 +-
 src/components/shared/DropDown.vue            |    2 +-
 src/components/shared/TrackItem.vue           |    2 +-
 src/i18n.ts                                   |    4 +-
 src/locales/en_US.json                        | 1337 +++++++++--------
 src/locales/it_IT.json                        | 1334 ++++++++--------
 src/vue-i18n.d.ts                             |    9 +
 20 files changed, 1452 insertions(+), 1366 deletions(-)
 create mode 100644 src/vue-i18n.d.ts

diff --git a/.gitignore b/.gitignore
index 58b66073..39279790 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,4 +27,7 @@ pnpm-debug.log*
 # TODO.md
 
 __pycache__
-dev-dist/*
\ No newline at end of file
+dev-dist/*
+
+# Local patches
+*.patch
\ No newline at end of file
diff --git a/src/components/AlbumView/Header/Stats.vue b/src/components/AlbumView/Header/Stats.vue
index f9cf98ad..76892086 100644
--- a/src/components/AlbumView/Header/Stats.vue
+++ b/src/components/AlbumView/Header/Stats.vue
@@ -10,7 +10,7 @@
       />
     </div>
     <div v-if="isSmallPhone" class="stats2">
-      {{ new Date(album.date * 1000).getFullYear() }} {{ !album.is_single ? `• ${album.trackcount} ${$t('Common.Track', album.trackcount)}` : "" }} •
+      {{ new Date(album.date * 1000).getFullYear() }} {{ !album.is_single ? `• ${album.trackcount} ${ $t('Common.Track', album.trackcount) }` : "" }} •
       {{ formatSeconds(album.duration, true) }}
     </div>
   </div>
@@ -37,7 +37,7 @@ const statsText = computed(() => {
 
   // hide track count if it's a single, also add an s to track if it's plural
   return `• ${new Date(props.album.date * 1000).getFullYear()} ${
-    !is_single ? `• ${props.album.trackcount.toLocaleString()} ${t('Common.Track', props.album.trackcount)}` : ""
+    !is_single ? `• ${props.album.trackcount.toLocaleString()} ${ t('Common.Track', props.album.trackcount) }` : ""
   } • ${formatSeconds(props.album.duration, true)}`;
 });
 </script>
diff --git a/src/components/CardListView/SortBanner.vue b/src/components/CardListView/SortBanner.vue
index 550de528..bfc3d0ba 100644
--- a/src/components/CardListView/SortBanner.vue
+++ b/src/components/CardListView/SortBanner.vue
@@ -22,7 +22,7 @@ import { useRoute } from 'vue-router'
 import { useAlbumList, useArtistList } from '@/stores/pages/itemlist'
 import SortKey from './SortKey.vue'
 import ChartSvg from '@/assets/icons/chart.svg'
-import { useT } from '@/i18n.js'
+import { useT } from '@/i18n'
 
 const { t } = useT();
 
diff --git a/src/components/LeftSidebar/navitems.ts b/src/components/LeftSidebar/navitems.ts
index 280e9246..2fd23912 100644
--- a/src/components/LeftSidebar/navitems.ts
+++ b/src/components/LeftSidebar/navitems.ts
@@ -1,4 +1,3 @@
-import { useI18n } from "vue-i18n";
 import { Routes } from "@/router";
 import useDialog from "@/stores/modal";
 import useSearch from "@/stores/search";
@@ -9,9 +8,10 @@ import PlaylistSvg from "@/assets/icons/playlist-1.svg";
 import SearchSvg from "@/assets/icons/search.svg";
 import SettingsSvg from "@/assets/icons/settings.svg";
 import HomeSvg from "@/assets/icons/home.svg";
+import { useT } from "@/i18n";
 
 export const useNavItems = () => {
-  const { t } = useI18n();
+  const { t } = useT()
 
   const folder = {
     name: t('LeftSidebar.NavItems.Folder'),
diff --git a/src/components/NowPlaying/HomeScreen.vue b/src/components/NowPlaying/HomeScreen.vue
index 854a432c..a9009474 100644
--- a/src/components/NowPlaying/HomeScreen.vue
+++ b/src/components/NowPlaying/HomeScreen.vue
@@ -19,9 +19,12 @@ import updatePageTitle from '@/utils/updatePageTitle'
 
 import Header from '@/components/NowPlaying/Header.vue'
 import Queue from '@/components/RightSideBar/Queue.vue'
+import { useT } from '@/i18n'
 
+const { t } = useT()
 const store = useTracklist()
-onMounted(() => updatePageTitle('Now Playing'))
+
+onMounted(() => updatePageTitle(t('Common.NowPlaying')))
 </script>
 
 <style lang="scss">
diff --git a/src/components/Onboarding/Finish.vue b/src/components/Onboarding/Finish.vue
index 024fa40c..a7981283 100644
--- a/src/components/Onboarding/Finish.vue
+++ b/src/components/Onboarding/Finish.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="onboardingfinish">
         <div class="heading">
-            <span v-if="isFinished">{{ $t('Onboarding.Finish.TitleDone')}}</span>
+            <span v-if="isFinished">{{ $t('Onboarding.Finish.TitleDone') }}</span>
             <span v-else>{{ $t('Onboarding.Finish.TitleAlmostDone') }}</span>
         </div>
         <div class="description">
diff --git a/src/components/Onboarding/RootDirs.vue b/src/components/Onboarding/RootDirs.vue
index 559097ff..9f0fc32b 100644
--- a/src/components/Onboarding/RootDirs.vue
+++ b/src/components/Onboarding/RootDirs.vue
@@ -1,7 +1,7 @@
 <template>
     <FilePicker v-if="showFilePicker" :userhome="userHome" @submitDirs="handleSubmitDirs" @cancel="toggleFilePicker" />
     <div v-else class="rootdirconfig">
-        <div class="heading">{{ $t('Onboarding.RootDirs.Title')}}</div>
+        <div class="heading">{{ $t('Onboarding.RootDirs.Title') }}</div>
         <div class="description">{{ $t('Onboarding.RootDirs.TitleDesc') }}</div>
         <br />
         <div class="options">
diff --git a/src/components/SettingsView/Components/License.vue b/src/components/SettingsView/Components/License.vue
index 2a4216c3..566c6304 100644
--- a/src/components/SettingsView/Components/License.vue
+++ b/src/components/SettingsView/Components/License.vue
@@ -28,11 +28,11 @@
                 <div v-if="!licenseInfo" class="btns">
                     <button @click="loginWithGitHub">{{ loginWithGitHubText }}</button>
                     <a
-                        v-if="loginWithGitHubText === 'Log in with GitHub'"
+                        v-if="loginWithGitHubText === $t('Settings.License.LogInToGithub')"
                         href="https://github.com/sponsors/swingmx"
                         target="_blank"
                     >
-                        <button>Sponsor on GitHub ❤️</button>
+                        <button>{{ $t('Settings.License.SponsorOnGithub') }}</button>
                     </a>
                 </div>
             </div>
@@ -40,13 +40,10 @@
         </div>
 
         <div v-if="!licenseInfo?.license" class="infocard rounded">
-            <div class="header"><span>No Active Subscription</span><CrownSvg /></div>
-            <div class="content">
-                Get a subscription to unlock all premium features. Use the link below to browse the available plans and
-                benefits.
-            </div>
+            <div class="header"><span>{{ $t('Settings.License.NoActiveSub') }}</span><CrownSvg /></div>
+            <div class="content"> {{ $t('Settings.License.NoActiveSubDesc') }}</div>
             <div class="footer">
-                <a href="https://swingmx.com/pricing" target="_blank" class="cta rounded-sm">View Pricing</a>
+                <a href="https://swingmx.com/pricing" target="_blank" class="cta rounded-sm">{{ $t('Settings.License.ViewPricing') }}</a>
             </div>
         </div>
 
@@ -55,9 +52,9 @@
             class="rounded"
             @submit.prevent="registerLicenseKey"
         >
-            <div class="header">{{ licenseInfo?.license_key ? 'License key info' : 'Already got a license key?' }}</div>
+            <div class="header">{{ licenseInfo?.license_key ? $t('Settings.License.LicenseKey.Info') : $t('Settings.License.LicenseKey.AlreadyHave') }}</div>
             <label for="license-key">{{
-                licenseInfo?.license_key ? 'Update your license key:' : 'Paste your license key here:'
+                licenseInfo?.license_key ? $t('Settings.License.LicenseKey.Update') : $t('Settings.License.LicenseKey.Paste')
             }}</label>
             <Input
                 input-id="license-key"
@@ -68,7 +65,7 @@
             />
 
             <div>
-                <label for="device-name">{{ licenseInfo ? 'Update' : 'New' }} server name:</label>
+                <label for="device-name">{{ $t('Settings.License.NewOrUpServerName', {action: licenseInfo ? $t('Common.Update') : $t('Common.New')}) }}</label>
                 <Input
                     input-id="device-name"
                     :text="licenseInfo?.devices.list?.find(d => d.current)?.device_name || ''"
@@ -78,8 +75,8 @@
 
                 <div v-if="submitEnabled" class="btngroup">
                     <button type="submit" class="btn-active" :disabled="!submitEnabled">
-                        <!-- {{ licenseInfo && licenseInfo.license_key !== licenseKey ? 'Update' : 'Activate' }} License -->
-                        Save Changes
+                        <!-- {{ $t('Settings.License.ActivateLicense', { action: licenseInfo && licenseInfo.license_key !== licenseKey ? $t('Common.Update') : $t('Common.Activate') }) }} -->
+                        {{ $t('Settings.License.SaveChanges') }}
                     </button>
                     <Spinner v-if="loading" />
                 </div>
@@ -97,13 +94,13 @@
 
         <div v-if="licenseInfo?.license.subscription" class="licenseMeta rounded">
             <h3 class="h2">
-                {{ `${licenseInfo.license.license_type === 'gh_sponsor' ? 'GitHub Sponsors' : 'Subscription'}` }}
-                Details
+                {{ `${licenseInfo.license.license_type === 'gh_sponsor' ? $t('Settings.License.GithubSponsors') : $t('Settings.License.Subscription')}` }}
+                {{ $t('Common.Details') }}
             </h3>
             <div class="content">
                 <div class="info">
                     <div class="label">
-                        {{ `${licenseInfo.license.license_type === 'gh_sponsor' ? 'Tier' : `Amount`}` }}
+                        {{ `${licenseInfo.license.license_type === 'gh_sponsor' ? $t('Settings.License.Tier') : $t('Settings.License.Amount')}` }}
                     </div>
                     <span class="primary">
                         {{
@@ -117,7 +114,7 @@
                     >
                 </div>
                 <div class="info">
-                    <div class="label">Status</div>
+                    <div class="label">{{ $t('Settings.License.Status') }}</div>
                     <span class="primary">
                         {{ licenseInfo?.license.subscription.status }}
                     </span>
@@ -125,23 +122,23 @@
                         <br />
                         {{
                             licenseInfo?.license.subscription.canceled_at
-                                ? 'CANCELLED ' + getTimeAgo(licenseInfo.license.subscription.canceled_at).toUpperCase()
+                                ? $t('Settings.License.CanceledAt').toUpperCase() + getTimeAgo(licenseInfo.license.subscription.canceled_at).toUpperCase()
                                 : ''
                         }}
                     </span>
                 </div>
                 <div v-if="licenseInfo?.license.subscription.recurring_interval !== 'one_time'" class="info">
-                    <div class="label">Renewal</div>
+                    <div class="label">{{ $t('Settings.License.Renewal') }}</div>
                     <span class="primary renewal">
                         {{
                             licenseInfo?.license.subscription.cancel_at_period_end
-                                ? 'Auto-renew off'
+                                ? $t('Settings.License.AutoRenewOff')
                                 : getDate(licenseInfo?.license.subscription.current_period_end || '')
                         }}
                     </span>
                 </div>
                 <div v-if="licenseInfo?.license.subscription.recurring_interval == 'one_time'" class="info">
-                    <div class="label">Expires</div>
+                    <div class="label">{{ $t('Settings.License.Expires') }}</div>
                     <span class="primary renewal">
                         {{ getDate(licenseInfo?.license.subscription.ends_at || '') }}
                     </span>
@@ -150,12 +147,9 @@
         </div>
 
         <div v-if="licenseInfo?.license.device_id" class="licenseinfo">
-            <h3 class="h2">Authorized Devices</h3>
+            <h3 class="h2">{{ $t('Settings.License.AuthDevices') }}</h3>
             <div class="desc">
-                Instances currently using your license key ({{ licenseInfo?.devices.active }}/{{
-                    licenseInfo?.devices.limit
-                }}
-                active)
+                {{ t('Settings.License.CurrentlyUsed', { cur: licenseInfo?.devices.active, tot: licenseInfo?.devices.limit}) }}
             </div>
             <div class="license-devices">
                 <div
@@ -176,7 +170,7 @@
                         <div class="lastseen">{{ getLastSeen(device.last_seen) }}</div>
                     </div>
 
-                    <button class="btnred" @click="() => logOutDevice(device.device_id)">Revoke</button>
+                    <button class="btnred" @click="() => logOutDevice(device.device_id)">{{ $t('Settings.License.Revoke') }}</button>
                 </div>
             </div>
         </div>
@@ -191,10 +185,9 @@
                         : 'https://polar.sh/swingmx/portal/overview'
                 "
                 target="_blank"
-            >
-                Manage {{ licenseInfo?.license.license_type === 'gh_sponsor' ? 'Sponsorship' : 'Subscription' }} ↗
+            > {{ $t('Settings.License.Manage', {lic: licenseInfo?.license.license_type === 'gh_sponsor' ? $t('Settings.License.Sponsorship') : $t('Settings.License.Subscription')}) }}
             </a>
-            <button class="btnred" @click="() => logOutDevice(settings.device_id)">Log Out</button>
+            <button class="btnred" @click="() => logOutDevice(settings.device_id)">{{ $t('Common.LogOut') }}</button>
         </div>
     </div>
 </template>
@@ -221,19 +214,21 @@ import useAxios from '@/requests/useAxios'
 import { LicenseInfo } from '@/interfaces'
 import useSettingsStore from '@/stores/settings'
 import { storeToRefs } from 'pinia'
+import { useT } from '@/i18n'
 
 TimeAgo.addLocale(en)
 
 let clientId = 'Ov23li5bsrEqMmqdT10i'
 let redirectUri = 'https://cloud.swingmx.com/auth/github/callback'
 
+const { t } = useT()
 const error = ref<string | null>(null)
 const loading = ref(false)
 const settings = useSettingsStore()
 const licenseKey = ref<string | null>(null)
 const deviceName = ref<string | null>(null)
 const licenseInfo = storeToRefs(useSettingsStore()).licenseInfo
-const loginWithGitHubText = ref<string>('Log in with GitHub')
+const loginWithGitHubText = ref<string>(t('Settings.License.LogInToGithub'))
 
 const submitEnabled = computed(() => {
     // If license has changed
@@ -257,11 +252,11 @@ const submitEnabled = computed(() => {
 function getRecurringInterval(interval: string) {
     switch (interval) {
         case 'month':
-            return 'mo'
+            return t('Common.Periods.MonthShort')
         case 'year':
-            return 'yr'
+            return t('Common.Periods.YearShort')
         case 'one_time':
-            return 'once'
+            return t('Common.Periods.OnceShort')
     }
 
     return interval
@@ -297,10 +292,10 @@ function getTimeAgo(date: string) {
 }
 
 function getLastSeen(date: string | null) {
-    if (!date) return 'No activity'
+    if (!date) return t('Settings.License.NoActivity')
 
     const timeAgo = new TimeAgo(userLocale()).format(new Date(date))
-    return `Last activity: ${timeAgo}`
+    return t('Settings.License.LastActivity', { time: timeAgo })
 }
 
 function handleLicenseKeyInput(value: string) {
@@ -389,9 +384,9 @@ async function logOutDevice(deviceId: string) {
 }
 
 async function loginWithGitHub() {
-    if (loginWithGitHubText.value === 'Refresh Status') {
+    if (loginWithGitHubText.value === t('Settings.License.RefreshStatus')) {
         return await getLicenseInfo(true).then(() => {
-            loginWithGitHubText.value = 'Log in with GitHub'
+            loginWithGitHubText.value = t('Settings.License.LogInToGithub')
         })
     }
 
@@ -407,7 +402,7 @@ async function loginWithGitHub() {
     const url = `${githubUrl}?${queryParams.toString()}`
     window.open(url, '_blank')
 
-    loginWithGitHubText.value = 'Refresh Status'
+    loginWithGitHubText.value = t('Settings.License.RefreshStatus')
 }
 
 onMounted(async () => {
diff --git a/src/components/Stats/ChartItemGroup.vue b/src/components/Stats/ChartItemGroup.vue
index fa1cc837..2c44e768 100644
--- a/src/components/Stats/ChartItemGroup.vue
+++ b/src/components/Stats/ChartItemGroup.vue
@@ -5,9 +5,9 @@
         <div class="noitems rounded-sm" v-if="items.length === 0">
             <div v-if="loading" class="loading">
                 <div class="spinner"></div>
-                <span>{{ $t('ChartItemGroup.FetchingData')}}</span>
+                <span>{{ $t('ChartItemGroup.FetchingData') }}</span>
             </div>
-            <div v-if="!loading && loaded">{{ $t('ChartItemGroup.NoDataFound', {per: settings.statsgroup.slice(0, -1)}) }}</div>
+            <div v-if="!loading && loaded">{{ $t('ChartItemGroup.NoDataFound', { per: settings.statsgroup.slice(0, -1) }) }}</div>
         </div>
         <ChartItem
             v-for="(item, index) in items"
diff --git a/src/components/modals/CrudPage.vue b/src/components/modals/CrudPage.vue
index 03fadf28..361a59f4 100644
--- a/src/components/modals/CrudPage.vue
+++ b/src/components/modals/CrudPage.vue
@@ -1,7 +1,7 @@
 <template>
     <form action="" v-if="delete">
         <br>
-        <div>{{ $t('CrudPage.DeleteDescription')}}</div>
+        <div>{{ $t('CrudPage.DeleteDescription') }}</div>
         <br />
         <button @click.prevent="submit" class="critical">{{ $t('CrudPage.DeleteButton') }}</button>
     </form>
diff --git a/src/components/modals/settings/Profile.vue b/src/components/modals/settings/Profile.vue
index 993bf1a8..68d3834e 100644
--- a/src/components/modals/settings/Profile.vue
+++ b/src/components/modals/settings/Profile.vue
@@ -3,7 +3,7 @@
         <div class="profileavatar">
             <Avatar :name="username || auth.user.username" />
             <div class="name">
-                {{ adding_user ? username : $t('Profile.HiUser', {user: auth.user.username})  }}
+                {{ adding_user ? username : $t('Profile.HiUser', {user: auth.user.username}) }}
             </div>
             <div v-if="!adding_user" class="roles">
                 <span v-for="role in auth.user.roles" :key="role" class="role"> {{ role }}</span>
@@ -11,7 +11,7 @@
         </div>
         <div class="updateprof">
             <div class="locale-changer">
-                <label>{{ t('Languages.ChooseLang') }}</label>
+                <label>{{ $t('Languages.ChooseLang') }}</label>
                 <select class="language" v-model="$i18n.locale" @change="updateLang">
                     <option v-for="locale in $i18n.availableLocales" :key="`locale-${locale}`" :value="locale">{{ $t('Languages.'+ locale) }}</option>
                 </select>
@@ -25,12 +25,12 @@
             <div class="names">
                 <label for="username">{{ $t('Profile.Username')}}<</label>
                 <Input
-                    :placeholder="adding_user ? t('Profile.Username')  : auth.user.username"
+                    :placeholder="adding_user ? $t('Profile.Username')  : auth.user.username"
                     @input="input => (username = input)"
                 />
             </div>
-            <label for="pswd">{{ adding_user ? $t('Profile.PasswordAction', {action: $t('Common.Create')}) 
-                : $t('Profile.PasswordAction', {action: $t('Common.Change')}) }}</label>
+            <label for="pswd">{{ adding_user ? $t('Profile.PasswordAction', { action: $t('Common.Create') }) 
+                : $t('Profile.PasswordAction', { action: $t('Common.Change') }) }}</label>
             <Input type="password" placeholder="✶✶✶✶✶✶✶✶" @input="input => (password = input)" />
             <div v-if="password.length" class="confirmpassword">
                 <label for="confirmpswd">{{ $t('Profile.ConfirmPassword') }}<</label>
@@ -93,8 +93,8 @@ const setLang = computed(()=> {
 const setCookie = function() {
     cookies.set('locale', locale.value)
     langIns.value = false
-    //FIXME: Feels like a hack to force reload the whole app; but parts of the UI doesn't update it properly.
-    //Adding cookies dependencies to all components might be the only alternative.
+    // FIXME: Feels like a hack to force reload the whole app; but parts of the UI doesn't update it properly.
+    //  Adding cookies dependencies to all components might be the only alternative.
     router.go(0);
 }
 
diff --git a/src/components/modals/settings/custom/Pairing.vue b/src/components/modals/settings/custom/Pairing.vue
index 556883ef..6b89cced 100644
--- a/src/components/modals/settings/custom/Pairing.vue
+++ b/src/components/modals/settings/custom/Pairing.vue
@@ -23,9 +23,6 @@
 import { Ref, onMounted, ref } from 'vue'
 import QRCodeStyling from 'qr-code-styling'
 import { sendPairRequest } from '@/requests/auth'
-import { useI18n } from 'vue-i18n';
-//Here just to force the component to rerender on locale changes
-import { useCookies } from '@vueuse/integrations/useCookies';
 import { useT } from '@/i18n';
 
 const { t } = useT();
diff --git a/src/components/modals/updatePlaylist.vue b/src/components/modals/updatePlaylist.vue
index 2900babe..71b46c25 100644
--- a/src/components/modals/updatePlaylist.vue
+++ b/src/components/modals/updatePlaylist.vue
@@ -80,7 +80,9 @@ import ExpandSvg from '@/assets/icons/expand.svg'
 import ImageIcon from '@/assets/icons/image.svg'
 
 import Switch from '../SettingsView/Components/Switch.vue'
+import { useT } from '@/i18n.js'
 
+const { t } = useT()
 const pStore = usePStore()
 const { info: playlist } = storeToRefs(pStore)
 
@@ -96,7 +98,7 @@ const emit = defineEmits<{
     (e: 'hideModal'): void
 }>()
 
-emit('setTitle', 'Update Playlist')
+emit('setTitle', t('Modal.UpdatePlaylist'))
 
 function selectFiles() {
     const input = document.getElementById('update-pl-image-upload') as HTMLInputElement
diff --git a/src/components/nav/Titles/Folder.vue b/src/components/nav/Titles/Folder.vue
index 8840a60c..dfb719d8 100644
--- a/src/components/nav/Titles/Folder.vue
+++ b/src/components/nav/Titles/Folder.vue
@@ -26,7 +26,6 @@
 
 <script setup lang="ts">
 import { useRouter } from 'vue-router'
-import { useI18n } from 'vue-i18n'
 
 import { Routes } from '@/router'
 
@@ -35,9 +34,10 @@ import BreadCrumbNav from '@/components/FolderView/BreadCrumbNav.vue'
 import DropDown from '@/components/shared/DropDown.vue'
 import useFolder from '@/stores/pages/folder'
 import { computed } from 'vue'
+import { useT } from '@/i18n'
 
 
-const { t } = useI18n();
+const { t } = useT();
 
 const router = useRouter()
 const folder = useFolder()
@@ -57,7 +57,7 @@ const items: SortItem[] = [
     { key: 'filepath', title: t('Common.FileName') },
     { key: 'album', title:  t('Common.Album') },
     // { key: 'albumartists', title: t('Common.AlbumArtist')} },
-    { key: 'artists', title: t('Common.Artist') },
+    { key: 'artists', title: t('Common.Artist', 2) },
     // { key: 'bitrate', title: t('Common.Bitrate') },
     { key: 'date', title: t('Common.ReleaseDate') },
     // { key: 'disc', title: t('Common.Disc') },
diff --git a/src/components/shared/DropDown.vue b/src/components/shared/DropDown.vue
index 90518f94..5dcdc6c7 100644
--- a/src/components/shared/DropDown.vue
+++ b/src/components/shared/DropDown.vue
@@ -6,7 +6,7 @@
                 :class="{ showDropDown }"
                 :title="
                     reverse !== 'hide'
-                        ? $t('DropDown.SortByUppercase', {title: current.title.toUpperCase(), order: reverse ?  $t('Common.Descending').toUpperCase() : $t('Common.Ascending').toUpperCase()})
+                        ? $t('DropDown.SortByUppercase', { title: current.title.toUpperCase(), order: reverse ? $t('Common.Descending').toUpperCase() : $t('Common.Ascending').toUpperCase() })
                         : undefined
                 "
                 @click.prevent="handleOpener"
diff --git a/src/components/shared/TrackItem.vue b/src/components/shared/TrackItem.vue
index 75207e11..971279bd 100644
--- a/src/components/shared/TrackItem.vue
+++ b/src/components/shared/TrackItem.vue
@@ -43,7 +43,7 @@
             <div
                 v-if="isQueueTrack"
                 class="remove-track"
-                :title="$t('TrackItem.RemoveFromQueue') "
+                :title="$t('TrackItem.RemoveFromQueue')"
                 @click.stop="player.removeByIndex(index)"
             >
                 <DelSvg />
diff --git a/src/i18n.ts b/src/i18n.ts
index 13a01d0f..073b0a62 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -1,4 +1,4 @@
-import { createI18n } from "vue-i18n";
+import { Composer, createI18n } from "vue-i18n";
 
 import en from './locales/en_US.json';
 import it from './locales/it_IT.json';
@@ -19,7 +19,7 @@ const i18n = createI18n({
     en_US: en,
     it_IT: it,
     ko: ko
-  },
+  }
 });
 
 export function useT(){
diff --git a/src/locales/en_US.json b/src/locales/en_US.json
index 5a7f62af..2e7c4016 100644
--- a/src/locales/en_US.json
+++ b/src/locales/en_US.json
@@ -1,130 +1,57 @@
 {
-  "Common": {
-    "Create": "Create",
-    "Change": "Change",
-    "Update": "Update",
-    "Saving": "Saving",
-    "Image": "Image",
-    "update": "update",
-    "upload": "upload",
-    "Settings": "Settings",
-    "Default": "Default",
-    "Title": "Title",
-    "Album": "Album | Albums",
-    "Artist": "Artist | Artists",
-    "ReleaseDate": "Release Date",
-    "DateAdded": "Date Added",
-    "LastPlayed": "Last Played",
-    "PlayCount": "Play Count",
-    "PlayDuration": "Play Duration",
-    "top": "top",
-    "LogOut": "Log out",
-    "BuiltBy": "built by @cwilvx ↗",
-    "Playlist": "Playlist",
-    "AlbumArtist": "Album Artist",
-    "Bitrate": "Bitrate",
-    "Disc": "Disc",
-    "Duration": "Duration",
-    "album": "album | albums",
-    "track": "track | tracks",
-    "experimental": "experimental",
-    "new": "new",
-    "Rescan": "Rescan",
-    "Descending": "Descending",
-    "Ascending": "Ascending",
-    "TrackCount": "{count} track | {count} tracks",
-    "NoTracks": "No tracks",
-    "HiSpace": "Hi ",
-    "Lyrics": "Lyrics",
-    "Play": "Play",
-    "SeeAll": "See All",
-    "Unknown": "Unknown",
-    "New": "New",
-    "Track": "Track | Tracks",
-    "Periods": {
-      "Year": "Year | Years",
-      "Week": "Week | Weeks",
-      "Month": "Month | Months",
-      "AllTime": "All Time"
-    },
-    "added": "added",
-    "removed": "removed",
-    "NotificationErrorWithArg": "Failed: {error}",
-    "NotificationError": "An error occured!",
-    "NotificationFunnyError": "Something funny happened!",
-    "Appearance": "Appearance",
-    "Library": "Library",
-    "Folders": "Folders",
-    "Backup": "Backup",
-    "Modify": "Modify",
-    "Configure": "Configure",
-    "Plugins": "Plugins",
-    "Finish": "Finish",
-    "Disconnect": "Disconnect",
-    "Connect": "Connect",
-    "Discography": "Discography {artist}",
-    "Recents": "Recents",
-    "Pinned": "Pinned",
-    "Other": "Other",
-    "All": "All",
-    "SearchResults": "Search Results",
-    "Playlists": "Playlists",
-    "Appearances": "Appearances",
-    "Compilations": "Compilation | Compilations",
-    "Singles": "EP & Singles",
-    "SimilarArtists": "Similar artists",
-    "Delete": "Delete",
-    "NowPlaying": "Now Playing",
-    "artist": "artist | artists",
-    "mix": "mix | mixes",
-    "Search": "Search",
-    "NoResults": "No results",
-    "NoSearchResults": "We can't find any results for your search.",
-    "TopResult": "Top Result",
-    "NoTrackResults": "No track results",
-    "LogIn": "Login",
-    "Autodetect": "autodetect",
-    "FileName": "File Name",
-    "SwingMusic": "Swing Music",
-    "selected": "selected",
-    "AppTitle": "Swing Music",
-    "Username": "Username",
-    "Password": "Password",
-    "ConfirmPass": "Confirm Password",
-    "CreateAccount": "Create account",
-    "Continue": "Continue"
+  "Accounts": {
+    "Admin": "Admin",
+    "AdminDesc": "Can do anything",
+    "AllUsers": "All users",
+    "EnableGuestAccess": "Enable guest access",
+    "EnableGuestAccessDesc": "Allow users to access the site without an account",
+    "NewUser": "New user",
+    "NoSelfDelete": "Sorry! You cannot delete yourself",
+    "ShowUsersOnLogin": "Show users on login",
+    "ShowUsersOnLoginDesc": "Show a list of users on your server when logging in"
   },
   "AlbumView": {
     "AlbumBy": "Album by ",
-    "TrackCount": "Track | Tracks",
+    "DiskNumber": "Disc {num}",
     "GenreBanner": {
-      "GenreExists": "Genres",
-      "GenreDoesNotExist": "No Genres"
+      "GenreDoesNotExist": "No Genres",
+      "GenreExists": "Genres"
     },
     "PlayDisc": "Play Disc",
-    "DiskNumber": "Disc {num}"
+    "TrackCount": "Track | Tracks"
+  },
+  "ArtistCard": {
+    "TrackCount": "{count} Track | {count} Tracks"
   },
   "ArtistView": {
-    "Title": "Artist",
+    "LoadMore": "Load More",
     "NoTracks": "No tracks",
     "RepeatOptions": {
       "All": "Repeat all",
-      "One": "Repeat one",
-      "None": "No repeat"
+      "None": "No repeat",
+      "One": "Repeat one"
     },
-    "LoadMore": "Load More"
+    "Title": "Artist"
+  },
+  "AuthLogin": {
+    "Back": "Back",
+    "BackToSelection": "Back to selection",
+    "ContinueAsGuest": "Or continue as guest",
+    "EnterPassword": "Enter password",
+    "EnterUsername": "Enter username",
+    "WelcomeBack": "Welcome back"
   },
   "BottomBar": {
+    "Favorite": "Favorite",
     "GoToNowPlaying": "Go to Now Playing",
-    "PlaceholderTitle": "Hello there",
     "PlaceholderArtist": "Welcome to Swing Music",
+    "PlaceholderTitle": "Hello there",
     "RepeatOptions": {
       "All": "Repeat all",
-      "One": "Repeat one",
-      "None": "No repeat"
+      "None": "No repeat",
+      "One": "Repeat one"
     },
-    "Shuffle": "Shuffle",
-    "Favorite": "Favorite"
+    "Shuffle": "Shuffle"
   },
   "Bubbles": {
     "DropHere": "DROP TRACKS HERE"
@@ -132,215 +59,480 @@
   "CardList": {
     "SortBy": "Sort by",
     "SortByOptions": {
-      "TrackCount": "No. of tracks",
-      "Duration": "Duration",
+      "AlbumArtists": "Artist",
       "CreatedDate": "Date added",
+      "Date": "Year Released",
+      "Duration": "Duration",
       "LastPlayed": "Last played",
+      "Name": "Name",
+      "NoOfAlbums": "No. of albums",
       "PlayCount": "Plays",
       "PlayDuration": "Play duration",
       "Title": "Title",
-      "AlbumArtists": "Artist",
-      "Date": "Year Released",
-      "Name": "Name",
-      "NoOfAlbums": "No. of albums"
+      "TrackCount": "No. of tracks"
     }
   },
+  "ChartItem": {
+    "ArtistPlays": "{count} track plays"
+  },
+  "ChartItemGroup": {
+    "FetchingData": "fetching data...",
+    "NoDataFound": "No {per} data found for this period"
+  },
+  "Charts": {
+    "ChartsDescription": "Your top artists, albums, and tracks",
+    "ChartsTitle": "Charts"
+  },
+  "Common": {
+    "Activate": "Activate",
+    "Album": "Album | Albums",
+    "AlbumArtist": "Album Artist",
+    "All": "All",
+    "AppTitle": "Swing Music",
+    "Appearance": "Appearance",
+    "Appearances": "Appearances",
+    "Artist": "Artist | Artists",
+    "Ascending": "Ascending",
+    "Autodetect": "autodetect",
+    "Backup": "Backup",
+    "Bitrate": "Bitrate",
+    "BuiltBy": "built by @cwilvx ↗",
+    "Change": "Change",
+    "Compilations": "Compilation | Compilations",
+    "Configure": "Configure",
+    "ConfirmPass": "Confirm Password",
+    "Connect": "Connect",
+    "Continue": "Continue",
+    "Create": "Create",
+    "CreateAccount": "Create account",
+    "DateAdded": "Date Added",
+    "Default": "Default",
+    "Delete": "Delete",
+    "Descending": "Descending",
+    "Details": "Details",
+    "Disc": "Disc",
+    "Discography": "Discography {artist}",
+    "Disconnect": "Disconnect",
+    "Duration": "Duration",
+    "FileName": "File Name",
+    "Finish": "Finish",
+    "Folders": "Folders",
+    "HiSpace": "Hi ",
+    "Image": "Image",
+    "LastPlayed": "Last Played",
+    "Library": "Library",
+    "LogIn": "Login",
+    "LogOut": "Log out",
+    "Lyrics": "Lyrics",
+    "Modify": "Modify",
+    "New": "New",
+    "NoResults": "No results",
+    "NoSearchResults": "We can't find any results for your search.",
+    "NoTrackResults": "No track results",
+    "NoTracks": "No tracks",
+    "NotificationError": "An error occured!",
+    "NotificationErrorWithArg": "Failed: {error}",
+    "NotificationFunnyError": "Something funny happened!",
+    "NowPlaying": "Now Playing",
+    "Other": "Other",
+    "Password": "Password",
+    "Periods": {
+      "AllTime": "All Time",
+      "Month": "Month | Months",
+      "MonthShort": "mo",
+      "OnceShort": "once",
+      "Week": "Week | Weeks",
+      "Year": "Year | Years",
+      "YearShort": "yr"
+    },
+    "Pinned": "Pinned",
+    "Play": "Play",
+    "PlayCount": "Play Count",
+    "PlayDuration": "Play Duration",
+    "Playlist": "Playlist",
+    "Playlists": "Playlists",
+    "Plugins": "Plugins",
+    "Recents": "Recents",
+    "ReleaseDate": "Release Date",
+    "Rescan": "Rescan",
+    "Saving": "Saving",
+    "Search": "Search",
+    "SearchResults": "Search Results",
+    "SeeAll": "See All",
+    "Settings": "Settings",
+    "SimilarArtists": "Similar artists",
+    "Singles": "EP & Singles",
+    "SwingMusic": "Swing Music",
+    "Title": "Title",
+    "TopResult": "Top Result",
+    "Track": "Track | Tracks",
+    "TrackCount": "{count} track | {count} tracks",
+    "Unknown": "Unknown",
+    "Update": "Update",
+    "Username": "Username",
+    "added": "added",
+    "album": "album | albums",
+    "artist": "artist | artists",
+    "experimental": "experimental",
+    "mix": "mix | mixes",
+    "new": "new",
+    "removed": "removed",
+    "selected": "selected",
+    "top": "top",
+    "track": "track | tracks",
+    "update": "update",
+    "upload": "upload"
+  },
+  "ConfirmModal": {
+    "Cancel": "Cancel",
+    "Delete": "Delete"
+  },
+  "Content": {
+    "SettingsDesc": "Customize your settings and preferences"
+  },
+  "CrudPage": {
+    "CollectionName": "Collection name",
+    "CollectionTitle": " Collection",
+    "Create": "Create",
+    "CreateNotification": "New collection created",
+    "DeleteButton": "Yes, Delete",
+    "DeleteDescription": "Are you sure you want to delete this collection?",
+    "DeleteNotification": "Collection deleted",
+    "DeleteTitle": "Delete",
+    "Description": "Description",
+    "NewTitle": "New",
+    "Update": "Update",
+    "UpdateNotification": "Collection updated",
+    "UpdateTitle": "Update"
+  },
+  "DropDown": {
+    "SortByUppercase": "SORT BY {title} {order}"
+  },
+  "Favorites": {
+    "Album": "Album"
+  },
+  "FavoritesCard": {
+    "FavoriteTracks": "Favorite Tracks",
+    "PlaylistUpper": "PLAYLIST"
+  },
   "FolderView": {
     "FileCount": "File | Files"
   },
   "HomeView": {
-    "Title": "Home",
-    "Greetings": {
-      "midnight": "Hey there night owl",
-      "dawn": "Hey there early bird",
-      "morning": "Good morning {name}",
-      "afternoon": "Good afternoon {name}",
-      "evening": "Good evening {name}"
-    },
     "Browse": {
-      "Title": "Browse Library",
       "BrowseList": {
-        "Folders": "Folders",
         "Albums": "Albums",
         "Artists": "Artists",
-        "Playlists": "Playlists",
-        "Favorites": "Favorites",
-        "FavTracks": "Fav. tracks",
-        "FavArtists": "Fav. artists",
         "FavAlbums": "Fav. albums",
+        "FavArtists": "Fav. artists",
+        "FavTracks": "Fav. tracks",
+        "Favorites": "Favorites",
+        "Folders": "Folders",
+        "Playlists": "Playlists",
         "Stats": "Stats"
-      }
+      },
+      "Title": "Browse Library"
+    },
+    "Greetings": {
+      "afternoon": "Good afternoon {name}",
+      "dawn": "Hey there early bird",
+      "evening": "Good evening {name}",
+      "midnight": "Hey there night owl",
+      "morning": "Good morning {name}"
     },
+    "Title": "Home",
     "title": "Home"
   },
+  "Languages": {
+    "ChooseLang": "Choose your preferred language",
+    "WarnAppReload": "(setting the language triggers an app reload)",
+    "en_US": "🇺🇸 English (United States)",
+    "it_IT": "🇮🇹 Italian (Italy)",
+    "ko": "Korean"
+  },
   "LeftSidebar": {
+    "FileTypeBitrate": "file type • bitrate",
     "NavItems": {
-      "Folder": "Folders",
       "Favorites": "Favorites",
-      "Playlists": "Playlists",
+      "Folder": "Folders",
       "Home": "Home",
+      "Playlists": "Playlists",
       "Search": "Search",
       "Settings": "Settings"
+    }
+  },
+  "MasterFlag": {
+    "MasterAudioBitrate": "Master audio bitrate - "
+  },
+  "Menus": {
+    "Album": {
+    },
+    "Artist": {
+      "PlayNext": "Play next"
+    },
+    "Common": {
+      "AddToCollection": "Add to Collection",
+      "AddToPlaylist": "Add to Playlist",
+      "AddToQueue": "Add to queue",
+      "PlayNext": "Play next",
+      "RemoveFromCollection": "Remove item",
+      "RemoveFromPlaylist": "Remove From Playlist",
+      "RemoveFromQueue": "Remove from Queue"
+    },
+    "PlayList": {
+      "RemoveFromPlaylist": "Remove from playlist"
+    },
+    "Queue": {
+      "AddQueueToPlaylist": "Add queue to playlist",
+      "ArtistName": "This is {hash}",
+      "ClearQueue": "Clear queue",
+      "FavoritesName": "Favorites",
+      "PlaylistName": "{name} 2.0",
+      "SearchName": "Search results for {query}"
+    },
+    "Track": {
+      "DeleteTrack": "Delete Track",
+      "GoToAlbum": "Go to Album",
+      "GoToArtist": "Go to Artist",
+      "GoToFolder": "Go to Folder",
+      "OpenInFiles": "Open in files"
     },
-    "FileTypeBitrate": "file type • bitrate"
+    "Utils": {
+      "NewCollection": "New Collection",
+      "NewPlaylist": "New playlist",
+      "SearchOn": "Search on"
+    }
+  },
+  "Mixes": {
+    "Radio": "Radio",
+    "SaveMix": "Save Mix",
+    "SavedMix": "Saved Mix",
+    "track": "track | tracks"
+  },
+  "Modal": {
+    "DeletePlaylist": "Are you sure you want to permanently delete this playlist?",
+    "UpdatePlaylist": "Update Playlist"
+  },
+  "Nav": {
+    "ResetClient": "Reset client"
+  },
+  "NavTitles": {
+    "ArtistTracks": "Artist Tracks",
+    "NowPlaying": "Now Playing",
+    "Settings": "Settings"
+  },
+  "NewPlaylist": {
+    "CreateButton": "Create",
+    "NameNotEmpty": "Playlist name can't be empty",
+    "NamePlaceholder": "Type a name...",
+    "PlaylistName": "Playlist name",
+    "Title": "New Playlist"
   },
   "NowPlaying": {
     "GoToAlbum": "Go to album",
-    "UpNext": "Up Next",
+    "GoToPlaySource": "Go to play source",
     "Queue": "Queue",
-    "GoToPlaySource": "Go to play source"
+    "UpNext": "Up Next"
+  },
+  "Onboarding": {
+    "CreateAccountDesc": "This account will be used to manage your server.",
+    "CreateAccountTitle": "Create account",
+    "ErrorPassDoNotMatch": "Passwords do not match",
+    "ErrorPassTooShort": "Password must be at least 8 characters",
+    "FilePicker": {
+      "Help": "Use (⌘/Ctrl or Shift) + Click to select multiple folders",
+      "Selected": "{sel} Selected",
+      "ThisFolderHelp": ". (this folder)"
+    },
+    "Finish": {
+      "ConfirmButton": "Click the button below to continue to your library.",
+      "Processing": "Swing Music is scanning your music folders. Please wait ...",
+      "TitleAlmostDone": "You're almost there!",
+      "TitleDone": "You're all set! 🎉"
+    },
+    "RootDirs": {
+      "AddFolders": "Add Folders",
+      "ErrorSelectRootFolder": "Please select a root directory",
+      "FolderSelected": "{n} folder selected | {n} folders selected",
+      "FolderSelectedDesc": "Select folder to scan for music",
+      "HomeDir": "Home directory",
+      "HomeDirDesc": "Scan all folders in ",
+      "SpecificFolder": "Specific directory",
+      "Title": "Configure music folders",
+      "TitleDesc": "Where do you want Swing Music to look for music?"
+    },
+    "Welcome": {
+      "GetStarted": "Get Started",
+      "Tagline": "Click the button below to let's create your account",
+      "Title": "Welcome to"
+    }
+  },
+  "Pairing": {
+    "ErrorPairingCode": "Error fetching pairing code. Error code: {res}",
+    "ScanQRCode": "Scan the QR code from the Swing Music app to pair with this server."
   },
   "PlaylistView": {
-    "LastUpdated": "Last Updated {date}",
+    "AllTracks": "All Tracks",
     "Edit": "Edit",
-    "AllTracks": "All Tracks"
+    "LastUpdated": "Last Updated {date}"
+  },
+  "Profile": {
+    "AddUser": "Add user",
+    "ConfirmPassword": "Confirm password",
+    "HiUser": "Hi {user}",
+    "LangNotCurrentlySupported": "Language not currently supported",
+    "PasswordAction": "{action} password",
+    "PasswordMismatch": "Passwords do not match",
+    "SelectLanguage": "Insert the preferred language",
+    "SetLanguage": "Set language",
+    "Username": "Username"
+  },
+  "ProfileDropdown": {
+    "HiUser": "Hi {user}",
+    "QuickScan": "Quick scan"
+  },
+  "Requests": {
+    "Album": {
+      "AlbumNotCreatedYet": "Album not created yet!"
+    },
+    "Artists": {
+      "ArtistNotFound": "Artist not found"
+    },
+    "Collections": {
+      "AddOrRemCollSuccess": "{payload} {command} to page",
+      "CollectionAlreadyPresent": "{payload} already in collection"
+    },
+    "Playlists": {
+      "AddedToPlaylist": "Added to {name}",
+      "AlreadyExists": "That playlist already exists",
+      "BannerImageRemoved": "Banner image removed",
+      "BannerImageRemovedError": "Unable to remove banner image",
+      "CreatedSuccesfully": "Playlist created successfully!",
+      "Deleted": "Playlist deleted",
+      "ErrUnsupportedImage": "Failed: Unsupported image",
+      "NotFound": "Playlist not found",
+      "TrackAlreadyPresent": "Track already exists in playlist",
+      "TrackRemoved": "Tracks removed",
+      "TrackRemovedError": "Unable to remove tracks",
+      "Updated": "Playlist updated!"
+    },
+    "RootDirs": {
+      "ErrorAdding": "Error adding root dirs",
+      "ErrorRemoving": "Error removing root dirs",
+      "ScanError": "Error triggering scan",
+      "ScanStarted": "Rescan started",
+      "Success": "Root directories configured"
+    }
   },
   "RightSidebar": {
-    "SimilarTracks": "Similar Tracks",
-    "Shuffle": "Shuffle",
-    "NowPlaying": "Now Playing",
-    "NoQueueTitle": "No songs in queue",
+    "BackToQueue": "back to queue",
     "NoQueueDescription": "When you start playing songs, they will appear here.",
-    "BackToQueue": "back to queue"
+    "NoQueueTitle": "No songs in queue",
+    "NowPlaying": "Now Playing",
+    "Shuffle": "Shuffle",
+    "SimilarTracks": "Similar Tracks"
+  },
+  "RootDirsPrompt": {
+    "HomeDir": "Home directory",
+    "HomeDirInfo": "Scan all folders in your home directory.",
+    "SpecificDir": "Specific directories",
+    "SpecificDirInfo": "Select folders to scan for music.",
+    "WhereToLook": "Where do you want to look for music?"
   },
   "Search": {
-    "NoResultsTitle": "No results",
-    "NoTracksTitle": "No tracks",
-    "NoResultsDescription": "We can't find any results for your search.",
-    "TopResult": "Top Result",
     "BackToQueue": "Back to Queue",
     "GoToSearch": "Go to Search",
+    "NoResultsDescription": "We can't find any results for your search.",
+    "NoResultsTitle": "No results",
+    "NoTracksTitle": "No tracks",
     "SearchPlaceholder": "Start typing to search",
+    "TopResult": "Top Result",
     "top": "Top"
   },
+  "SearchInput": {
+    "BackToQueue": "back to queue",
+    "GoToSearch": "go to search"
+  },
+  "SetRootDirs": {
+    "AddAllChecked": "Add all checked",
+    "NoSubFolders": "No folders here. Click the \"Add this folder\" button below to select this location.",
+    "SelectThisFolder": "Add this folder"
+  },
   "Settings": {
-    "Save": "Save",
-    "Cancel": "Cancel",
-    "Backup": {
-      "Title": "Backup",
-      "RestoreBackup": "Restore Backup",
-      "BackupCount": "You have {count} backup(s) in your backup directory.",
-      "PlaylistCount": "{count} playlist | {count} playlists",
-      "ScrobbleCount": "{count} scrobble | {count} scrobbles",
-      "FavoriteCount": "{count} favorite | {count} favorites",
-      "CollectionCount": "{count} collection",
-      "RestoreButton": "Restore",
-      "RestoreAllButton": "Restore All",
-      "BackupSuccess": "Backup created",
-      "ThankYouMessage": "Thank you for sponsoring Swing Music!"
-    },
-    "List": {
-      "RootNotConfigured": "Root directories not configured. Use the \"Configure\" button above to configure"
-    },
-    "NumberInput": {
-      "InvalidNumber": "Invalid number",
-      "Updated": "Updated",
-      "UpdateFailed": "Failed to update"
-    },
     "About": {
       "Developer": "Swing Music is a labor of love developed by {link} on GitHub. If you like this software, a star on GitHub would be nice. Hope you enjoy using it as much as I enjoy building it. 😁🤗",
-      "LinksTitle": "Links",
+      "GetInTouchDescription": "If you like my work, and would like to say hi, I'd like to hear from you.",
+      "GetInTouchTitle": "Get in touch",
+      "LicenseDesc": "Manage your license key, subscription and authorized devices",
+      "LicenseDisplayName": "License and Subscription",
+      "LicenseTitle": "License",
+      "LinksContribute": "Contribute",
       "LinksDocs": "Docs",
       "LinksGitHub": "Star on GitHub",
       "LinksIssue": "Report an issue",
-      "LinksContribute": "Contribute",
-      "GetInTouchTitle": "Get in touch",
-      "GetInTouchDescription": "If you like my work, and would like to say hi, I'd like to hear from you.",
+      "LinksTitle": "Links",
       "SendEmail": "Send Email",
-      "Title": "About",
-      "LicenseTitle": "License",
-      "LicenseDesc": "Manage your license key, subscription and authorized devices",
-      "LicenseDisplayName": "License and Subscription"
+      "Title": "About"
     },
-    "Experimental": "experimental",
-    "NowPlaying": {
-      "Title": "Now playing",
-      "Description": "Settings relating to the current song",
-      "AlbumArt": "Show album art on the left sidebar"
+    "Accounts": {
+      "Desc": "Login to the mobile client using QR code",
+      "Title": "Accounts"
     },
     "AppWidth": {
       "Extend": "Full width",
       "ExtendDesc": "Extend app to use all available screen width"
     },
-    "Sidebar": {
-      "UseSidebar": "Show right sidebar"
-    },
-    "ContextChildren": {
-      "ShowMode": "Show right click menu dropdowns on"
-    },
-    "MasterFlag": {
-      "Show": "Master flag"
-    },
-    "ShowFolders": {
-      "As": "Show folders as"
-    },
-    "RootDirs": {
-      "Title": "Root directories",
-      "Description": "Settings relating to your root directories",
-      "Change": "Change your root directories",
-      "Current": "Current root directories"
-    },
-    "Accounts": {
-      "Title": "Accounts",
-      "Desc": "Login to the mobile client using QR code"
-    },
-    "Pairing": {
-      "Title": "Pair device"
-    },
-    "Profile": {
-      "Title": "Profile",
-      "Desc": "Manage your profile and login information"
-    },
     "Audio": {
-      "Title": "Audio",
-      "Playback": "Playback",
-      "PlaybackDesc": "Settings related to audio playback",
-      "UseSilence": {
-        "Title": "Silence padding removal",
-        "Description": "Automatically skip silence between tracks"
-      },
-      "UseCrossfade": {
-        "Title": "Enable crossfade",
-        "Description": "Fade out the current track while fading in the next track"
-      },
       "CrossfadeDuration": {
-        "Title": "Crossfade duration",
-        "Description": "Duration of the crossfade in seconds"
+        "Description": "Duration of the crossfade in seconds",
+        "Title": "Crossfade duration"
+      },
+      "LegacyStreaming": {
+        "Description": "Enable if you experience issues with playback",
+        "Title": "Use legacy streaming"
       },
+      "Playback": "Playback",
+      "PlaybackDesc": "Settings related to audio playback",
       "StreamingQuality": {
-        "96": "96kbps",
+        "1024Flac": "High (1024kbps) (FLAC)",
         "128": "128kbps",
         "320": "320kbps",
-        "Original": "Original",
         "640Flac": "Medium (640kbps) (FLAC)",
-        "1024Flac": "High (1024kbps) (FLAC)",
-        "Title": "Streaming quality",
-        "Description": "Choose the streaming quality of the music"
+        "96": "96kbps",
+        "Description": "Choose the streaming quality of the music",
+        "Original": "Original",
+        "Title": "Streaming quality"
       },
-      "LegacyStreaming": {
-        "Title": "Use legacy streaming",
-        "Description": "Enable if you experience issues with playback"
+      "Title": "Audio",
+      "UseCrossfade": {
+        "Description": "Fade out the current track while fading in the next track",
+        "Title": "Enable crossfade"
+      },
+      "UseSilence": {
+        "Description": "Automatically skip silence between tracks",
+        "Title": "Silence padding removal"
       }
     },
+    "Backup": {
+      "BackupCount": "You have {count} backup(s) in your backup directory.",
+      "BackupSuccess": "Backup created",
+      "CollectionCount": "{count} collection",
+      "FavoriteCount": "{count} favorite | {count} favorites",
+      "PlaylistCount": "{count} playlist | {count} playlists",
+      "RestoreAllButton": "Restore All",
+      "RestoreBackup": "Restore Backup",
+      "RestoreButton": "Restore",
+      "ScrobbleCount": "{count} scrobble | {count} scrobbles",
+      "ThankYouMessage": "Thank you for sponsoring Swing Music!",
+      "Title": "Backup"
+    },
+    "Cancel": "Cancel",
+    "ContextChildren": {
+      "ShowMode": "Show right click menu dropdowns on"
+    },
+    "Experimental": "experimental",
     "General": {
-      "MainSettingsDescription": "Settings for various parts of the user interface.",
-      "FolderListMode": {
-        "Title": "Display folders in list mode"
-      },
-      "CircularArtist": {
-        "Description": "Disable the default gradient layout and use a simple circular image",
-        "Title": "Simple artist page header"
-      },
-      "Backups": {
-        "AutomaticBackups": {
-          "Description": "Automatically backup your data, every 6 hours",
-          "Title": "Automatic backups"
-        },
-        "BackupNow": {
-          "Description": "Backup directory: ~/swingmusic.backups",
-          "Title": "Backup now"
-        }
-      },
+      "AlbumInfoSettingsDesc": "Settings relating to album information",
       "Albums": {
         "AlbumAsSingles": {
           "Description": "Require an album to have at least two tracks",
@@ -355,390 +547,292 @@
           "Title": "Merge album versions"
         }
       },
-      "TrackInfoSettingsDesc": "Settings relating to track information",
-      "AlbumInfoSettingsDesc": "Settings relating to album information",
       "ArtistSeparatorDesc": "Customize artist separators",
-      "BackupMainDesc": "Backup and restore your library data",
-      "UseNoSidebarTitle": "Use no sidebar layout",
-      "NowPlaying": {
-        "DisableNPTitle": "Hide album art from the left sidebar",
-        "OnTabTitle": {
-          "Title": "Show Now Playing track on tab title",
-          "Description": "Replace current page info with Now Playing track info"
-        },
-        "FavoriteInline": {
-          "Title": "Show inline favorite icon",
-          "Description": "Show the favorite button next to the track duration"
-        },
-        "HighlightFavorite": {
-          "Title": "Highlight favorite tracks",
-          "Description": "Always show the favorite button for favorited tracks"
-        }
-      },
-      "RootDirs": {
-        "ShowPlaylistInFolders": {
-          "Title": "Show playlists in folder view",
-          "Description": "Browse playlists and favorites in folders screen (meant for mobile app)"
-        },
-        "EnablePeriodicScans": "Enable periodic scans",
-        "UseWatchdog": "Watch root dirs for new music",
-        "PeriodicScanInterval": "Periodic scan interval (minutes)"
-      },
-      "Separators": {
-        "Title": "Enter separators separated by a comma",
-        "Description": "These will be used to separate artists and album artists"
-      },
-      "Sidebar": {
-        "Title": "Toggle right sidebar",
-        "Description": "CTRL + B"
-      },
-      "Tracks": {
-        "ProcessFeatArtists": {
-          "Title": "Featured artists",
-          "Description": "Remove featured artists from titles and merge them with other artists"
-        },
-        "RemoveProd": {
-          "Title": "Hide 'prod.'",
-          "Description": "Remove 'prod.' from track titles"
-        },
-        "HideRemaster": {
-          "Title": "Hide remaster info",
-          "Description": "Remove remaster information from track titles if possible"
-        }
-      },
-      "ArtistsDesc": "Customize artist settings",
-      "Artists": {
-        "SeparatorTitle": "Enter separators separated by a comma",
-        "SeparatorDesc": "These will be used to separate artists and album artists",
-        "ArticleAwareTitle": "Article aware sorting",
-        "ArticleAwareDesc": "Ignore articles (e.g. The, A, An) when sorting artist names"
-      }
-    },
-    "Plugins": {
-      "LastFM": {
-        "Authorize": {
-          "Title": "Connect your account",
-          "Description": "Allow Swing Music to access your Last.fm account"
-        },
-        "Description": "Scrobble your music to Last.fm",
-        "Title": "Last.fm",
-        "ApiKey": {
-          "Title": "Use custom API Key",
-          "Description": "instead of the Swing Music default to authenticate with Last.fm"
-        },
-        "ApiSecret": {
-          "Title": "Use custom API Secret",
-          "Description": "instead of the Swing Music default to sign your scrobble submission"
-        }
-      },
-      "LyricsDescription": "Finds and displays lyrics from the internet.",
-      "Lyrics": {
-        "ToggleLyrics": {
-          "Title": "Enable plugin"
-        },
-        "AutoDownload": {
-          "Title": "Auto download lyrics",
-          "Description": "Automatically download missing lyrics when you are on the lyrics page"
-        },
-        "OverrideLocal": {
-          "Title": "Override unsynced lyrics",
-          "Description": "Automatically download lyrics even if unsynced lyrics are locally available"
-        },
-        "TrustCloud": {
-          "Title": "Only display verified lyrics",
-          "Desc": "Do not show lyrics unverified lyrics (premium required)"
-        }
-      }
-    },
-    "License": {
-      "GithubSponsorTitle": "GitHub Sponsor Benefits",
-      "NoGithubLogin": "Swing Music Premium is available to all our GitHub Sponsors. Log in with GitHub to get access.",
-      "ThanksCustName": "Hello @{cust}! You have access to Swing Music Premium.",
-      "ThanksWithHearts": "Thank you for your support. ❤️❤️"
-    }
-  },
-  "Favorites": {
-    "Album": "Album"
-  },
-  "Mixes": {
-    "track": "track | tracks",
-    "SavedMix": "Saved Mix",
-    "SaveMix": "Save Mix",
-    "Radio": "Radio"
-  },
-  "AuthLogin": {
-    "BackToSelection": "Back to selection",
-    "Back": "Back",
-    "WelcomeBack": "Welcome back",
-    "EnterUsername": "Enter username",
-    "EnterPassword": "Enter password",
-    "ContinueAsGuest": "Or continue as guest"
-  },
-  "ConfirmModal": {
-    "Cancel": "Cancel",
-    "Delete": "Delete"
-  },
-  "CrudPage": {
-    "CollectionName": "Collection name",
-    "Description": "Description",
-    "Update": "Update",
-    "Create": "Create",
-    "DeleteDescription": "Are you sure you want to delete this collection?",
-    "DeleteButton": "Yes, Delete",
-    "DeleteNotification": "Collection deleted",
-    "CreateNotification": "New collection created",
-    "UpdateNotification": "Collection updated",
-    "DeleteTitle": "Delete",
-    "UpdateTitle": "Update",
-    "NewTitle": "New",
-    "CollectionTitle": " Collection"
-  },
-  "NewPlaylist": {
-    "PlaylistName": "Playlist name",
-    "NamePlaceholder": "Type a name...",
-    "CreateButton": "Create",
-    "Title": "New Playlist",
-    "NameNotEmpty": "Playlist name can't be empty"
-  },
-  "RootDirsPrompt": {
-    "WhereToLook": "Where do you want to look for music?",
-    "HomeDir": "Home directory",
-    "HomeDirInfo": "Scan all folders in your home directory.",
-    "SpecificDir": "Specific directories",
-    "SpecificDirInfo": "Select folders to scan for music."
-  },
-  "SetRootDirs": {
-    "NoSubFolders": "No folders here. Click the \"Add this folder\" button below to select this location.",
-    "SelectThisFolder": "Add this folder",
-    "AddAllChecked": "Add all checked"
-  },
-  "Accounts": {
-    "AllUsers": "All users",
-    "NewUser": "New user",
-    "EnableGuestAccess": "Enable guest access",
-    "EnableGuestAccessDesc": "Allow users to access the site without an account",
-    "ShowUsersOnLogin": "Show users on login",
-    "ShowUsersOnLoginDesc": "Show a list of users on your server when logging in",
-    "Admin": "Admin",
-    "AdminDesc": "Can do anything",
-    "NoSelfDelete": "Sorry! You cannot delete yourself"
-  },
-  "Pairing": {
-    "ScanQRCode": "Scan the QR code from the Swing Music app to pair with this server.",
-    "ErrorPairingCode": "Error fetching pairing code. Error code: {res}"
-  },
-  "Profile": {
-    "PasswordMismatch": "Passwords do not match",
-    "HiUser": "Hi {user}",
-    "Username": "Username",
-    "PasswordAction": "{action} password",
-    "ConfirmPassword": "Confirm password",
-    "AddUser": "Add user",
-    "SelectLanguage": "Insert the preferred language",
-    "SetLanguage": "Set language",
-    "LangNotCurrentlySupported": "Language not currently supported"
-  },
-  "UpdatePlaylist": {
-    "Name": "Playlist name",
-    "CoverAction": "Click to {action} cover image",
-    "SquareCover": "Show square cover image",
-    "ImagePosition": "Adjust image position • {pos} %"
-  },
-  "NavTitles": {
-    "ArtistTracks": "Artist Tracks",
-    "NowPlaying": "Now Playing",
-    "Settings": "Settings"
-  },
-  "ProfileDropdown": {
-    "QuickScan": "Quick scan",
-    "HiUser": "Hi {user}"
-  },
-  "SearchInput": {
-    "BackToQueue": "back to queue",
-    "GoToSearch": "go to search"
-  },
-  "UpNext": {
-    "PlayNextSong": "play next song",
-    "NextUp": "Next up"
-  },
-  "Content": {
-    "SettingsDesc": "Customize your settings and preferences"
-  },
-  "Nav": {
-    "ResetClient": "Reset client"
-  },
-  "ArtistCard": {
-    "TrackCount": "{count} Track | {count} Tracks"
-  },
-  "DropDown": {
-    "SortByUppercase": "SORT BY {title} {order}"
-  },
-  "FavoritesCard": {
-    "FavoriteTracks": "Favorite Tracks",
-    "PlaylistUpper": "PLAYLIST"
-  },
-  "MasterFlag": {
-    "MasterAudioBitrate": "Master audio bitrate - "
-  },
-  "TrackItem": {
-    "AddToFavorites": "Add to favorites",
-    "RemoveFromFavorites": "Remove from favorites",
-    "RemoveFromQueue": "Remove from queue"
-  },
-  "ChartItem": {
-    "ArtistPlays": "{count} track plays"
-  },
-  "ChartItemGroup": {
-    "FetchingData": "fetching data...",
-    "NoDataFound": "No {per} data found for this period"
-  },
-  "Charts": {
-    "ChartsTitle": "Charts",
-    "ChartsDescription": "Your top artists, albums, and tracks"
-  },
-  "Modal": {
-    "DeletePlaylist": "Are you sure you want to permanently delete this playlist?"
-  },
-  "Menus": {
-    "Album": {},
-    "Artist": {
-      "PlayNext": "Play next"
+      "Artists": {
+        "ArticleAwareDesc": "Ignore articles (e.g. The, A, An) when sorting artist names",
+        "ArticleAwareTitle": "Article aware sorting",
+        "SeparatorDesc": "These will be used to separate artists and album artists",
+        "SeparatorTitle": "Enter separators separated by a comma"
+      },
+      "ArtistsDesc": "Customize artist settings",
+      "BackupMainDesc": "Backup and restore your library data",
+      "Backups": {
+        "AutomaticBackups": {
+          "Description": "Automatically backup your data, every 6 hours",
+          "Title": "Automatic backups"
+        },
+        "BackupNow": {
+          "Description": "Backup directory: ~/swingmusic.backups",
+          "Title": "Backup now"
+        }
+      },
+      "CircularArtist": {
+        "Description": "Disable the default gradient layout and use a simple circular image",
+        "Title": "Simple artist page header"
+      },
+      "FolderListMode": {
+        "Title": "Display folders in list mode"
+      },
+      "MainSettingsDescription": "Settings for various parts of the user interface.",
+      "NowPlaying": {
+        "DisableNPTitle": "Hide album art from the left sidebar",
+        "FavoriteInline": {
+          "Description": "Show the favorite button next to the track duration",
+          "Title": "Show inline favorite icon"
+        },
+        "HighlightFavorite": {
+          "Description": "Always show the favorite button for favorited tracks",
+          "Title": "Highlight favorite tracks"
+        },
+        "OnTabTitle": {
+          "Description": "Replace current page info with Now Playing track info",
+          "Title": "Show Now Playing track on tab title"
+        }
+      },
+      "RootDirs": {
+        "EnablePeriodicScans": "Enable periodic scans",
+        "PeriodicScanInterval": "Periodic scan interval (minutes)",
+        "ShowPlaylistInFolders": {
+          "Description": "Browse playlists and favorites in folders screen (meant for mobile app)",
+          "Title": "Show playlists in folder view"
+        },
+        "UseWatchdog": "Watch root dirs for new music"
+      },
+      "Separators": {
+        "Description": "These will be used to separate artists and album artists",
+        "Title": "Enter separators separated by a comma"
+      },
+      "Sidebar": {
+        "Description": "CTRL + B",
+        "Title": "Toggle right sidebar"
+      },
+      "TrackInfoSettingsDesc": "Settings relating to track information",
+      "Tracks": {
+        "HideRemaster": {
+          "Description": "Remove remaster information from track titles if possible",
+          "Title": "Hide remaster info"
+        },
+        "ProcessFeatArtists": {
+          "Description": "Remove featured artists from titles and merge them with other artists",
+          "Title": "Featured artists"
+        },
+        "RemoveProd": {
+          "Description": "Remove 'prod.' from track titles",
+          "Title": "Hide 'prod.'"
+        }
+      },
+      "UseNoSidebarTitle": "Use no sidebar layout"
     },
-    "Common": {
-      "AddToCollection": "Add to Collection",
-      "AddToPlaylist": "Add to Playlist",
-      "AddToQueue": "Add to queue",
-      "PlayNext": "Play next",
-      "RemoveFromCollection": "Remove item",
-      "RemoveFromPlaylist": "Remove From Playlist",
-      "RemoveFromQueue": "Remove from Queue"
+    "License": {
+      "ActivateLicense": "{action} License",
+      "Amount": "Amount",
+      "AuthDevices": "Authorized Devices",
+      "AutoRenewOff": "Auto-renew off",
+      "CanceledAt": "Canceled ",
+      "CurrentlyUsed": "Instances currently using your license key ({cur}/{tot} active)",
+      "Expires": "Expires",
+      "GithubSponsorTitle": "GitHub Sponsor Benefits",
+      "GithubSponsors": "GitHub Sponsors",
+      "LastActivity": "Last activity: {time}",
+      "LicenseKey": {
+        "AlreadyHave": "Already got a license key?",
+        "Info": "License key info",
+        "Paste": "Paste your license key here:",
+        "Update": "Update your license key:"
+      },
+      "LogInToGithub": "Log in with GitHub",
+      "Manage": "Manage {lic} ↗",
+      "NewOrUpServerName": "{act} server name:",
+      "NoActiveSub": "No Active Subscription",
+      "NoActiveSubDesc": "Get a subscription to unlock all premium features.\n Use the link below to browse the available plans and benefits.",
+      "NoActivity": "No activity",
+      "NoGithubLogin": "Swing Music Premium is available to all our GitHub Sponsors. Log in with GitHub to get access.",
+      "RefreshStatus": "Refresh Status",
+      "Renewal": "Renewal",
+      "Revoke": "Revoke",
+      "SaveChanges": "Save Changes",
+      "SponsorOnGithub": "Sponsor on GitHub ❤️",
+      "Sponsorship": "Sponsorship",
+      "Status": "Status",
+      "Subscription": "Subscription",
+      "ThanksCustName": "Hello @{cust}! You have access to Swing Music Premium.",
+      "ThanksWithHearts": "Thank you for your support. ❤️❤️",
+      "Tier": "Tier",
+      "ViewPricing": "View Pricing"
     },
-    "PlayList": {
-      "RemoveFromPlaylist": "Remove from playlist"
+    "List": {
+      "RootNotConfigured": "Root directories not configured. Use the \"Configure\" button above to configure"
     },
-    "Queue": {
-      "ArtistName": "This is {hash}",
-      "PlaylistName": "{name} 2.0",
-      "SearchName": "Search results for {query}",
-      "FavoritesName": "Favorites",
-      "ClearQueue": "Clear queue",
-      "AddQueueToPlaylist": "Add queue to playlist"
+    "MasterFlag": {
+      "Show": "Master flag"
     },
-    "Track": {
-      "GoToFolder": "Go to Folder",
-      "GoToArtist": "Go to Artist",
-      "OpenInFiles": "Open in files",
-      "GoToAlbum": "Go to Album",
-      "DeleteTrack": "Delete Track"
+    "NowPlaying": {
+      "AlbumArt": "Show album art on the left sidebar",
+      "Description": "Settings relating to the current song",
+      "Title": "Now playing"
     },
-    "Utils": {
-      "NewPlaylist": "New playlist",
-      "NewCollection": "New Collection",
-      "SearchOn": "Search on"
-    }
-  },
-  "UsePlayFrom": {
-    "AlbumTracksNotFound": "Album tracks not found",
-    "ArtistTracksNotFound": "Artist tracks not found",
-    "FolderTracksNotFound": "Folder tracks not found"
-  },
-  "Requests": {
-    "Album": {
-      "AlbumNotCreatedYet": "Album not created yet!"
+    "NumberInput": {
+      "InvalidNumber": "Invalid number",
+      "UpdateFailed": "Failed to update",
+      "Updated": "Updated"
     },
-    "Artists": {
-      "ArtistNotFound": "Artist not found"
+    "Pairing": {
+      "Title": "Pair device"
     },
-    "Collections": {
-      "AddOrRemCollSuccess": "{payload} {command} to page",
-      "CollectionAlreadyPresent": "{payload} already in collection"
+    "Plugins": {
+      "LastFM": {
+        "ApiKey": {
+          "Description": "instead of the Swing Music default to authenticate with Last.fm",
+          "Title": "Use custom API Key"
+        },
+        "ApiSecret": {
+          "Description": "instead of the Swing Music default to sign your scrobble submission",
+          "Title": "Use custom API Secret"
+        },
+        "Authorize": {
+          "Description": "Allow Swing Music to access your Last.fm account",
+          "Title": "Connect your account"
+        },
+        "Description": "Scrobble your music to Last.fm",
+        "Title": "Last.fm"
+      },
+      "Lyrics": {
+        "AutoDownload": {
+          "Description": "Automatically download missing lyrics when you are on the lyrics page",
+          "Title": "Auto download lyrics"
+        },
+        "OverrideLocal": {
+          "Description": "Automatically download lyrics even if unsynced lyrics are locally available",
+          "Title": "Override unsynced lyrics"
+        },
+        "ToggleLyrics": {
+          "Title": "Enable plugin"
+        },
+        "TrustCloud": {
+          "Desc": "Do not show lyrics unverified lyrics (premium required)",
+          "Title": "Only display verified lyrics"
+        }
+      },
+      "LyricsDescription": "Finds and displays lyrics from the internet."
     },
-    "Playlists": {
-      "CreatedSuccesfully": "Playlist created successfully!",
-      "AlreadyExists": "That playlist already exists",
-      "NotFound": "Playlist not found",
-      "TrackAlreadyPresent": "Track already exists in playlist",
-      "AddedToPlaylist": "Added to {name}",
-      "ErrUnsupportedImage": "Failed: Unsupported image",
-      "Updated": "Playlist updated!",
-      "Deleted": "Playlist deleted",
-      "TrackRemoved": "Tracks removed",
-      "TrackRemovedError": "Unable to remove tracks",
-      "BannerImageRemoved": "Banner image removed",
-      "BannerImageRemovedError": "Unable to remove banner image"
+    "Profile": {
+      "Desc": "Manage your profile and login information",
+      "Title": "Profile"
     },
     "RootDirs": {
-      "ErrorAdding": "Error adding root dirs",
-      "Success": "Root directories configured",
-      "ErrorRemoving": "Error removing root dirs",
-      "ScanError": "Error triggering scan",
-      "ScanStarted": "Rescan started"
+      "Change": "Change your root directories",
+      "Current": "Current root directories",
+      "Description": "Settings relating to your root directories",
+      "Title": "Root directories"
+    },
+    "Save": "Save",
+    "ShowFolders": {
+      "As": "Show folders as"
+    },
+    "Sidebar": {
+      "UseSidebar": "Show right sidebar"
     }
   },
   "Stores": {
-    "Tracklist": {
-      "AddTrackToQueue": "Added {n} track to queue | Added {n} tracks to queue"
-    },
     "Auth": {
-      "UserAddedSucc": "User added successfully!",
       "GuestUserAdded": "Guest user added successfully!",
       "ProfileUpdated": "Profile updated successfully!",
+      "UserAddedSucc": "User added successfully!",
       "UserDeleted": "{user} deleted successfully!"
     },
     "Player": {
       "AutoplayBlockedError": "Tap anywhere in the page and try again (autoplay blocked)",
-      "PlayerErrorWithArg": "Player Error: {msg}",
-      "LoadErrorWithArg": "Can't load: {queue}"
+      "LoadErrorWithArg": "Can't load: {queue}",
+      "PlayerErrorWithArg": "Player Error: {msg}"
     },
     "Queue": {
       "AddedTrack": "Added 1 track to queue"
+    },
+    "Tracklist": {
+      "AddTrackToQueue": "Added {n} track to queue | Added {n} tracks to queue"
     }
   },
+  "TrackItem": {
+    "AddToFavorites": "Add to favorites",
+    "RemoveFromFavorites": "Remove from favorites",
+    "RemoveFromQueue": "Remove from queue"
+  },
+  "UpNext": {
+    "NextUp": "Next up",
+    "PlayNextSong": "play next song"
+  },
+  "UpdatePlaylist": {
+    "CoverAction": "Click to {action} cover image",
+    "ImagePosition": "Adjust image position • {pos} %",
+    "Name": "Playlist name",
+    "SquareCover": "Show square cover image"
+  },
+  "UsePlayFrom": {
+    "AlbumTracksNotFound": "Album tracks not found",
+    "ArtistTracksNotFound": "Artist tracks not found",
+    "FolderTracksNotFound": "Folder tracks not found"
+  },
   "Utils": {
-    "PlayingFrom": {
-      "SearchFrom": "Search for: \"{source}\"",
-      "FavoriteTracks": "Favorite tracks",
-      "NoSource": "👻 No source"
-    },
     "FormatTime": {
-      "Second": "{sec} Second | {sec} Seconds",
       "Hour": "{hrs} hr | {hrs} hrs",
-      "Minute": "{mnt} minute | {mnt} minutes"
+      "Minute": "{mnt} minute | {mnt} minutes",
+      "Second": "{sec} Second | {sec} Seconds"
+    },
+    "PlayingFrom": {
+      "FavoriteTracks": "Favorite tracks",
+      "NoSource": "👻 No source",
+      "SearchFrom": "Search for: \"{source}\""
     }
   },
   "Views": {
+    "AlbumViews": {
+      "MoreFrom": "More from {art}",
+      "OtherVersions": "Other versions",
+      "RelatedAlbums": "Related Albums"
+    },
     "ArtistDiscography": {
-      "NoContributions": "No contributions",
-      "NoContributionsDesc": "No {type} found for {artist}",
+      "AllAlbums": "All Albums",
       "Contributions": "Contributions",
-      "AllAlbums": "All Albums"
+      "NoContributions": "No contributions",
+      "NoContributionsDesc": "No {type} found for {artist}"
     },
     "FavCardScroller": {
-      "Title": "Favorite {item}S",
-      "Desc": "You have {nelem} favorited {type} | You have {nelem} favorited {type}s"
-    },
-    "Favorites": {
-      "Title": "Favorites",
-      "CountStats": "{tra} Tracks • {alb} Albums • {art} Artists",
-      "NoFavoritesFound": "No favorites found",
-      "Description": "You can add tracks, albums and artists to your favorites by clicking the heart icon"
+      "Desc": "You have {nelem} favorited {type} | You have {nelem} favorited {type}s",
+      "Title": "Favorite {item}S"
     },
     "FavoriteTracks": {
       "Description": "You have {n_tr} favorited track | You have {n_tr} favorited tracks",
       "Title": "Favorite Tracks"
     },
+    "Favorites": {
+      "CountStats": "{tra} Tracks • {alb} Albums • {art} Artists",
+      "Description": "You can add tracks, albums and artists to your favorites by clicking the heart icon",
+      "NoFavoritesFound": "No favorites found",
+      "Title": "Favorites"
+    },
     "FolderView": {
       "FolderIsEmpty": "Folder is empty",
-      "NoResultFound": "No results found",
       "NoIndexedTracks": "The folder you are trying to access has no indexed tracks. Please add tracks to this folder and try again",
+      "NoResultFound": "No results found",
       "NoTracksForQuery": "No tracks or folders in this immediate directory matched the query: {query}"
     },
-    "MixLisView": {},
+    "Header": {
+      "TotalAlbumAndArtists": "You have {tot} {what} in your library"
+    },
+    "LyricView": {
+      "NoLyricsFoundFirst": "You don't have",
+      "NoLyricsFoundSecond": "the lyrics for this song",
+      "SearchOnline": "Search online",
+      "Searching": "Searching...",
+      "Unsynced": "unsynced"
+    },
+    "MixLisView": {
+    },
     "MixListView": {
-      "mixes": "mixes",
       "MixesBasedOnListening": "{n} mixes • Based on artists you have been listening to",
+      "OtherMixes": "Other {type} mixes",
       "SavedMixes": "Saved mixes",
-      "OtherMixes": "Other {type} mixes"
+      "mixes": "mixes"
     },
     "MixView": {
       "MixNotFound": "404: Mix not found"
@@ -747,83 +841,28 @@
       "Error": "404! Page Not Found!"
     },
     "PlaylistList": {
-      "Title": "Playlists",
+      "AllPlaylists": "All playlists",
       "Description": "You have {n} playlists in your library",
-      "SearchPlaylist": "Search playlists",
+      "NoItemDescription": "You can create a playlist by right clicking on a track and selecting the \"Add to Playlist\" option",
       "NoPlaylistsFound": "No playlists found",
       "OtherPlaylists": "Other playlists",
-      "AllPlaylists": "All playlists",
-      "NoItemDescription": "You can create a playlist by right clicking on a track and selecting the \"Add to Playlist\" option"
-    },
-    "Header": {
-      "TotalAlbumAndArtists": "You have {tot} {what} in your library"
-    },
-    "AlbumViews": {
-      "MoreFrom": "More from {art}",
-      "OtherVersions": "Other versions",
-      "RelatedAlbums": "Related Albums"
-    },
-    "LyricView": {
-      "Unsynced": "unsynced",
-      "NoLyricsFoundFirst": "You don't have",
-      "NoLyricsFoundSecond": "the lyrics for this song",
-      "Searching": "Searching...",
-      "SearchOnline": "Search online"
+      "SearchPlaylist": "Search playlists",
+      "Title": "Playlists"
     },
     "PlaylistView": {
-      "NoTracks": "No tracks in this playlist",
-      "AddMoreDesc": "Add tracks to this playlist by right clicking on a track and selecting \"add to playlist\""
+      "AddMoreDesc": "Add tracks to this playlist by right clicking on a track and selecting \"add to playlist\"",
+      "NoTracks": "No tracks in this playlist"
     },
     "SearchView": {
       "NoResults": "No {page} results",
-      "TypeToSearch": "Start typing to search for {what}",
+      "NoResultsDesc": "Results should appear here",
       "ResultsForQuery": "Results for {query} should appear here",
-      "TypeToSearchTracks": "Start typing to search for tracks",
-      "NoResultsDesc": "Results should appear here"
+      "TypeToSearch": "Start typing to search for {what}",
+      "TypeToSearchTracks": "Start typing to search for tracks"
     },
     "Stats": {
-      "Title": "Stats",
-      "Description": "Your listening stats for the past week"
-    }
-  },
-  "Languages": {
-    "en_US": "🇺🇸 English (United States)",
-    "ko": "Korean",
-    "it_IT": "🇮🇹 Italian (Italy)",
-    "ChooseLang": "Choose your preferred language",
-    "WarnAppReload": "(setting the language triggers an app reload)"
-  },
-  "Onboarding": {
-    "CreateAccountTitle": "Create account",
-    "CreateAccountDesc": "This account will be used to manage your server.",
-    "ErrorPassTooShort": "Password must be at least 8 characters",
-    "ErrorPassDoNotMatch": "Passwords do not match",
-    "FilePicker": {
-      "Help": "Use (⌘/Ctrl or Shift) + Click to select multiple folders",
-      "Selected": "{sel} Selected",
-      "ThisFolderHelp": ". (this folder)"
-    },
-    "Finish": {
-      "TitleDone": "You're all set! 🎉",
-      "TitleAlmostDone": "You're almost there!",
-      "ConfirmButton": "Click the button below to continue to your library.",
-      "Processing": "Swing Music is scanning your music folders. Please wait ..."
-    },
-    "RootDirs": {
-      "ErrorSelectRootFolder": "Please select a root directory",
-      "Title": "Configure music folders",
-      "TitleDesc": "Where do you want Swing Music to look for music?",
-      "HomeDir": "Home directory",
-      "HomeDirDesc": "Scan all folders in ",
-      "SpecificFolder": "Specific directory",
-      "FolderSelected": "{n} folder selected | {n} folders selected",
-      "FolderSelectedDesc": "Select folder to scan for music",
-      "AddFolders": "Add Folders"
-    },
-    "Welcome": {
-      "Title": "Welcome to",
-      "Tagline": "Click the button below to let's create your account",
-      "GetStarted": "Get Started"
+      "Description": "Your listening stats for the past week",
+      "Title": "Stats"
     }
   }
 }
diff --git a/src/locales/it_IT.json b/src/locales/it_IT.json
index 30184120..2992d876 100644
--- a/src/locales/it_IT.json
+++ b/src/locales/it_IT.json
@@ -1,130 +1,57 @@
 {
-  "Common": {
-    "Create": "Crea",
-    "Change": "Cambia",
-    "Update": "Aggiorna",
-    "Saving": "Salvataggio",
-    "Image": "Immagine",
-    "update": "aggiornare",
-    "upload": "caricare",
-    "Settings": "Impostazioni",
-    "Default": "Default",
-    "Title": "Titolo",
-    "Album": "Album | Albums",
-    "Artist": "Artista | Artisti",
-    "ReleaseDate": "Data di rilascio",
-    "DateAdded": "Data di aggiunta",
-    "LastPlayed": "Ultima riproduzione",
-    "PlayCount": "Numero di riproduzioni",
-    "PlayDuration": "Durata di riproduzione",
-    "top": "migliori",
-    "LogOut": "Scollegati",
-    "BuiltBy": "creato da @cwilvx ↗",
-    "Playlist": "Playlist",
-    "AlbumArtist": "Artista Album",
-    "Bitrate": "Bitrate",
-    "Disc": "Disco",
-    "Duration": "Durata",
-    "album": "album | albums",
-    "track": "traccia | tracce",
-    "experimental": "sperimentale",
-    "new": "nuovo",
-    "Rescan": "Riscansiona",
-    "Descending": "Decrescente",
-    "Ascending": "Crescente",
-    "TrackCount": "{count} traccia | {count} tracce",
-    "NoTracks": "Nessuna traccia",
-    "HiSpace": "Ciao ",
-    "Lyrics": "Testi canzoni",
-    "Play": "Riproduci",
-    "SeeAll": "Vis. Tutti",
-    "Unknown": "Sconosciuto",
-    "New": "Nuova",
-    "Track": "Traccia | Tracce",
-    "Periods": {
-      "Year": "Anno | Anni",
-      "Week": "Settimana | Settimane",
-      "Month": "Mese | Mesi",
-      "AllTime": "Sempre"
-    },
-    "added": "aggiunto",
-    "removed": "rimosso",
-    "NotificationErrorWithArg": "Fallito: {error}",
-    "NotificationError": "È avvenuto un errore!",
-    "NotificationFunnyError": "È successo qualcosa di divertentemente inaspettato!",
-    "Appearance": "Aspetto",
-    "Library": "Libreria",
-    "Folders": "Cartelle",
-    "Backup": "Backup",
-    "Modify": "Modifica",
-    "Configure": "Configura",
-    "Plugins": "Plugins",
-    "Finish": "Termina",
-    "Disconnect": "Scollega",
-    "Connect": "Collega",
-    "Discography": "Discografia {artist}",
-    "Recents": "Recenti",
-    "Pinned": "Fissato",
-    "Other": "Altre",
-    "All": "Tutte",
-    "SearchResults": "Risultati della ricerca",
-    "Playlists": "Playlists",
-    "Appearances": "Comparse",
-    "Compilations": "Raccolta | Raccolte",
-    "Singles": "EP & Singles",
-    "SimilarArtists": "Artisti simili",
-    "Delete": "Elimina",
-    "NowPlaying": "In riproduzione",
-    "artist": "artista | artisti",
-    "mix": "mix | mixes",
-    "Search": "Trova",
-    "NoResults": "Nessun risultato",
-    "NoSearchResults": "Non riesco a trovare nessun risultato per la tua ricerca.",
-    "TopResult": "Risultati migliori",
-    "NoTrackResults": "Nessun risultato trovato nelle tracce",
-    "LogIn": "Accedi",
-    "Autodetect": "autorileva",
-    "FileName": "Nome File",
-    "SwingMusic": "Swing Music",
-    "selected": "selezionato",
-    "AppTitle": "Swing Music",
-    "Username": "Nome utente",
-    "Password": "Password",
-    "ConfirmPass": "Conferma password",
-    "CreateAccount": "Crea account",
-    "Continue": "Continua"
+  "Accounts": {
+    "Admin": "Admin",
+    "AdminDesc": "Può far tutto",
+    "AllUsers": "Tutti gli utenti",
+    "EnableGuestAccess": "Abilita accesso ospite",
+    "EnableGuestAccessDesc": "Permetti utenti di accedere a questo sito senza un account",
+    "NewUser": "Nuovo utente",
+    "NoSelfDelete": "Non puoi cancellare te stesso!",
+    "ShowUsersOnLogin": "Mostra utenti durante l'accesso",
+    "ShowUsersOnLoginDesc": "Mostra un elenco di utenti disponibili durante l'accesso"
   },
   "AlbumView": {
     "AlbumBy": "Album by ",
-    "TrackCount": "Traccia | Tracce",
+    "DiskNumber": "Disco {num}",
     "GenreBanner": {
-      "GenreExists": "Generi",
-      "GenreDoesNotExist": "Nessun genere"
+      "GenreDoesNotExist": "Nessun genere",
+      "GenreExists": "Generi"
     },
     "PlayDisc": "Riproduci disco",
-    "DiskNumber": "Disco {num}"
+    "TrackCount": "Traccia | Tracce"
+  },
+  "ArtistCard": {
+    "TrackCount": "{count} Traccia | {count} Tracce"
   },
   "ArtistView": {
-    "Title": "Artista",
+    "LoadMore": "Carica altri",
     "NoTracks": "Nessuna traccia",
     "RepeatOptions": {
       "All": "Ripeti tutte",
-      "One": "Ripeti singola",
-      "None": "Nessuna ripetizione"
+      "None": "Nessuna ripetizione",
+      "One": "Ripeti singola"
     },
-    "LoadMore": "Carica altri"
+    "Title": "Artista"
+  },
+  "AuthLogin": {
+    "Back": "Indietro",
+    "BackToSelection": "Torna alla selezione",
+    "ContinueAsGuest": "O continua come ospite",
+    "EnterPassword": "Inserisci password",
+    "EnterUsername": "Inserisci nome utente",
+    "WelcomeBack": "Bentornato"
   },
   "BottomBar": {
+    "Favorite": "Preferita",
     "GoToNowPlaying": "Vai a in riproduzione",
-    "PlaceholderTitle": "Benvenuto",
     "PlaceholderArtist": "Benvenuto a Swing Music",
+    "PlaceholderTitle": "Benvenuto",
     "RepeatOptions": {
       "All": "Ripeti tutte",
-      "One": "Ripeti singola",
-      "None": "Nessuna ripetizione"
+      "None": "Nessuna ripetizione",
+      "One": "Ripeti singola"
     },
-    "Shuffle": "Mescola",
-    "Favorite": "Preferita"
+    "Shuffle": "Mescola"
   },
   "Bubbles": {
     "DropHere": "RILASCIA TRACCE QUA"
@@ -132,215 +59,478 @@
   "CardList": {
     "SortBy": "Ordina per",
     "SortByOptions": {
-      "TrackCount": "N. di tracce",
-      "Duration": "Durata",
+      "AlbumArtists": "Artista",
       "CreatedDate": "Aggiunto in data",
+      "Date": "Anno di rilascio",
+      "Duration": "Durata",
       "LastPlayed": "Ultima riproduzione",
+      "Name": "Nome",
+      "NoOfAlbums": "No. di album",
       "PlayCount": "Numero di rip.",
       "PlayDuration": "Durata riproduzione",
       "Title": "Titolo",
-      "AlbumArtists": "Artista",
-      "Date": "Anno di rilascio",
-      "Name": "Nome",
-      "NoOfAlbums": "No. di album"
+      "TrackCount": "N. di tracce"
     }
   },
+  "ChartItem": {
+    "ArtistPlays": "{count} ascolti totali"
+  },
+  "ChartItemGroup": {
+    "FetchingData": "recupero dati...",
+    "NoDataFound": "Nessun dato trovato per il periodo specificato: {per}"
+  },
+  "Charts": {
+    "ChartsDescription": "Gli artisti, album e canzoni più ascoltate",
+    "ChartsTitle": "Classifiche"
+  },
+  "Common": {
+    "Activate": "Attiva",
+    "Album": "Album | Albums",
+    "AlbumArtist": "Artista Album",
+    "All": "Tutte",
+    "AppTitle": "Swing Music",
+    "Appearance": "Aspetto",
+    "Appearances": "Comparse",
+    "Artist": "Artista | Artisti",
+    "Ascending": "Crescente",
+    "Autodetect": "autorileva",
+    "Backup": "Backup",
+    "Bitrate": "Bitrate",
+    "BuiltBy": "creato da @cwilvx ↗",
+    "Change": "Cambia",
+    "Compilations": "Raccolta | Raccolte",
+    "Configure": "Configura",
+    "ConfirmPass": "Conferma password",
+    "Connect": "Collega",
+    "Continue": "Continua",
+    "Create": "Crea",
+    "CreateAccount": "Crea account",
+    "DateAdded": "Data di aggiunta",
+    "Default": "Default",
+    "Delete": "Elimina",
+    "Descending": "Decrescente",
+    "Details": "Dettagli",
+    "Disc": "Disco",
+    "Discography": "Discografia {artist}",
+    "Disconnect": "Scollega",
+    "Duration": "Durata",
+    "FileName": "Nome File",
+    "Finish": "Termina",
+    "Folders": "Cartelle",
+    "HiSpace": "Ciao ",
+    "Image": "Immagine",
+    "LastPlayed": "Ultima riproduzione",
+    "Library": "Libreria",
+    "LogIn": "Accedi",
+    "LogOut": "Scollegati",
+    "Lyrics": "Testi canzoni",
+    "Modify": "Modifica",
+    "New": "Nuovo",
+    "NoResults": "Nessun risultato",
+    "NoSearchResults": "Non riesco a trovare nessun risultato per la tua ricerca.",
+    "NoTrackResults": "Nessun risultato trovato nelle tracce",
+    "NoTracks": "Nessuna traccia",
+    "NotificationError": "È avvenuto un errore!",
+    "NotificationErrorWithArg": "Fallito: {error}",
+    "NotificationFunnyError": "È successo qualcosa di divertentemente inaspettato!",
+    "NowPlaying": "In riproduzione",
+    "Other": "Altre",
+    "Password": "Password",
+    "Periods": {
+      "AllTime": "Sempre",
+      "Month": "Mese | Mesi",
+      "MonthShort": "me",
+      "OnceShort": "una volta",
+      "Week": "Settimana | Settimane",
+      "Year": "Anno | Anni",
+      "YearShort": "an"
+    },
+    "Pinned": "Fissato",
+    "Play": "Riproduci",
+    "PlayCount": "Numero di riproduzioni",
+    "PlayDuration": "Durata di riproduzione",
+    "Playlist": "Playlist",
+    "Playlists": "Playlists",
+    "Plugins": "Plugins",
+    "Recents": "Recenti",
+    "ReleaseDate": "Data di rilascio",
+    "Rescan": "Riscansiona",
+    "Saving": "Salvataggio",
+    "Search": "Trova",
+    "SearchResults": "Risultati della ricerca",
+    "SeeAll": "Vis. Tutti",
+    "Settings": "Impostazioni",
+    "SimilarArtists": "Artisti simili",
+    "Singles": "EP & Singles",
+    "SwingMusic": "Swing Music",
+    "Title": "Titolo",
+    "TopResult": "Risultati migliori",
+    "Track": "Traccia | Tracce",
+    "TrackCount": "{count} traccia | {count} tracce",
+    "Unknown": "Sconosciuto",
+    "Update": "Aggiorna",
+    "Username": "Nome utente",
+    "added": "aggiunto",
+    "album": "album | albums",
+    "artist": "artista | artisti",
+    "experimental": "sperimentale",
+    "mix": "mix | mixes",
+    "new": "nuovo",
+    "removed": "rimosso",
+    "selected": "selezionato",
+    "top": "migliori",
+    "track": "traccia | tracce",
+    "update": "aggiornare",
+    "upload": "caricare"
+  },
+  "ConfirmModal": {
+    "Cancel": "Annulla",
+    "Delete": "Elimina"
+  },
+  "Content": {
+    "SettingsDesc": "Personalizza le impostazioni e le tue preferenze"
+  },
+  "CrudPage": {
+    "CollectionName": "Nome collezione",
+    "CollectionTitle": " Collezione",
+    "Create": "Crea",
+    "CreateNotification": "Nuova collezione creata",
+    "DeleteButton": "Si, eliminala",
+    "DeleteDescription": "Sei sicuro di voler cancellare questa collezione?",
+    "DeleteNotification": "Collezione eliminata",
+    "DeleteTitle": "Elimina",
+    "Description": "Descrizione",
+    "NewTitle": "Nuova",
+    "Update": "Aggiorna",
+    "UpdateNotification": "Collezione aggiornata",
+    "UpdateTitle": "Aggiorna"
+  },
+  "DropDown": {
+    "SortByUppercase": "ORDINA PER {title} {order}"
+  },
+  "Favorites": {
+    "Album": "Album"
+  },
+  "FavoritesCard": {
+    "FavoriteTracks": "Tracce preferite",
+    "PlaylistUpper": "PLAYLIST"
+  },
   "FolderView": {
     "FileCount": "File | Files"
   },
   "HomeView": {
-    "Title": "Home",
-    "Greetings": {
-      "midnight": "Hey animale notturno",
-      "dawn": "Hey there uccello mattutino",
-      "morning": "Buongiorno, {name}",
-      "afternoon": "Buon pomeriggio, {name}",
-      "evening": "Buona serata, {name}"
-    },
     "Browse": {
-      "Title": "Sfoglia libreria",
       "BrowseList": {
-        "Folders": "Cartelle",
         "Albums": "Album",
         "Artists": "Artisti",
-        "Playlists": "Playlist",
-        "Favorites": "Preferiti",
-        "FavTracks": "Tracce pref.",
-        "FavArtists": "Artisti pref.",
         "FavAlbums": "Album pref.",
+        "FavArtists": "Artisti pref.",
+        "FavTracks": "Tracce pref.",
+        "Favorites": "Preferiti",
+        "Folders": "Cartelle",
+        "Playlists": "Playlist",
         "Stats": "Statist."
-      }
+      },
+      "Title": "Sfoglia libreria"
     },
+    "Greetings": {
+      "afternoon": "Buon pomeriggio, {name}",
+      "dawn": "Hey there uccello mattutino",
+      "evening": "Buona serata, {name}",
+      "midnight": "Hey animale notturno",
+      "morning": "Buongiorno, {name}"
+    },
+    "Title": "Home",
     "title": "Home"
   },
+  "Languages": {
+    "ChooseLang": "Scegli la tua lingua preferita",
+    "WarnAppReload": "(impostare la lingua forza un refresh dell'app)",
+    "en_US": "🇺🇸 Inglese (Stati Uniti)",
+    "it_IT": "🇮🇹 Italiano (Italia)",
+    "ko": "Coreano"
+  },
   "LeftSidebar": {
+    "FileTypeBitrate": "tipo file • bitrate",
     "NavItems": {
-      "Folder": "Cartelle",
       "Favorites": "Preferiti",
-      "Playlists": "Playlist",
+      "Folder": "Cartelle",
       "Home": "Home",
+      "Playlists": "Playlist",
       "Search": "Cerca",
       "Settings": "Impostazioni"
+    }
+  },
+  "MasterFlag": {
+    "MasterAudioBitrate": "Bitrate audio sorgente -"
+  },
+  "Menus": {
+    "Artist": {
+      "PlayNext": "Riproduci dopo la corrente"
     },
-    "FileTypeBitrate": "tipo file • bitrate"
+    "Common": {
+      "AddToCollection": "Aggiungi a collezione",
+      "AddToPlaylist": "Aggiungi a playlist",
+      "AddToQueue": "Aggiungi in coda",
+      "PlayNext": "Riproduci dopo la corrente",
+      "RemoveFromCollection": "Rimuovi oggetto",
+      "RemoveFromPlaylist": "Rimuovi dalla playlist",
+      "RemoveFromQueue": "Rimuovi dalla coda"
+    },
+    "PlayList": {
+      "RemoveFromPlaylist": "Rimuovi dalla playlist"
+    },
+    "Queue": {
+      "AddQueueToPlaylist": "Aggiungi la coda alla playlist",
+      "ArtistName": "Questo è {hash}",
+      "ClearQueue": "Svuota coda",
+      "FavoritesName": "Preferiti",
+      "PlaylistName": "{name} 2.0",
+      "SearchName": "Risultati di ricerca per {query}"
+    },
+    "Track": {
+      "DeleteTrack": "Cancella traccia",
+      "GoToAlbum": "Vai all'album",
+      "GoToArtist": "Vai all'artista",
+      "GoToFolder": "Vai alla cartella",
+      "OpenInFiles": "Apri in file"
+    },
+    "Utils": {
+      "NewCollection": "Nuova collezione",
+      "NewPlaylist": "Nuova playlist",
+      "SearchOn": "Cerca su"
+    }
+  },
+  "Mixes": {
+    "Radio": "Radio",
+    "SaveMix": "Salva mix",
+    "SavedMix": "Mix salvato",
+    "track": "traccia | tracce"
+  },
+  "Modal": {
+    "DeletePlaylist": "Sei sicuro di voler cancellare questa playlist in modo definitivo?",
+    "UpdatePlaylist": "Aggiorna playlist"
+  },
+  "Nav": {
+    "ResetClient": "Resetta client"
+  },
+  "NavTitles": {
+    "ArtistTracks": "Tracce Artisti",
+    "NowPlaying": "In riproduzione",
+    "Settings": "Impostazioni"
+  },
+  "NewPlaylist": {
+    "CreateButton": "Crea",
+    "NameNotEmpty": "Il nome della playlist non può essere vuoto",
+    "NamePlaceholder": "Inserisci un nome...",
+    "PlaylistName": "Nome playlist",
+    "Title": "Nuova playlist"
   },
   "NowPlaying": {
     "GoToAlbum": "Vai ad album",
-    "UpNext": "Pros. traccia",
+    "GoToPlaySource": "Vai alla posizione della traccia",
     "Queue": "Coda",
-    "GoToPlaySource": "Vai alla posizione della traccia"
+    "UpNext": "Pros. traccia"
+  },
+  "Onboarding": {
+    "CreateAccountDesc": "Questo account sarà usato per amministrare il server.",
+    "CreateAccountTitle": "Crea account",
+    "ErrorPassDoNotMatch": "Le password non corrispondono",
+    "ErrorPassTooShort": "La password deve essere lunga almeno 8 caratteri",
+    "FilePicker": {
+      "Help": "Usa (⌘/Ctrl o Shift) + click per selezionare cartelle multiple",
+      "Selected": "{sel} selezionate",
+      "ThisFolderHelp": ". (questa cartella)"
+    },
+    "Finish": {
+      "ConfirmButton": "Clicca il pulsante sotto per proseguire nella tua libreria.",
+      "Processing": "Swing Music sta scansionando le tue cartelle selezionate. Attendi ...",
+      "TitleAlmostDone": "Ci sei quasi!",
+      "TitleDone": "Hai finito! 🎉"
+    },
+    "RootDirs": {
+      "AddFolders": "Aggiungi cartelle",
+      "ErrorSelectRootFolder": "Seleziona una cartella radice",
+      "FolderSelected": "{n} cartella selezionata | {n} cartelle selezionate",
+      "FolderSelectedDesc": "Seleziona cartella per effettuarne la scansione",
+      "HomeDir": "Cartella home",
+      "HomeDirDesc": "Scansiona tutte le cartelle in ",
+      "SpecificFolder": "Cartella specifica",
+      "Title": "Configura cartelle musicali",
+      "TitleDesc": "Dove vuoi che Swing Music cerchi le tue tracce musicali?"
+    },
+    "Welcome": {
+      "GetStarted": "Iniziamo",
+      "Tagline": "Clicca il pulsante sotto per creare il tuo primo account",
+      "Title": "Benvenuto a"
+    }
+  },
+  "Pairing": {
+    "ErrorPairingCode": "Errore nel recupero del codice di pairing. Codice di errore: {res}",
+    "ScanQRCode": "Scansiona il QRCode con l'app Swing Music per accedere automaticamente a questo server."
   },
   "PlaylistView": {
-    "LastUpdated": "Aggiornato in {date}",
+    "AllTracks": "Tutte le tracce",
     "Edit": "Modifica",
-    "AllTracks": "Tutte le tracce"
+    "LastUpdated": "Aggiornato in {date}"
+  },
+  "Profile": {
+    "AddUser": "Aggiungi utente",
+    "ConfirmPassword": "Conferma password",
+    "HiUser": "Ciao {user}",
+    "LangNotCurrentlySupported": "Lingua non supportata attualmente",
+    "PasswordAction": "{action} password",
+    "PasswordMismatch": "Le password sono diverse",
+    "SelectLanguage": "Inserisci la lingua desiderata",
+    "SetLanguage": "Imposta lingua",
+    "Username": "Nome utente"
+  },
+  "ProfileDropdown": {
+    "HiUser": "Ciao {user}",
+    "QuickScan": "Scan. veloce"
+  },
+  "Requests": {
+    "Album": {
+      "AlbumNotCreatedYet": "Album non ancora creato!"
+    },
+    "Artists": {
+      "ArtistNotFound": "Artista non trovato"
+    },
+    "Collections": {
+      "AddOrRemCollSuccess": "{payload} {command} dalla pagina",
+      "CollectionAlreadyPresent": "{payload} è già presente nella collezione"
+    },
+    "Playlists": {
+      "AddedToPlaylist": "Aggiunto a {name}",
+      "AlreadyExists": "Questa playlist esiste già",
+      "BannerImageRemoved": "Immagine del banner rimossa",
+      "BannerImageRemovedError": "Non riesco a rimuovere l'immagine del banner",
+      "CreatedSuccesfully": "Playlist creata correttamente!",
+      "Deleted": "Playlist cancellata",
+      "ErrUnsupportedImage": "Fallito: immagine non supportata",
+      "NotFound": "Playlist non trovata",
+      "TrackAlreadyPresent": "La traccia è gia presente nella playlist",
+      "TrackRemoved": "Traccie rimosse",
+      "TrackRemovedError": "Non riesco a rimuovere le tracce",
+      "Updated": "Playlist aggiornata!"
+    },
+    "RootDirs": {
+      "ErrorAdding": "Errore aggiungendo le cartelle radici",
+      "ErrorRemoving": "Errore rimuovendo le cartelle radici",
+      "ScanError": "Errore durante l'avviamento della scansione",
+      "ScanStarted": "Nuova scansione avviata",
+      "Success": "Cartelle radici configurate"
+    }
   },
   "RightSidebar": {
-    "SimilarTracks": "Tracce simili",
-    "Shuffle": "Shuffle",
-    "NowPlaying": "Riproducendo",
-    "NoQueueTitle": "Nessuna canzone in coda",
+    "BackToQueue": "ritorna alla coda",
     "NoQueueDescription": "Quando inizierai a riprodurre canzoni, queste appariranno qua.",
-    "BackToQueue": "ritorna alla coda"
+    "NoQueueTitle": "Nessuna canzone in coda",
+    "NowPlaying": "Riproducendo",
+    "Shuffle": "Shuffle",
+    "SimilarTracks": "Tracce simili"
+  },
+  "RootDirsPrompt": {
+    "HomeDir": "Cartella home",
+    "HomeDirInfo": "Scansiona tutte le cartelle nella tua home.",
+    "SpecificDir": "Cartella specifica",
+    "SpecificDirInfo": "Seleziona le cartelle contententi la musica da scansionare.",
+    "WhereToLook": "Dove vuoi cercare la tua musica?"
   },
   "Search": {
-    "NoResultsTitle": "Nessun risultato",
-    "NoTracksTitle": "nessuna traccia",
-    "NoResultsDescription": "Non riesco a trovare nessuna traccia con i parametri specificati.",
-    "TopResult": "Miglior risultato",
     "BackToQueue": "Ritorna alla coda",
     "GoToSearch": "Vai alla ricerca",
+    "NoResultsDescription": "Non riesco a trovare nessuna traccia con i parametri specificati.",
+    "NoResultsTitle": "Nessun risultato",
+    "NoTracksTitle": "nessuna traccia",
     "SearchPlaceholder": "Scrivi per cercare",
+    "TopResult": "Miglior risultato",
     "top": "Top"
   },
+  "SearchInput": {
+    "BackToQueue": "torna alla coda",
+    "GoToSearch": "vai alla ricerca"
+  },
+  "SetRootDirs": {
+    "AddAllChecked": "Aggiungi tutte le cartelle spuntate",
+    "NoSubFolders": "Nessuna cartella qua. Clicca \"aggiungi questa cartella\" per aggiungere la posizione attuale.",
+    "SelectThisFolder": "Aggiungi questa cartella"
+  },
   "Settings": {
-    "Save": "Salva",
-    "Cancel": "Annulla",
-    "Backup": {
-      "Title": "Backup",
-      "RestoreBackup": "Ripristina Backup",
-      "BackupCount": "Hai {count} backup(s) nella tua cartella dei backup.",
-      "PlaylistCount": "{count} playlist | {count} playlists",
-      "ScrobbleCount": "{count} scrobble | {count} scrobbles",
-      "FavoriteCount": "{count} preferito | {count} preferiti",
-      "CollectionCount": "{count} collezione | {count} collezioni",
-      "RestoreButton": "Ripristina",
-      "RestoreAllButton": "Ripristina tutto",
-      "BackupSuccess": "Backup creato",
-      "ThankYouMessage": "Ti ringrazio per aver sponsorizzato Swing Music!"
-    },
-    "List": {
-      "RootNotConfigured": "Cartella radice non impostata. Usa il pulsante \"Configure\" per impostarla"
-    },
-    "NumberInput": {
-      "InvalidNumber": "Numero non valido",
-      "Updated": "Aggiornato",
-      "UpdateFailed": "Aggiornamento fallito"
-    },
     "About": {
       "Developer": "Swing Music è un atto d'amore sviluppato su GitHub all'indirizzo {link}. Se questo software ti piace, una stellina sul progetto sarebbe molto apprezzata. Spero tu l'apprezzi tanto quanto mi son divertito a scriverla da zero. 😁🤗",
-      "LinksTitle": "Links",
+      "GetInTouchDescription": "Se apprezzi il mio lavoro, e ti piacerebbe salutarmi, mi farebbe piacere un contatto (in inglese).",
+      "GetInTouchTitle": "Rimani in contatto",
+      "LicenseDesc": "Gestisci la tua chiave di licenza, la tua sottoscrizione e i tuoi dispositivi autorizzati.",
+      "LicenseDisplayName": "Licenza e sottoscrizione",
+      "LicenseTitle": "Licenza",
+      "LinksContribute": "Contribuisci",
       "LinksDocs": "Docs",
       "LinksGitHub": "Stellina su GitHub",
       "LinksIssue": "Segnala un problema (in inglese)",
-      "LinksContribute": "Contribuisci",
-      "GetInTouchTitle": "Rimani in contatto",
-      "GetInTouchDescription": "Se apprezzi il mio lavoro, e ti piacerebbe salutarmi, mi farebbe piacere un contatto (in inglese).",
+      "LinksTitle": "Links",
       "SendEmail": "Manda Email",
-      "Title": "Riguardo a",
-      "LicenseTitle": "Licenza",
-      "LicenseDesc": "Gestisci la tua chiave di licenza, la tua sottoscrizione e i tuoi dispositivi autorizzati.",
-      "LicenseDisplayName": "Licenza e sottoscrizione"
+      "Title": "Riguardo a"
     },
-    "Experimental": "sperimentale",
-    "NowPlaying": {
-      "Title": "In riproduzione",
-      "Description": "Impostazioni riguardo la canzone in riproduzione",
-      "AlbumArt": "Mostra l'immagine di copertina nella barra di sinistra"
+    "Accounts": {
+      "Desc": "Accedi alla app mobile usando un QR code",
+      "Title": "Accounts"
     },
     "AppWidth": {
       "Extend": "Larghezza piena",
       "ExtendDesc": "Permetti all'applicazione di estendersi per tutta la larghezza dello schermo"
     },
-    "Sidebar": {
-      "UseSidebar": "Mostra la barra di destra"
-    },
-    "ContextChildren": {
-      "ShowMode": "Mostra i menu del tasto destro su"
-    },
-    "MasterFlag": {
-      "Show": "Flag master"
-    },
-    "ShowFolders": {
-      "As": "Mostra cartelle come"
-    },
-    "RootDirs": {
-      "Title": "Cartelle radici",
-      "Description": "Impostazioni riguardo le tue cartelle radici",
-      "Change": "Cambia le tue cartelle radici",
-      "Current": "Cartelle radici attuali"
-    },
-    "Accounts": {
-      "Title": "Accounts",
-      "Desc": "Accedi alla app mobile usando un QR code"
-    },
-    "Pairing": {
-      "Title": "Collega dispositivo"
-    },
-    "Profile": {
-      "Title": "Profilo",
-      "Desc": "Gestisci il tuo profilo e le informazioni di login"
-    },
     "Audio": {
-      "Title": "Audio",
-      "Playback": "Riproduzione",
-      "PlaybackDesc": "Impostazioni riguado la riproduzione audio",
-      "UseSilence": {
-        "Title": "Rimozione del silenzio tra le tracce",
-        "Description": "Salta automaticante il silenzio audio tra le tracce"
-      },
-      "UseCrossfade": {
-        "Title": "Abilita crossfade",
-        "Description": "Riduci il volume dell'audio della traccia corrente in uscita mentre aumenti l'audio della canzone in ingresso"
-      },
       "CrossfadeDuration": {
-        "Title": "Durata crossfade",
-        "Description": "Durata in secondi del crossfade"
+        "Description": "Durata in secondi del crossfade",
+        "Title": "Durata crossfade"
+      },
+      "LegacyStreaming": {
+        "Description": "Abilita se riscontro problemi durante lo streaming",
+        "Title": "Usa streaming legacy"
       },
+      "Playback": "Riproduzione",
+      "PlaybackDesc": "Impostazioni riguado la riproduzione audio",
       "StreamingQuality": {
-        "96": "96kbps",
+        "1024Flac": "Alta (1024kbps) (FLAC)",
         "128": "128kbps",
         "320": "320kbps",
-        "Original": "Originale",
         "640Flac": "Media (640kbps) (FLAC)",
-        "1024Flac": "Alta (1024kbps) (FLAC)",
-        "Title": "Qualità streaming",
-        "Description": "Scegli la qualità audio durante lo streaming"
+        "96": "96kbps",
+        "Description": "Scegli la qualità audio durante lo streaming",
+        "Original": "Originale",
+        "Title": "Qualità streaming"
       },
-      "LegacyStreaming": {
-        "Title": "Usa streaming legacy",
-        "Description": "Abilita se riscontro problemi durante lo streaming"
+      "Title": "Audio",
+      "UseCrossfade": {
+        "Description": "Riduci il volume dell'audio della traccia corrente in uscita mentre aumenti l'audio della canzone in ingresso",
+        "Title": "Abilita crossfade"
+      },
+      "UseSilence": {
+        "Description": "Salta automaticante il silenzio audio tra le tracce",
+        "Title": "Rimozione del silenzio tra le tracce"
       }
     },
+    "Backup": {
+      "BackupCount": "Hai {count} backup(s) nella tua cartella dei backup.",
+      "BackupSuccess": "Backup creato",
+      "CollectionCount": "{count} collezione | {count} collezioni",
+      "FavoriteCount": "{count} preferito | {count} preferiti",
+      "PlaylistCount": "{count} playlist | {count} playlists",
+      "RestoreAllButton": "Ripristina tutto",
+      "RestoreBackup": "Ripristina Backup",
+      "RestoreButton": "Ripristina",
+      "ScrobbleCount": "{count} scrobble | {count} scrobbles",
+      "ThankYouMessage": "Ti ringrazio per aver sponsorizzato Swing Music!",
+      "Title": "Backup"
+    },
+    "Cancel": "Annulla",
+    "ContextChildren": {
+      "ShowMode": "Mostra i menu del tasto destro su"
+    },
+    "Experimental": "sperimentale",
     "General": {
-      "MainSettingsDescription": "Impostazioni riguardo varie parti dell'interfaccia utente.",
-      "FolderListMode": {
-        "Title": "Mostra cartelle in modalità lista"
-      },
-      "CircularArtist": {
-        "Description": "Disabilita il layout a gradiente standard e usa invece una semplice immagine circolare",
-        "Title": "Intestazione della pagina dell'artista semplificata"
-      },
-      "Backups": {
-        "AutomaticBackups": {
-          "Description": "Crea un backup automatico ogni 6 ore",
-          "Title": "Backup automatici"
-        },
-        "BackupNow": {
-          "Description": "Directory di backup: ~/swingmusic.backups",
-          "Title": "Esegui backup"
-        }
-      },
+      "AlbumInfoSettingsDesc": "Impostazioni riguardo i dettagli degli albums",
       "Albums": {
         "AlbumAsSingles": {
           "Description": "Richiedi che un album abbia almeno due tracce",
@@ -355,389 +545,292 @@
           "Title": "Unisci versioni albums"
         }
       },
-      "TrackInfoSettingsDesc": "Impostazioni riguado i dettagli delle tracce",
-      "AlbumInfoSettingsDesc": "Impostazioni riguardo i dettagli degli albums",
       "ArtistSeparatorDesc": "Personalizza i separatori degli artisti",
-      "BackupMainDesc": "Esegui e ripristina il backup delle tue librerie",
-      "UseNoSidebarTitle": "Usa il layout senza barre laterali",
-      "NowPlaying": {
-        "DisableNPTitle": "Nascondi l'immagine dell'album dalla barra a sinistra",
-        "OnTabTitle": {
-          "Title": "Mostra la canzone in riproduzione attuale nel titolo della pagina",
-          "Description": "Sostituisci le informazioni della pagina corrente con la canzone in riproduzione"
-        },
-        "FavoriteInline": {
-          "Title": "Mostra l'icona dei preferiti inline",
-          "Description": "Mostra il pulsante dei preferiti accanto alla durata della traccia"
-        },
-        "HighlightFavorite": {
-          "Title": "Evidenzia tracce preferite",
-          "Description": "Mostra sempre il pulsante dei preferiti sulle tracce preferite"
-        }
-      },
-      "RootDirs": {
-        "ShowPlaylistInFolders": {
-          "Title": "Mostra le playlists nella visualizzazione a cartella",
-          "Description": "Naviga playlists e preferiti nella visualizzazione a cartella (pensata per l'app mobile)"
-        },
-        "EnablePeriodicScans": "Abilita scansioni periodiche",
-        "UseWatchdog": "Controlla le cartelle radici per trovare nuova musica",
-        "PeriodicScanInterval": "Intervallo della scansione periodica (in minuti)"
-      },
-      "Separators": {
-        "Title": "Inserisci i separatori separati da una virgola",
-        "Description": "Questi saranno usati per separare gli artisti e artisti degli album"
-      },
-      "Sidebar": {
-        "Title": "Mostra/nascondi barra destra",
-        "Description": "CTRL + B"
-      },
-      "Tracks": {
-        "ProcessFeatArtists": {
-          "Title": "Artisti in evidenza",
-          "Description": "Rimuovi gli artisti in evidenza dai titoli e uniscili con gli altri artisti"
-        },
-        "RemoveProd": {
-          "Title": "Nascondi 'prod.'",
-          "Description": "Rimuovi 'prod.' dal titolo delle tracce"
-        },
-        "HideRemaster": {
-          "Title": "Nascondi informazioni remaster",
-          "Description": "Rimuovi riferimenti riguardo eventuali remaster dai titoli delle canzoni "
-        }
-      },
-      "ArtistsDesc": "Personalizza le impostazioni degli artisti",
-      "Artists": {
-        "SeparatorTitle": "Inserisci i separatori separati da virgole",
-        "SeparatorDesc": "Saranno usati per separare artisti e artisti degli album",
-        "ArticleAwareTitle": "Ordinamento intelligente articoli",
-        "ArticleAwareDesc": "Ignora articoli (p.e. The, A, An) nell'ordinamento del nome degli artisti"
-      }
-    },
-    "Plugins": {
-      "LastFM": {
-        "Authorize": {
-          "Title": "Collega il tuo account",
-          "Description": "Connetti il tuo account Last.fm a Swing Music "
-        },
-        "Description": "Condividi la tua musica su Last.fm",
-        "Title": "Last.fm",
-        "ApiKey": {
-          "Title": "Usa key API personalizzata",
-          "Description": "invece di quella usata di default da Swing Music per autenticarsi a Last.fm"
-        },
-        "ApiSecret": {
-          "Title": "Usa segreto API personalizzato",
-          "Description": "invece di quella usata di default da Swing Music per firmare i tuoi invii scrobble"
-        }
-      },
-      "LyricsDescription": "Cerca e visualizza testi delle canzoni trovate su internet.",
-      "Lyrics": {
-        "ToggleLyrics": {
-          "Title": "Abilita plugin"
-        },
-        "AutoDownload": {
-          "Title": "Scarica automaticamente testi",
-          "Description": "Scarica automaticamente i testi mancanti quando apri la  pagina dei testi delle canzoni"
-        },
-        "OverrideLocal": {
-          "Title": "Ignora testi locali non sincronizzati",
-          "Description": "Scarica comunque i testi anche sono già presenti testi locali non sincronizzati alla musica"
-        },
-        "TrustCloud": {
-          "Title": "Mostra solo testi verificati",
-          "Desc": "Non mostrare testi non verificati (licenza premium richiesta)"
-        }
-      }
-    },
-    "License": {
-      "GithubSponsorTitle": "Benefit GitHub Sponsor",
-      "NoGithubLogin": "Il premium di Swing Music è disponibile per tutti i donatori su Github Sponsor. Accedici per averne l'accesso.",
-      "ThanksCustName": "Ciao @{cust}! Hai accesso a Swing Music Premium.",
-      "ThanksWithHearts": "Grazie per il tuo supporto. ❤️❤️"
-    }
-  },
-  "Favorites": {
-    "Album": "Album"
-  },
-  "Mixes": {
-    "track": "traccia | tracce",
-    "SavedMix": "Mix salvato",
-    "SaveMix": "Salva mix",
-    "Radio": "Radio"
-  },
-  "AuthLogin": {
-    "BackToSelection": "Torna alla selezione",
-    "Back": "Indietro",
-    "WelcomeBack": "Bentornato",
-    "EnterUsername": "Inserisci nome utente",
-    "EnterPassword": "Inserisci password",
-    "ContinueAsGuest": "O continua come ospite"
-  },
-  "ConfirmModal": {
-    "Cancel": "Annulla",
-    "Delete": "Elimina"
-  },
-  "CrudPage": {
-    "CollectionName": "Nome collezione",
-    "Description": "Descrizione",
-    "Update": "Aggiorna",
-    "Create": "Crea",
-    "DeleteDescription": "Sei sicuro di voler cancellare questa collezione?",
-    "DeleteButton": "Si, eliminala",
-    "DeleteNotification": "Collezione eliminata",
-    "CreateNotification": "Nuova collezione creata",
-    "UpdateNotification": "Collezione aggiornata",
-    "DeleteTitle": "Elimina",
-    "UpdateTitle": "Aggiorna",
-    "NewTitle": "Nuova",
-    "CollectionTitle": " Collezione"
-  },
-  "NewPlaylist": {
-    "PlaylistName": "Nome playlist",
-    "NamePlaceholder": "Inserisci un nome...",
-    "CreateButton": "Crea",
-    "Title": "Nuova playlist",
-    "NameNotEmpty": "Il nome della playlist non può essere vuoto"
-  },
-  "RootDirsPrompt": {
-    "WhereToLook": "Dove vuoi cercare la tua musica?",
-    "HomeDir": "Cartella home",
-    "HomeDirInfo": "Scansiona tutte le cartelle nella tua home.",
-    "SpecificDir": "Cartella specifica",
-    "SpecificDirInfo": "Seleziona le cartelle contententi la musica da scansionare."
-  },
-  "SetRootDirs": {
-    "NoSubFolders": "Nessuna cartella qua. Clicca \"aggiungi questa cartella\" per aggiungere la posizione attuale.",
-    "SelectThisFolder": "Aggiungi questa cartella",
-    "AddAllChecked": "Aggiungi tutte le cartelle spuntate"
-  },
-  "Accounts": {
-    "AllUsers": "Tutti gli utenti",
-    "NewUser": "Nuovo utente",
-    "EnableGuestAccess": "Abilita accesso ospite",
-    "EnableGuestAccessDesc": "Permetti utenti di accedere a questo sito senza un account",
-    "ShowUsersOnLogin": "Mostra utenti durante l'accesso",
-    "ShowUsersOnLoginDesc": "Mostra un elenco di utenti disponibili durante l'accesso",
-    "Admin": "Admin",
-    "AdminDesc": "Può far tutto",
-    "NoSelfDelete": "Non puoi cancellare te stesso!"
-  },
-  "Pairing": {
-    "ScanQRCode": "Scansiona il QRCode con l'app Swing Music per accedere automaticamente a questo server.",
-    "ErrorPairingCode": "Errore nel recupero del codice di pairing. Codice di errore: {res}"
-  },
-  "Profile": {
-    "PasswordMismatch": "Le password sono diverse",
-    "HiUser": "Ciao {user}",
-    "Username": "Nome utente",
-    "PasswordAction": "{action} password",
-    "ConfirmPassword": "Conferma password",
-    "AddUser": "Aggiungi utente",
-    "SelectLanguage": "Inserisci la lingua desiderata",
-    "SetLanguage": "Imposta lingua",
-    "LangNotCurrentlySupported": "Lingua non supportata attualmente"
-  },
-  "UpdatePlaylist": {
-    "Name": "Nome playlist",
-    "CoverAction": "Clicca per {action} l'immagine di copertina",
-    "SquareCover": "Rendi la copertina squadrata",
-    "ImagePosition": "Modifica posizione immagine • {pos} %"
-  },
-  "NavTitles": {
-    "ArtistTracks": "Tracce Artisti",
-    "NowPlaying": "In riproduzione",
-    "Settings": "Impostazioni"
-  },
-  "ProfileDropdown": {
-    "QuickScan": "Scan. veloce",
-    "HiUser": "Ciao {user}"
-  },
-  "SearchInput": {
-    "GoToSearch": "vai alla ricerca",
-    "BackToQueue": "torna alla coda"
-  },
-  "UpNext": {
-    "PlayNextSong": "riproduci prossima traccia",
-    "NextUp": "La prossima"
-  },
-  "Content": {
-    "SettingsDesc": "Personalizza le impostazioni e le tue preferenze"
-  },
-  "Nav": {
-    "ResetClient": "Resetta client"
-  },
-  "ArtistCard": {
-    "TrackCount": "{count} Traccia | {count} Tracce"
-  },
-  "DropDown": {
-    "SortByUppercase": "ORDINA PER {title} {order}"
-  },
-  "FavoritesCard": {
-    "FavoriteTracks": "Tracce preferite",
-    "PlaylistUpper": "PLAYLIST"
-  },
-  "MasterFlag": {
-    "MasterAudioBitrate": "Bitrate audio sorgente -"
-  },
-  "TrackItem": {
-    "AddToFavorites": "Aggiungi ai preferiti",
-    "RemoveFromFavorites": "Rimuovi dai preferiti",
-    "RemoveFromQueue": "Rimuovi dalla coda"
-  },
-  "ChartItem": {
-    "ArtistPlays": "{count} ascolti totali"
-  },
-  "ChartItemGroup": {
-    "FetchingData": "recupero dati...",
-    "NoDataFound": "Nessun dato trovato per il periodo specificato: {per}"
-  },
-  "Charts": {
-    "ChartsTitle": "Classifiche",
-    "ChartsDescription": "Gli artisti, album e canzoni più ascoltate"
-  },
-  "Modal": {
-    "DeletePlaylist": "Sei sicuro di voler cancellare questa playlist in modo definitivo?"
-  },
-  "Menus": {
-    "Artist": {
-      "PlayNext": "Riproduci dopo la corrente"
+      "Artists": {
+        "ArticleAwareDesc": "Ignora articoli (p.e. The, A, An) nell'ordinamento del nome degli artisti",
+        "ArticleAwareTitle": "Ordinamento intelligente articoli",
+        "SeparatorDesc": "Saranno usati per separare artisti e artisti degli album",
+        "SeparatorTitle": "Inserisci i separatori separati da virgole"
+      },
+      "ArtistsDesc": "Personalizza le impostazioni degli artisti",
+      "BackupMainDesc": "Esegui e ripristina il backup delle tue librerie",
+      "Backups": {
+        "AutomaticBackups": {
+          "Description": "Crea un backup automatico ogni 6 ore",
+          "Title": "Backup automatici"
+        },
+        "BackupNow": {
+          "Description": "Directory di backup: ~/swingmusic.backups",
+          "Title": "Esegui backup"
+        }
+      },
+      "CircularArtist": {
+        "Description": "Disabilita il layout a gradiente standard e usa invece una semplice immagine circolare",
+        "Title": "Intestazione della pagina dell'artista semplificata"
+      },
+      "FolderListMode": {
+        "Title": "Mostra cartelle in modalità lista"
+      },
+      "MainSettingsDescription": "Impostazioni riguardo varie parti dell'interfaccia utente.",
+      "NowPlaying": {
+        "DisableNPTitle": "Nascondi l'immagine dell'album dalla barra a sinistra",
+        "FavoriteInline": {
+          "Description": "Mostra il pulsante dei preferiti accanto alla durata della traccia",
+          "Title": "Mostra l'icona dei preferiti inline"
+        },
+        "HighlightFavorite": {
+          "Description": "Mostra sempre il pulsante dei preferiti sulle tracce preferite",
+          "Title": "Evidenzia tracce preferite"
+        },
+        "OnTabTitle": {
+          "Description": "Sostituisci le informazioni della pagina corrente con la canzone in riproduzione",
+          "Title": "Mostra la canzone in riproduzione attuale nel titolo della pagina"
+        }
+      },
+      "RootDirs": {
+        "EnablePeriodicScans": "Abilita scansioni periodiche",
+        "PeriodicScanInterval": "Intervallo della scansione periodica (in minuti)",
+        "ShowPlaylistInFolders": {
+          "Description": "Naviga playlists e preferiti nella visualizzazione a cartella (pensata per l'app mobile)",
+          "Title": "Mostra le playlists nella visualizzazione a cartella"
+        },
+        "UseWatchdog": "Controlla le cartelle radici per trovare nuova musica"
+      },
+      "Separators": {
+        "Description": "Questi saranno usati per separare gli artisti e artisti degli album",
+        "Title": "Inserisci i separatori separati da una virgola"
+      },
+      "Sidebar": {
+        "Description": "CTRL + B",
+        "Title": "Mostra/nascondi barra destra"
+      },
+      "TrackInfoSettingsDesc": "Impostazioni riguado i dettagli delle tracce",
+      "Tracks": {
+        "HideRemaster": {
+          "Description": "Rimuovi riferimenti riguardo eventuali remaster dai titoli delle canzoni ",
+          "Title": "Nascondi informazioni remaster"
+        },
+        "ProcessFeatArtists": {
+          "Description": "Rimuovi gli artisti in evidenza dai titoli e uniscili con gli altri artisti",
+          "Title": "Artisti in evidenza"
+        },
+        "RemoveProd": {
+          "Description": "Rimuovi 'prod.' dal titolo delle tracce",
+          "Title": "Nascondi 'prod.'"
+        }
+      },
+      "UseNoSidebarTitle": "Usa il layout senza barre laterali"
     },
-    "Common": {
-      "AddToCollection": "Aggiungi a collezione",
-      "AddToPlaylist": "Aggiungi a playlist",
-      "AddToQueue": "Aggiungi in coda",
-      "PlayNext": "Riproduci dopo la corrente",
-      "RemoveFromCollection": "Rimuovi oggetto",
-      "RemoveFromPlaylist": "Rimuovi dalla playlist",
-      "RemoveFromQueue": "Rimuovi dalla coda"
+    "License": {
+      "ActivateLicense": "{action} licenza",
+      "Amount": "Quantità",
+      "AuthDevices": "Dispositivi autorizzati",
+      "AutoRenewOff": "Addebito auto off",
+      "CanceledAt": "Terminata ",
+      "CurrentlyUsed": "Istanze che utilizzano la tua chiave di licenza ({cur}/{tot} attivi)",
+      "Expires": "Scade",
+      "GithubSponsorTitle": "Benefit GitHub Sponsor",
+      "GithubSponsors": "Sponsors GitHub",
+      "LastActivity": "Ultima attività: {time}",
+      "LicenseKey": {
+        "AlreadyHave": "Hai già una chiave di licenza?",
+        "Info": "Informazioni chiave licenza",
+        "Paste": "Incolla la chiave di licenza qui:",
+        "Update": "Aggiorna la chiave di licenza:"
+      },
+      "LogInToGithub": "Accedi a GitHub",
+      "Manage": "Gestisci {lic} ↗",
+      "NewOrUpServerName": "{action} server:",
+      "NoActiveSub": "Nessun abbonamento attivo",
+      "NoActiveSubDesc": "Ottieni un abbonamento per sbloccare tutte le funzionalità premium.\n Usa il link qui sotto per sfogliare piani e vantaggi disponibili.",
+      "NoActivity": "Nessuna attività",
+      "NoGithubLogin": "Il premium di Swing Music è disponibile per tutti i donatori su Github Sponsor. Accedici per averne l'accesso.",
+      "RefreshStatus": "Aggiorna stato",
+      "Renewal": "Rinnova",
+      "Revoke": "Revoca",
+      "SaveChanges": "Salva modifiche",
+      "SponsorOnGithub": "Sponsorizza su GitHub ❤️",
+      "Sponsorship": "Sponsor",
+      "Status": "Stato",
+      "Subscription": "Abbonamento",
+      "ThanksCustName": "Ciao @{cust}! Hai accesso a Swing Music Premium.",
+      "ThanksWithHearts": "Grazie per il tuo supporto. ❤️❤️",
+      "Tier": "Livello",
+      "ViewPricing": "Mostra prezzi"
     },
-    "PlayList": {
-      "RemoveFromPlaylist": "Rimuovi dalla playlist"
+    "List": {
+      "RootNotConfigured": "Cartella radice non impostata. Usa il pulsante \"Configure\" per impostarla"
     },
-    "Queue": {
-      "ArtistName": "Questo è {hash}",
-      "PlaylistName": "{name} 2.0",
-      "SearchName": "Risultati di ricerca per {query}",
-      "FavoritesName": "Preferiti",
-      "ClearQueue": "Svuota coda",
-      "AddQueueToPlaylist": "Aggiungi la coda alla playlist"
+    "MasterFlag": {
+      "Show": "Flag master"
     },
-    "Track": {
-      "GoToFolder": "Vai alla cartella",
-      "GoToArtist": "Vai all'artista",
-      "OpenInFiles": "Apri in file",
-      "GoToAlbum": "Vai all'album",
-      "DeleteTrack": "Cancella traccia"
+    "NowPlaying": {
+      "AlbumArt": "Mostra l'immagine di copertina nella barra di sinistra",
+      "Description": "Impostazioni riguardo la canzone in riproduzione",
+      "Title": "In riproduzione"
     },
-    "Utils": {
-      "NewPlaylist": "Nuova playlist",
-      "NewCollection": "Nuova collezione",
-      "SearchOn": "Cerca su"
-    }
-  },
-  "UsePlayFrom": {
-    "AlbumTracksNotFound": "Tracce album non trovate",
-    "ArtistTracksNotFound": "Tracce artista non trovate",
-    "FolderTracksNotFound": "Tracce della cartella non trovate"
-  },
-  "Requests": {
-    "Album": {
-      "AlbumNotCreatedYet": "Album non ancora creato!"
+    "NumberInput": {
+      "InvalidNumber": "Numero non valido",
+      "UpdateFailed": "Aggiornamento fallito",
+      "Updated": "Aggiornato"
     },
-    "Artists": {
-      "ArtistNotFound": "Artista non trovato"
+    "Pairing": {
+      "Title": "Collega dispositivo"
     },
-    "Collections": {
-      "AddOrRemCollSuccess": "{payload} {command} dalla pagina",
-      "CollectionAlreadyPresent": "{payload} è già presente nella collezione"
+    "Plugins": {
+      "LastFM": {
+        "ApiKey": {
+          "Description": "invece di quella usata di default da Swing Music per autenticarsi a Last.fm",
+          "Title": "Usa key API personalizzata"
+        },
+        "ApiSecret": {
+          "Description": "invece di quella usata di default da Swing Music per firmare i tuoi invii scrobble",
+          "Title": "Usa segreto API personalizzato"
+        },
+        "Authorize": {
+          "Description": "Connetti il tuo account Last.fm a Swing Music ",
+          "Title": "Collega il tuo account"
+        },
+        "Description": "Condividi la tua musica su Last.fm",
+        "Title": "Last.fm"
+      },
+      "Lyrics": {
+        "AutoDownload": {
+          "Description": "Scarica automaticamente i testi mancanti quando apri la  pagina dei testi delle canzoni",
+          "Title": "Scarica automaticamente testi"
+        },
+        "OverrideLocal": {
+          "Description": "Scarica comunque i testi anche sono già presenti testi locali non sincronizzati alla musica",
+          "Title": "Ignora testi locali non sincronizzati"
+        },
+        "ToggleLyrics": {
+          "Title": "Abilita plugin"
+        },
+        "TrustCloud": {
+          "Desc": "Non mostrare testi non verificati (licenza premium richiesta)",
+          "Title": "Mostra solo testi verificati"
+        }
+      },
+      "LyricsDescription": "Cerca e visualizza testi delle canzoni trovate su internet."
     },
-    "Playlists": {
-      "CreatedSuccesfully": "Playlist creata correttamente!",
-      "AlreadyExists": "Questa playlist esiste già",
-      "NotFound": "Playlist non trovata",
-      "TrackAlreadyPresent": "La traccia è gia presente nella playlist",
-      "AddedToPlaylist": "Aggiunto a {name}",
-      "ErrUnsupportedImage": "Fallito: immagine non supportata",
-      "Updated": "Playlist aggiornata!",
-      "Deleted": "Playlist cancellata",
-      "TrackRemoved": "Traccie rimosse",
-      "TrackRemovedError": "Non riesco a rimuovere le tracce",
-      "BannerImageRemoved": "Immagine del banner rimossa",
-      "BannerImageRemovedError": "Non riesco a rimuovere l'immagine del banner"
+    "Profile": {
+      "Desc": "Gestisci il tuo profilo e le informazioni di login",
+      "Title": "Profilo"
     },
     "RootDirs": {
-      "ErrorAdding": "Errore aggiungendo le cartelle radici",
-      "Success": "Cartelle radici configurate",
-      "ErrorRemoving": "Errore rimuovendo le cartelle radici",
-      "ScanError": "Errore durante l'avviamento della scansione",
-      "ScanStarted": "Nuova scansione avviata"
+      "Change": "Cambia le tue cartelle radici",
+      "Current": "Cartelle radici attuali",
+      "Description": "Impostazioni riguardo le tue cartelle radici",
+      "Title": "Cartelle radici"
+    },
+    "Save": "Salva",
+    "ShowFolders": {
+      "As": "Mostra cartelle come"
+    },
+    "Sidebar": {
+      "UseSidebar": "Mostra la barra di destra"
     }
   },
   "Stores": {
-    "Tracklist": {
-      "AddTrackToQueue": "Aggiunta {n} traccia alla coda | Aggiunte {n} tracce alla coda"
-    },
     "Auth": {
-      "UserAddedSucc": "Utente aggiunto con successo!",
       "GuestUserAdded": "Utente ospite aggiunto con successo!",
       "ProfileUpdated": "Profilo aggiornato con successo!",
+      "UserAddedSucc": "Utente aggiunto con successo!",
       "UserDeleted": "Utente {user} cancellato con successo!"
     },
     "Player": {
       "AutoplayBlockedError": "Tocca ovunque la pagina per riprovare (autoplay bloccato)",
-      "PlayerErrorWithArg": "Errore player: {msg}",
-      "LoadErrorWithArg": "Non riesco a caricare: {queue}"
+      "LoadErrorWithArg": "Non riesco a caricare: {queue}",
+      "PlayerErrorWithArg": "Errore player: {msg}"
     },
     "Queue": {
       "AddedTrack": "Aggiunta una traccia alla coda"
+    },
+    "Tracklist": {
+      "AddTrackToQueue": "Aggiunta {n} traccia alla coda | Aggiunte {n} tracce alla coda"
     }
   },
+  "TrackItem": {
+    "AddToFavorites": "Aggiungi ai preferiti",
+    "RemoveFromFavorites": "Rimuovi dai preferiti",
+    "RemoveFromQueue": "Rimuovi dalla coda"
+  },
+  "UpNext": {
+    "NextUp": "La prossima",
+    "PlayNextSong": "riproduci prossima traccia"
+  },
+  "UpdatePlaylist": {
+    "CoverAction": "Clicca per {action} l'immagine di copertina",
+    "ImagePosition": "Modifica posizione immagine • {pos} %",
+    "Name": "Nome playlist",
+    "SquareCover": "Rendi la copertina squadrata"
+  },
+  "UsePlayFrom": {
+    "AlbumTracksNotFound": "Tracce album non trovate",
+    "ArtistTracksNotFound": "Tracce artista non trovate",
+    "FolderTracksNotFound": "Tracce della cartella non trovate"
+  },
   "Utils": {
-    "PlayingFrom": {
-      "SearchFrom": "Cerca per: \"{source}\"",
-      "FavoriteTracks": "Tracce preferite",
-      "NoSource": "👻 Nessuna sorgente"
-    },
     "FormatTime": {
-      "Second": "{sec} secondo | {sec} secondi",
       "Hour": "{hrs} ora | {hrs} ore",
-      "Minute": "{mnt} minuto | {mnt} minuti"
+      "Minute": "{mnt} minuto | {mnt} minuti",
+      "Second": "{sec} secondo | {sec} secondi"
+    },
+    "PlayingFrom": {
+      "FavoriteTracks": "Tracce preferite",
+      "NoSource": "👻 Nessuna sorgente",
+      "SearchFrom": "Cerca per: \"{source}\""
     }
   },
   "Views": {
+    "AlbumViews": {
+      "MoreFrom": "Altro da {art}",
+      "OtherVersions": "Altre edizioni",
+      "RelatedAlbums": "Albums correlati"
+    },
     "ArtistDiscography": {
-      "NoContributions": "Nessun contributo",
-      "NoContributionsDesc": "Nessun {type} trovato per {artist}",
+      "AllAlbums": "Tutti gli albums",
       "Contributions": "Contribuzioni",
-      "AllAlbums": "Tutti gli albums"
+      "NoContributions": "Nessun contributo",
+      "NoContributionsDesc": "Nessun {type} trovato per {artist}"
     },
     "FavCardScroller": {
-      "Title": "{item} preferiti",
-      "Desc": "Hai {nelem} {type} preferito | Hai {nelem} {type} preferiti"
-    },
-    "Favorites": {
-      "Title": "Preferiti",
-      "CountStats": "{tra} Tracce • {alb} Albums • {art} Artisti",
-      "NoFavoritesFound": "Nessun preferito trovato",
-      "Description": "Puoi aggiungere tracce, albums e artisti ai tuoi preferiti cliccando sull'icona a forma di cuoricino"
+      "Desc": "Hai {nelem} {type} preferito | Hai {nelem} {type} preferiti",
+      "Title": "{item} preferiti"
     },
     "FavoriteTracks": {
       "Description": "Hai {n_tr} canzone preferita | Hai {n_tr} canzoni preferite",
       "Title": "Tracce preferite"
     },
+    "Favorites": {
+      "CountStats": "{tra} Tracce • {alb} Albums • {art} Artisti",
+      "Description": "Puoi aggiungere tracce, albums e artisti ai tuoi preferiti cliccando sull'icona a forma di cuoricino",
+      "NoFavoritesFound": "Nessun preferito trovato",
+      "Title": "Preferiti"
+    },
     "FolderView": {
       "FolderIsEmpty": "Cartella vuota",
-      "NoResultFound": "Nessun risultato trovato",
       "NoIndexedTracks": "La cartella che hai aperto non ha nessuna traccia indicizzata. Aggiungi canzoni a questa cartella e riprova",
+      "NoResultFound": "Nessun risultato trovato",
       "NoTracksForQuery": "Nessuna cartella o traccia in questa specifica cartella corrisponde alla query: {query}"
     },
-    "MixLisView": {},
+    "Header": {
+      "TotalAlbumAndArtists": "Hai {tot} {what} nella tua libreria"
+    },
+    "LyricView": {
+      "NoLyricsFoundFirst": "Non hai il testo",
+      "NoLyricsFoundSecond": "di questa canzone",
+      "SearchOnline": "Cerca online",
+      "Searching": "Cercando...",
+      "Unsynced": "non sincronizzata"
+    },
+    "MixLisView": {
+    },
     "MixListView": {
-      "mixes": "mixes",
       "MixesBasedOnListening": "{n} mixes • In base agli artisti che hai ascoltato ultimamente",
+      "OtherMixes": "Altri mixes di {type}",
       "SavedMixes": "Mixes salvati",
-      "OtherMixes": "Altri mixes di {type}"
+      "mixes": "mixes"
     },
     "MixView": {
       "MixNotFound": "404: Mix non trovato"
@@ -746,83 +839,28 @@
       "Error": "404! Pagina non trovata!"
     },
     "PlaylistList": {
-      "Title": "Playlists",
+      "AllPlaylists": "Tutte le playlists",
       "Description": "Hai {n} playlists nella tua libreria",
-      "SearchPlaylist": "Cerca playlists",
+      "NoItemDescription": "Puoi creare una playlist facendo click con il tasto destro su una traccia e selezionando l'opzione \"aggiungi a playlist\"",
       "NoPlaylistsFound": "Nessuna playlist trovata",
       "OtherPlaylists": "Altre playlists",
-      "AllPlaylists": "Tutte le playlists",
-      "NoItemDescription": "Puoi creare una playlist facendo click con il tasto destro su una traccia e selezionando l'opzione \"aggiungi a playlist\""
-    },
-    "Header": {
-      "TotalAlbumAndArtists": "Hai {tot} {what} nella tua libreria"
-    },
-    "AlbumViews": {
-      "MoreFrom": "Altro da {art}",
-      "OtherVersions": "Altre edizioni",
-      "RelatedAlbums": "Albums correlati"
-    },
-    "LyricView": {
-      "Unsynced": "non sincronizzata",
-      "NoLyricsFoundFirst": "Non hai il testo",
-      "NoLyricsFoundSecond": "di questa canzone",
-      "Searching": "Cercando...",
-      "SearchOnline": "Cerca online"
+      "SearchPlaylist": "Cerca playlists",
+      "Title": "Playlists"
     },
     "PlaylistView": {
-      "NoTracks": "Nessuna traccia in questa playlist",
-      "AddMoreDesc": "Aggiungine altre facendo click con il tasto destro del mouse e seleziona \"aggiungi a playlist\""
+      "AddMoreDesc": "Aggiungine altre facendo click con il tasto destro del mouse e seleziona \"aggiungi a playlist\"",
+      "NoTracks": "Nessuna traccia in questa playlist"
     },
     "SearchView": {
       "NoResults": "Nessun risultato per {page}",
-      "TypeToSearch": "Inizia a scrivere per cercare per {what}",
+      "NoResultsDesc": "I risultati compaiono qua",
       "ResultsForQuery": "I risultati per {query} verranno mostrati qua",
-      "TypeToSearchTracks": "Inizia a scrivere per cercare nelle tracce",
-      "NoResultsDesc": "I risultati compaiono qua"
+      "TypeToSearch": "Inizia a scrivere per cercare per {what}",
+      "TypeToSearchTracks": "Inizia a scrivere per cercare nelle tracce"
     },
     "Stats": {
-      "Title": "Statistiche",
-      "Description": "Le tue statistiche d'ascolto nell'ultima settimana"
-    }
-  },
-  "Languages": {
-    "en_US": "🇺🇸 Inglese (Stati Uniti)",
-    "ko": "Coreano",
-    "it_IT": "🇮🇹 Italiano (Italia)",
-    "ChooseLang": "Scegli la tua lingua preferita",
-    "WarnAppReload": "(impostare la lingua forza un refresh dell'app)"
-  },
-  "Onboarding": {
-    "CreateAccountTitle": "Crea account",
-    "CreateAccountDesc": "Questo account sarà usato per amministrare il server.",
-    "ErrorPassTooShort": "La password deve essere lunga almeno 8 caratteri",
-    "ErrorPassDoNotMatch": "Le password non corrispondono",
-    "FilePicker": {
-      "Help": "Usa (⌘/Ctrl o Shift) + click per selezionare cartelle multiple",
-      "Selected": "{sel} selezionate",
-      "ThisFolderHelp": ". (questa cartella)"
-    },
-    "Finish": {
-      "TitleDone": "Hai finito! 🎉",
-      "TitleAlmostDone": "Ci sei quasi!",
-      "ConfirmButton": "Clicca il pulsante sotto per proseguire nella tua libreria.",
-      "Processing": "Swing Music sta scansionando le tue cartelle selezionate. Attendi ..."
-    },
-    "RootDirs": {
-      "ErrorSelectRootFolder": "Seleziona una cartella radice",
-      "Title": "Configura cartelle musicali",
-      "TitleDesc": "Dove vuoi che Swing Music cerchi le tue tracce musicali?",
-      "HomeDir": "Cartella home",
-      "HomeDirDesc": "Scansiona tutte le cartelle in ",
-      "SpecificFolder": "Cartella specifica",
-      "FolderSelected": "{n} cartella selezionata | {n} cartelle selezionate",
-      "FolderSelectedDesc": "Seleziona cartella per effettuarne la scansione",
-      "AddFolders": "Aggiungi cartelle"
-    },
-    "Welcome": {
-      "Title": "Benvenuto a",
-      "Tagline": "Clicca il pulsante sotto per creare il tuo primo account",
-      "GetStarted": "Iniziamo"
+      "Description": "Le tue statistiche d'ascolto nell'ultima settimana",
+      "Title": "Statistiche"
     }
   }
 }
diff --git a/src/vue-i18n.d.ts b/src/vue-i18n.d.ts
new file mode 100644
index 00000000..eb6c7272
--- /dev/null
+++ b/src/vue-i18n.d.ts
@@ -0,0 +1,9 @@
+//Credits: https://stackoverflow.com/a/79465187
+
+import { Composer } from 'vue-i18n'
+
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
+    $t: Composer['t']
+  }
+}
\ No newline at end of file