From 258a4025bcc003a316f74131019c07955c1ab59a Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Thu, 21 May 2026 22:32:39 +0200
Subject: [PATCH] Use translations in the translation files instead of
 hard-coded strings for the language names

---
 .../i18n/components/LanguageSwitchButton.vue     | 16 ++++++++--------
 src/locales/de.json                              | 10 ++++++++++
 src/locales/en.json                              | 10 ++++++++++
 src/locales/es.json                              | 10 ++++++++++
 src/locales/fr.json                              | 10 ++++++++++
 src/locales/it.json                              | 10 ++++++++++
 src/locales/pt.json                              | 10 ++++++++++
 7 files changed, 68 insertions(+), 8 deletions(-)

diff --git a/src/features/i18n/components/LanguageSwitchButton.vue b/src/features/i18n/components/LanguageSwitchButton.vue
index 873d80b..3030a1f 100644
--- a/src/features/i18n/components/LanguageSwitchButton.vue
+++ b/src/features/i18n/components/LanguageSwitchButton.vue
@@ -19,17 +19,17 @@ import { ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { loadLanguage, LANGUAGES_RTL } from '@/i18n';
 
-const { locale } = useI18n();
+const { t, locale } = useI18n();
 
 const isOpen = ref(false);
 
 const languages = [
-    { code: 'en', label: 'English',    flag: '🇬🇧' },
-    { code: 'de', label: 'Deutsch',    flag: '🇩🇪' },
-    { code: 'fr', label: 'Français',   flag: '🇫🇷' },
-    { code: 'es', label: 'Español',    flag: '🇪🇸' },
-    { code: 'it', label: 'Italiano',   flag: '🇮🇹' },
-    { code: 'pt', label: 'Português',  flag: '🇵🇹' },
+    { code: 'en', flag: '🇬🇧' },
+    { code: 'de', flag: '🇩🇪' },
+    { code: 'fr', flag: '🇫🇷' },
+    { code: 'es', flag: '🇪🇸' },
+    { code: 'it', flag: '🇮🇹' },
+    { code: 'pt', flag: '🇵🇹' },
 ];
 
 const currentLanguage = computed(
@@ -77,7 +77,7 @@ function closeOnBlur() {
                 @click="selectLanguage(lang.code)"
             >
                 <span class="flag">{{ lang.flag }}</span>
-                <span class="lang-label">{{ lang.label }}</span>
+                <span class="lang-label">{{ t(`preferences.locale.languages.${lang.code}`) }}</span>
             </li>
         </ul>
     </div>
diff --git a/src/locales/de.json b/src/locales/de.json
index 26a08ca..2474905 100644
--- a/src/locales/de.json
+++ b/src/locales/de.json
@@ -24,6 +24,16 @@
                 "dark": "Zum dunklen Modus wechseln",
                 "auto": "Zum System-Farbschema wechseln"
             }
+        },
+        "locale": {
+            "languages": {
+                "en": "English",
+                "de": "Deutsch",
+                "fr": "Français",
+                "es": "Español",
+                "it": "Italiano",
+                "pt": "Português"
+            }
         }
     },
     "slogan": "Gebaut zum Suchen."
diff --git a/src/locales/en.json b/src/locales/en.json
index f8eeea9..a55a928 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -24,6 +24,16 @@
                 "dark": "Switch to dark mode",
                 "auto": "Switch to the system color scheme"
             }
+        },
+        "locale": {
+            "languages": {
+                "en": "English",
+                "de": "Deutsch",
+                "fr": "Français",
+                "es": "Español",
+                "it": "Italiano",
+                "pt": "Português"
+            }
         }
     },
     "slogan": "Built to search."
diff --git a/src/locales/es.json b/src/locales/es.json
index 38ed2d0..c5775bd 100644
--- a/src/locales/es.json
+++ b/src/locales/es.json
@@ -24,6 +24,16 @@
                 "dark": "Cambiar al modo oscuro",
                 "auto": "Usar el esquema de color del sistema"
             }
+        },
+        "locale": {
+            "languages": {
+                "en": "English",
+                "de": "Deutsch",
+                "fr": "Français",
+                "es": "Español",
+                "it": "Italiano",
+                "pt": "Português"
+            }
         }
     },
     "slogan": "Hecho para buscar."
diff --git a/src/locales/fr.json b/src/locales/fr.json
index dde10c3..050eeee 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -24,6 +24,16 @@
                 "dark": "Passer en mode sombre",
                 "auto": "Utiliser le thème système"
             }
+        },
+        "locale": {
+            "languages": {
+                "en": "English",
+                "de": "Deutsch",
+                "fr": "Français",
+                "es": "Español",
+                "it": "Italiano",
+                "pt": "Português"
+            }
         }
     },
     "slogan": "Conçu pour chercher."
diff --git a/src/locales/it.json b/src/locales/it.json
index fb5adb6..2b6d8c1 100644
--- a/src/locales/it.json
+++ b/src/locales/it.json
@@ -24,6 +24,16 @@
                 "dark": "Passa alla modalità scura",
                 "auto": "Usa la combinazione colori di sistema"
             }
+        },
+        "locale": {
+            "languages": {
+                "en": "English",
+                "de": "Deutsch",
+                "fr": "Français",
+                "es": "Español",
+                "it": "Italiano",
+                "pt": "Português"
+            }
         }
     },
     "slogan": "Costruito per cercare."
diff --git a/src/locales/pt.json b/src/locales/pt.json
index b9403a9..a5a03d4 100644
--- a/src/locales/pt.json
+++ b/src/locales/pt.json
@@ -24,6 +24,16 @@
                 "dark": "Mudar para modo escuro",
                 "auto": "Usar esquema de cores do sistema"
             }
+        },
+        "locale": {
+            "languages": {
+                "en": "English",
+                "de": "Deutsch",
+                "fr": "Français",
+                "es": "Español",
+                "it": "Italiano",
+                "pt": "Português"
+            }
         }
     },
     "slogan": "Feito para pesquisar."