diff --git a/src/components/Preferences.vue b/src/components/Preferences.vue
index ea177121..1401e68e 100644
--- a/src/components/Preferences.vue
+++ b/src/components/Preferences.vue
@@ -9,39 +9,63 @@
     <hr />
     <h2>SponsorBlock</h2>
     <p>{{ $t("actions.uses_api_from") }}<a href="https://sponsor.ajay.app/">sponsor.ajay.app</a></p>
-    <label for="chkEnableSponsorblock"><b v-t="'actions.enable_sponsorblock'" /></label>
+    <label for="chkEnableSponsorblock"><b v-t="'actions.enable_sponsorblock'"/></label>
     <br />
-    <input id="chkEnableSponsorblock" class="uk-checkbox" v-model="sponsorBlock" @change="onChange($event)" type="checkbox" />
+    <input
+        id="chkEnableSponsorblock"
+        class="uk-checkbox"
+        v-model="sponsorBlock"
+        @change="onChange($event)"
+        type="checkbox"
+    />
     <br />
-    <label for="chkSkipSponsors"><b v-t="'actions.skip_sponsors'" /></label>
+    <label for="chkSkipSponsors"><b v-t="'actions.skip_sponsors'"/></label>
     <br />
     <input id="chkSkipSponsors" class="uk-checkbox" v-model="skipSponsor" @change="onChange($event)" type="checkbox" />
     <br />
-    <label for="chkSkipIntro"><b v-t="'actions.skip_intro'" /></label>
+    <label for="chkSkipIntro"><b v-t="'actions.skip_intro'"/></label>
     <br />
     <input id="chkSkipIntro" class="uk-checkbox" v-model="skipIntro" @change="onChange($event)" type="checkbox" />
     <br />
-    <label for="chkSkipOutro"><b v-t="'actions.skip_outro'" /></label>
+    <label for="chkSkipOutro"><b v-t="'actions.skip_outro'"/></label>
     <br />
     <input id="chkSkipOutro" class="uk-checkbox" v-model="skipOutro" @change="onChange($event)" type="checkbox" />
     <br />
-    <label for="chkSkipPreview"><b v-t="'actions.skip_preview'" /></label>
+    <label for="chkSkipPreview"><b v-t="'actions.skip_preview'"/></label>
     <br />
     <input id="chkSkipPreview" class="uk-checkbox" v-model="skipPreview" @change="onChange($event)" type="checkbox" />
     <br />
-    <label for="chkSkipInteraction"><b v-t="'actions.skip_interaction'" /></label>
+    <label for="chkSkipInteraction"><b v-t="'actions.skip_interaction'"/></label>
     <br />
-    <input id="chkSkipInteraction" class="uk-checkbox" v-model="skipInteraction" @change="onChange($event)" type="checkbox" />
+    <input
+        id="chkSkipInteraction"
+        class="uk-checkbox"
+        v-model="skipInteraction"
+        @change="onChange($event)"
+        type="checkbox"
+    />
     <br />
-    <label for="chkSkipSelfPromo"><b v-t="'actions.skip_self_promo'" /></label>
+    <label for="chkSkipSelfPromo"><b v-t="'actions.skip_self_promo'"/></label>
     <br />
-    <input id="chkSkipSelfPromo" class="uk-checkbox" v-model="skipSelfPromo" @change="onChange($event)" type="checkbox" />
+    <input
+        id="chkSkipSelfPromo"
+        class="uk-checkbox"
+        v-model="skipSelfPromo"
+        @change="onChange($event)"
+        type="checkbox"
+    />
     <br />
-    <label for="chkSkipNonMusic"><b v-t="'actions.skip_non_music'" /></label>
+    <label for="chkSkipNonMusic"><b v-t="'actions.skip_non_music'"/></label>
     <br />
-    <input id="chkSkipNonMusic" class="uk-checkbox" v-model="skipMusicOffTopic" @change="onChange($event)" type="checkbox" />
+    <input
+        id="chkSkipNonMusic"
+        class="uk-checkbox"
+        v-model="skipMusicOffTopic"
+        @change="onChange($event)"
+        type="checkbox"
+    />
     <br />
