diff --git a/src/components/NewPlaylist.vue b/src/components/NewPlaylist.vue
index 73868b5..3048e3c 100644
--- a/src/components/NewPlaylist.vue
+++ b/src/components/NewPlaylist.vue
@@ -216,7 +216,7 @@ onMounted(async () => {
 
         <input
           type="text"
-          placeholder="Playlist name..."
+          :placeholder="t('playlist.name') + '...'"
           class="textbox"
           v-model="text" />
       </template>
@@ -284,7 +284,7 @@ onMounted(async () => {
       <template v-for="i in list">
         <AlbumItem
           :name="i.name"
-          :author="'Songs • ' + i.urls.length"
+          :author="t('title.songs') + ' • ' + i.urls.length"
           :grad="useRand()"
           @open-album="Play(i.name)" />
       </template>
diff --git a/src/components/StatusBar.vue b/src/components/StatusBar.vue
index 95a5624..ca91af7 100644
--- a/src/components/StatusBar.vue
+++ b/src/components/StatusBar.vue
@@ -91,7 +91,7 @@ async function Like() {
       <Modal
         n="2"
         :display="showme.pl"
-        title="Select Playlist to Add"
+        :title="t('playlist.select')"
         @show="
           e => {
             showme.pl = e;
diff --git a/src/stores/misc.js b/src/stores/misc.js
index 2798b1a..06ece9a 100644
--- a/src/stores/misc.js
+++ b/src/stores/misc.js
@@ -4,6 +4,10 @@ import { defineStore } from 'pinia';
 import en from '@/locales/en.json';
 
 export const SUPPORTED_LOCALES = [
+  {
+    code: 'ar',
+    name: 'عربي',
+  },
   {
     code: 'de',
     name: 'Deutsch',
@@ -28,14 +32,6 @@ export const SUPPORTED_LOCALES = [
     code: 'it',
     name: 'Italiano',
   },
-  {
-    code: 'vi',
-    name: 'Tiếng Việt',
-  },
-  {
-    code: 'ar',
-    name: 'عربي',
-  },
   {
     code: 'ja',
     name: '日本語',
@@ -44,6 +40,10 @@ export const SUPPORTED_LOCALES = [
     code: 'ko',
     name: '한국어',
   },
+  {
+    code: 'vi',
+    name: 'Tiếng Việt',
+  },
   {
     code: 'zh_Hans',
     name: '中文 (简体)',