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)"
>
{{ lang.flag }}
- {{ lang.label }}
+ {{ t(`preferences.locale.languages.${lang.code}`) }}
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."