-    <label for="ddlTheme"><b v-t="'actions.theme'" /></label>
+    <label for="ddlTheme"><b v-t="'actions.theme'"/></label>
     <br />
     <select id="ddlTheme" class="uk-select uk-width-auto" v-model="selectedTheme" @change="onChange($event)">
         <option value="auto" v-t="'actions.auto'" />
@@ -49,69 +73,109 @@
         <option value="light" v-t="'actions.light'" />
     </select>
     <br />
-    <label for="chkAutoPlayVideo"><b v-t="'actions.autoplay_video'" /></label>
+    <label for="chkAutoPlayVideo"><b v-t="'actions.autoplay_video'"/></label>
     <br />
-    <input id="chkAutoPlayVideo" class="uk-checkbox" v-model="autoPlayVideo" @change="onChange($event)" type="checkbox" />
+    <input
+        id="chkAutoPlayVideo"
+        class="uk-checkbox"
+        v-model="autoPlayVideo"
+        @change="onChange($event)"
+        type="checkbox"
+    />
     <br />
-    <label for="chkAudioOnly"><b v-t="'actions.audio_only'" /></label>
+    <label for="chkAudioOnly"><b v-t="'actions.audio_only'"/></label>
     <br />
     <input id="chkAudioOnly" class="uk-checkbox" v-model="listen" @change="onChange($event)" type="checkbox" />
     <br />
-    <label for="ddlDefaultQuality"><b v-t="'actions.default_quality'" /></label>
+    <label for="ddlDefaultQuality"><b v-t="'actions.default_quality'"/></label>
     <br />
     <select id="ddlDefaultQuality" class="uk-select uk-width-auto" v-model="defaultQuality" @change="onChange($event)">
         <option value="0" v-t="'actions.auto'" />
         <option :key="resolution" v-for="resolution in resolutions" :value="resolution">{{ resolution }}p</option>
     </select>
     <br />
-    <label for="txtBufferingGoal"><b v-t="'actions.buffering_goal'" /></label>
+    <label for="txtBufferingGoal"><b v-t="'actions.buffering_goal'"/></label>
     <br />
-    <input id="txtBufferingGoal" class="uk-input uk-width-auto" v-model="bufferingGoal" @change="onChange($event)" type="text" />
+    <input
+        id="txtBufferingGoal"
+        class="uk-input uk-width-auto"
+        v-model="bufferingGoal"
+        @change="onChange($event)"
+        type="text"
+    />
     <br />
-    <label for="ddlCountrySelection"><b v-t="'actions.country_selection'" /></label>
+    <label for="ddlCountrySelection"><b v-t="'actions.country_selection'"/></label>
     <br />
     <select id="ddlCountrySelection" class="uk-select uk-width-auto" v-model="country" @change="onChange($event)">
         <option :key="country.code" v-for="country in countryMap" :value="country.code">{{ country.name }}</option>
     </select>
     <br />
-    <label for="ddlDefaultHomepage"><b v-t="'actions.default_homepage'" /></label>
+    <label for="ddlDefaultHomepage"><b v-t="'actions.default_homepage'"/></label>
     <br />
-    <select id="ddlDefaultHomepage" class="uk-select uk-width-auto" v-model="defaultHomepage" @change="onChange($event)">
+    <select
+        id="ddlDefaultHomepage"
+        class="uk-select uk-width-auto"
+        v-model="defaultHomepage"
+        @change="onChange($event)"
+    >
         <option value="trending" v-t="'titles.trending'" />
         <option value="feed" v-t="'titles.feed'" />
     </select>
     <br />
-    <label for="chkShowComments"><b v-t="'actions.show_comments'" /></label>
+    <label for="chkShowComments"><b v-t="'actions.show_comments'"/></label>
     <br />
     <input id="chkShowComments" class="uk-checkbox" v-model="showComments" @change="onChange($event)" type="checkbox" />
     <br />
-    <label for="chkMinimizeDescription"><b v-t="'actions.minimize_description_default'" /></label>
+    <label for="chkMinimizeDescription"><b v-t="'actions.minimize_description_default'"/></label>
     <br />
-    <input id="chkMinimizeDescription" class="uk-checkbox" v-model="minimizeDescription" @change="onChange($event)" type="checkbox" />
+    <input
+        id="chkMinimizeDescription"
+        class="uk-checkbox"
+        v-model="minimizeDescription"
+        @change="onChange($event)"
+        type="checkbox"
+    />
     <br />
-    <label for="chkStoreWatchHistory"><b v-t="'actions.store_watch_history'" /></label>
+    <label for="chkStoreWatchHistory"><b v-t="'actions.store_watch_history'"/></label>
     <br />
-    <input id="chkStoreWatchHistory" class="uk-checkbox" v-model="watchHistory" @change="onChange($event)" type="checkbox" />
+    <input
+        id="chkStoreWatchHistory"
+        class="uk-checkbox"
+        v-model="watchHistory"
+        @change="onChange($event)"
+        type="checkbox"
+    />
     <br />
-    <label for="ddlLanguageSelection"><b v-t="'actions.language_selection'" /></label>
+    <label for="ddlLanguageSelection"><b v-t="'actions.language_selection'"/></label>
     <br />
-    <select id="ddlLanguageSelection" class="uk-select uk-width-auto" v-model="selectedLanguage" @change="onChange($event)">
+    <select
+        id="ddlLanguageSelection"
+        class="uk-select uk-width-auto"
+        v-model="selectedLanguage"
+        @change="onChange($event)"
+    >
         <option :key="language.code" v-for="language in languages" :value="language.code">{{ language.name }}</option>
     </select>
     <br />
-    <label for="ddlEnabledCodecs"><b v-t="'actions.enabled_codecs'" /></label>
+    <label for="ddlEnabledCodecs"><b v-t="'actions.enabled_codecs'"/></label>
     <br />
-    <select id="ddlEnabledCodecs" class="uk-select uk-width-auto" v-model="enabledCodecs" @change="onChange($event)" multiple>
+    <select
+        id="ddlEnabledCodecs"
+        class="uk-select uk-width-auto"
+        v-model="enabledCodecs"
+        @change="onChange($event)"
+        multiple
+    >
         <option value="av1">AV1</option>
         <option value="vp9">VP9</option>
         <option value="avc">AVC (h.264)</option>
     </select>
     <br />
-    <label for="chkDisableLBRY"><b v-t="'actions.disable_lbry'" /></label>
+    <label for="chkDisableLBRY"><b v-t="'actions.disable_lbry'"/></label>
     <br />
     <input id="chkDisableLBRY" class="uk-checkbox" v-model="disableLBRY" @change="onChange($event)" type="checkbox" />
     <br />
-    <label for="chkEnableLBRYProxy"><b v-t="'actions.enable_lbry_proxy'" /></label>
+    <label for="chkEnableLBRYProxy"><b v-t="'actions.enable_lbry_proxy'"/></label>
     <br />
     <input id="chkEnableLBRYProxy" class="uk-checkbox" v-model="proxyLBRY" @change="onChange($event)" type="checkbox" />
     <h2 v-t="'actions.instances_list'" />
@@ -128,7 +192,7 @@
             <tr>
                 <td>{{ instance.name }}</td>
                 <td>{{ instance.locations }}</td>
-                <td>{{ instance.cdn == "Yes"? $t("actions.yes") : $t("actions.no") }}</td>
+                <td>{{ instance.cdn == "Yes" ? $t("actions.yes") : $t("actions.no") }}</td>
                 <td>
                     <a :href="sslScore(instance.apiurl)" target="_blank">Click Here</a>
                 </td>
@@ -138,9 +202,16 @@
 
     <hr />
 
-    <label for="ddlInstanceSelection"><b>{{ $t("actions.instance_selection") }}:</b></label>
+    <label for="ddlInstanceSelection"
+        ><b>{{ $t("actions.instance_selection") }}:</b></label
+    >
     <br />
-    <select id="ddlInstanceSelection" class="uk-select uk-width-auto" v-model="selectedInstance" @change="onChange($event)">
+    <select
+        id="ddlInstanceSelection"
+        class="uk-select uk-width-auto"
+        v-model="selectedInstance"
+        @change="onChange($event)"
+    >
         <option v-bind:key="instance.name" v-for="instance in instances" v-bind:value="instance.apiurl">
             {{ instance.name }}
         </option>
@@ -177,17 +248,18 @@ export default {
             selectedLanguage: "en",
             languages: [
                 { code: "bn", name: "বাংলা" },
-                { code: "zh_Hant", name: "Chinese (Traditional)" },
-                { code: "en", name: "English" },
-                { code: "fr", name: "français" },
                 { code: "de", name: "Deutsch" },
-                { code: "it", name: "italiano"},
                 { code: "el", name: "Ελληνικά" },
+                { code: "es", name: "Español" },
+                { code: "en", name: "English" },
+                { code: "fa", name: "فارسی" },
+                { code: "fr", name: "français" },
+                { code: "it", name: "italiano" },
                 { code: "lt", name: "lietuvių kalba" },
                 { code: "ml", name: "മലയാളം" },
                 { code: "nb_NO", name: "Norwegian Bokmål" },
-                { code: "fa", name: "فارسی" },
                 { code: "tr", name: "Türkçe" },
+                { code: "zh_Hant", name: "Chinese (Traditional)" },
             ],
             enabledCodecs: ["av1", "vp9", "avc"],
             disableLBRY: false,
diff --git a/src/locales/es.json b/src/locales/es.json
new file mode 100644
index 00000000..51178576
--- /dev/null
+++ b/src/locales/es.json
@@ -0,0 +1,78 @@
+{
+    "video": {
+        "sponsor_segments": "Segmentos de patrocinio",
+        "watched": "Vistos",
+        "views": "visualizaciones",
+        "videos": "Vídeos"
+    },
+    "preferences": {
+        "ssl_score": "Puntuación SSL",
+        "has_cdn": "¿Tiene CDN?",
+        "instance_locations": "Ubicaciones de las instancias",
+        "instance_name": "Nombre de la instancia"
+    },
+    "comment": {
+        "pinned_by": "Fijado por"
+    },
+    "actions": {
+        "enable_lbry_proxy": "Activar Proxy para LBRY",
+        "disable_lbry": "Desactivar LBRY para el streaming",
+        "show_description": "Mostrar descripción",
+        "minimize_description": "Minimizar descripción",
+        "donations": "Donaciones",
+        "auto_play_next_video": "Reproducción automática del siguiente vídeo",
+        "loop_this_video": "Poner en bucle este vídeo",
+        "import_from_json": "Importar desde JSON",
+        "export_to_json": "Exportar a JSON",
+        "no": "No",
+        "yes": "Sí",
+        "show_more": "Mostrar más",
+        "instance_selection": "Selección de instancias",
+        "enabled_codecs": "Códecs habilitados (múltiples)",
+        "instances_list": "Lista de instancias",
+        "language_selection": "Selección de lenguajes",
+        "store_watch_history": "Recordar historial de visualización",
+        "minimize_description_default": "Minimizar la descripción por defecto",
+        "show_comments": "Mostrar comentarios",
+        "default_homepage": "Página de inicio predeterminada",
+        "country_selection": "Selección de países",
+        "buffering_goal": "Objetivo de amortiguación (en segundos)",
+        "default_quality": "Calidad predeterminada",
+        "audio_only": "Sólo audio",
+        "autoplay_video": "Reproducción automática de video",
+        "light": "Claro",
+        "dark": "Oscuro",
+        "auto": "Automático",
+        "theme": "Tema",
+        "skip_non_music": "Saltar la música: Sección no musical",
+        "skip_self_promo": "Saltar sin pagar/autopromoción",
+        "skip_interaction": "Omitir Recordatorio de interacción (Suscribirse)",
+        "skip_preview": "Saltar la vista previa/resumen",
+        "skip_outro": "Omitir tarjetas finales/créditos",
+        "skip_intro": "Saltar el intermedio/la animación de entrada",
+        "skip_sponsors": "Omitir patrocinadores",
+        "enable_sponsorblock": "Activar SponsorBlock",
+        "uses_api_from": "Utiliza la API de ",
+        "back": "Volver",
+        "channel_name_desc": "Nombre del canal (Z-A)",
+        "channel_name_asc": "Nombre del canal (A-Z)",
+        "least_recent": "Lo menos reciente",
+        "most_recent": "Lo más reciente",
+        "sort_by": "Ordenar por:",
+        "view_subscriptions": "Ver suscripciones",
+        "unsubscribe": "Anular suscripción",
+        "subscribe": "Suscribirme"
+    },
+    "titles": {
+        "feed": "Feed",
+        "subscriptions": "Suscripciones",
+        "history": "Historial",
+        "trending": "En tendencias",
+        "preferences": "Preferencias",
+        "register": "Registrarse",
+        "login": "Iniciar sesión"
+    },
+    "player": {
+        "watch_on": "Ver en"
+    }
+}
diff --git a/src/locales/hr.json b/src/locales/hr.json
new file mode 100644
index 00000000..4c611de9
--- /dev/null
+++ b/src/locales/hr.json
@@ -0,0 +1,78 @@
+{
+    "video": {
+        "sponsor_segments": "Sponzorski segmenti",
+        "watched": "Pogledano",
+        "views": "pregleda",
+        "videos": "Videozapisi"
+    },
+    "preferences": {
+        "ssl_score": "SSL ocjena",
+        "has_cdn": "Posjeduje CDN?",
+        "instance_locations": "Lokacije instanca",
+        "instance_name": "Ime instance"
+    },
+    "comment": {
+        "pinned_by": "Prikačio korisnik"
+    },
+    "actions": {
+        "enable_lbry_proxy": "Uključi proxy za LBRY",
+        "disable_lbry": "Isključi reprodukciju LBRY servisa",
+        "minimize_description_default": "Uvijek sakrij prikaz opisa",
+        "minimize_description": "Sakrij opis",
+        "show_description": "Prikaži opis",
+        "donations": "Donacije",
+        "auto_play_next_video": "Automatski reproduciraj idući videozapis",
+        "loop_this_video": "Ponavljanje videozapisa",
+        "import_from_json": "Uvezi u JSON formatu",
+        "export_to_json": "Izvezi u JSON",
+        "no": "Ne",
+        "yes": "Da",
+        "show_more": "Prikaži više",
+        "instance_selection": "Izbor instanci",
+        "enabled_codecs": "Omogućeni kodeci",
+        "instances_list": "Popis instanci",
+        "language_selection": "Izbor jezika",
+        "store_watch_history": "Sačuvaj povijest gledanja",
+        "show_comments": "Prikaži komentare",
+        "default_homepage": "Zadana glavna stranica",
+        "country_selection": "Izbor države",
+        "buffering_goal": "Cilj međuspremnika (u sekundama)",
+        "default_quality": "Zadana kvaliteta",
+        "audio_only": "Samo zvučni zapisi",
+        "autoplay_video": "Automatski reproduciraj video",
+        "light": "Svijetla",
+        "dark": "Tamna",
+        "auto": "Automatski",
+        "theme": "Tema",
+        "skip_non_music": "Preskoči u glazbi: dijelovi bez glazbe",
+        "skip_self_promo": "Preskoči osobnu promociju",
+        "skip_preview": "Preskoči pregled",
+        "uses_api_from": "Koristi API od ",
+        "back": "Natrag",
+        "channel_name_desc": "Ime kanala (Ž-A)",
+        "channel_name_asc": "Ime kanala (A-Ž)",
+        "least_recent": "Najstarije",
+        "most_recent": "Najnovije",
+        "sort_by": "Sortiraj po:",
+        "view_subscriptions": "Pogledaj pretplate",
+        "unsubscribe": "Otkaži pretplatu",
+        "subscribe": "Pretplati se",
+        "skip_interaction": "Preskoči molbu za interakcijom",
+        "skip_outro": "Preskoči odjavnu špicu",
+        "skip_intro": "Preskoči uvodne animacije",
+        "skip_sponsors": "Preskoči sponzore",
+        "enable_sponsorblock": "Uključi Sponsorblock"
+    },
+    "player": {
+        "watch_on": "Gledaj na"
+    },
+    "titles": {
+        "subscriptions": "Pretplate",
+        "history": "Povijest",
+        "preferences": "Postavke",
+        "feed": "Pretplate",
+        "register": "Registracija",
+        "login": "Prijava",
+        "trending": "U trendu"
+    }
+}
diff --git a/src/locales/ml.json b/src/locales/ml.json
index 2540569a..d1c9aaed 100644
--- a/src/locales/ml.json
+++ b/src/locales/ml.json
@@ -32,7 +32,7 @@
         "country_selection": "രാജ്യം തിരഞ്ഞെടുക്കുക",
         "audio_only": "ശബ്ദം മാത്രം",
         "enable_sponsorblock": "Sponsorblock സജ്ജമാക്കുക",
-        "uses_api_from": "ഇതിൽ നിന്ന് എപിഐ ഉപയോഗിക്കുന്നു ",
+        "uses_api_from": "ഉപയോഗിക്കുന്ന എപിഐ ",
         "back": "തിരികെ പോവുക",
         "channel_name_desc": "ചാനലിൻ്റെ പേര് (Z-A)",
         "channel_name_asc": "ചാനലിന്റെ പേര് (A-Z)",
@@ -49,7 +49,11 @@
         "loop_this_video": "വിഡിയോ ലൂപ്പ് ചെയ്യുക",
         "minimize_description": "വിവരണം ചെറുതാക്കുക",
         "yes": "അതെ",
-        "show_more": "കൂടുതൽ കാണിക്കുക"
+        "show_more": "കൂടുതൽ കാണിക്കുക",
+        "buffering_goal": "ബഫറിംഗ് ലക്ഷ്യം(സെക്കൻഡുകളിൽ)",
+        "import_from_json": "JSON നിന്ന് ഇറക്കുമതി ചെയ്യൂ",
+        "export_to_json": "JSON-ലേക്ക് എക്സ്പ്പോർട്ട് ചെയ്യുക",
+        "instance_selection": "ഇൻസ്റ്റ്ൻസ് തിരഞ്ഞെടുക്കുക"
     },
     "player": {
         "watch_on": "കാണുക"
@@ -57,7 +61,8 @@
     "video": {
         "watched": "കണ്ടതാണ്",
         "views": "കാഴ്ചകൾ",
-        "videos": "വിഡിയോകൾ"
+        "videos": "വിഡിയോകൾ",
+        "sponsor_segments": "സ്പോൺസർമാരുടെ ഭാഗങ്ങൾ"
     },
     "comment": {
         "pinned_by": "പിൻ ചെയ്തിരിക്കുന്നത്"
@@ -65,6 +70,7 @@
     "preferences": {
         "ssl_score": "എസ് എസ് എൽ സ്കോർ",
         "has_cdn": "സിഡിഎൻ ഉപയോഗിക്കിന്നിണ്ടോ?",
-        "instance_name": "ഇൻസ്റ്റ്ൻസിന്റെ പേര്"
+        "instance_name": "ഇൻസ്റ്റ്ൻസിന്റെ പേര്",
+        "instance_locations": "ഇൻസ്റ്റൻസ് ലൊക്കേഷനുകൾ"
     }
 }
diff --git a/src/locales/nb_NO.json b/src/locales/nb_NO.json
index 90b09583..ae2154d2 100644
--- a/src/locales/nb_NO.json
+++ b/src/locales/nb_NO.json
@@ -35,7 +35,17 @@
         "subscribe": "Abonner",
         "enable_lbry_proxy": "Skru på mellomtjener for LBRY",
         "disable_lbry": "Skru av LBRY-strømming",
-        "enabled_codecs": "Aktiverte forskjellige kodek"
+        "enabled_codecs": "Aktiverte forskjellige kodek",
+        "show_description": "Vis beskrivelse",
+        "donations": "Donasjoner",
+        "auto_play_next_video": "Autospill neste video",
+        "loop_this_video": "Gjenta denne videoen",
+        "import_from_json": "Importer fra JSON",
+        "export_to_json": "Eksporter til JSON",
+        "no": "Nei",
+        "yes": "Ja",
+        "show_more": "Vis mer",
+        "instance_selection": "Valg av instans"
     },
     "player": {
         "watch_on": "Vis på"
@@ -46,6 +56,22 @@
         "preferences": "Innstillinger",
         "register": "Registrering",
         "login": "Logg inn",
-        "trending": "På vei opp"
+        "trending": "På vei opp",
+        "subscriptions": "Abonnementer"
+    },
+    "video": {
+        "sponsor_segments": "Sponsor-segmenter",
+        "watched": "Sett",
+        "views": "visninger",
+        "videos": "Videoer"
+    },
+    "preferences": {
+        "ssl_score": "SSL-poengsum",
+        "has_cdn": "Har innholdsleveransenettverk?",
+        "instance_locations": "Instansested",
+        "instance_name": "Instansenavn"
+    },
+    "comment": {
+        "pinned_by": "Festet av"
     }
 }