chore(translations): add Vietnamese locale (vi-VN)

src/App.vue

@@ -4448,6 +4448,7 @@ const languageLabelKeys: Record<SupportedLocale, string> = {
   de: 'language.german',
   cs: 'language.czech',
   es: 'language.spanish',
+  vi: 'language.vietnamese',
 };
 const languageOptions = computed(() =>
   supportedLocales.map(code => ({

src/locales/cs.ts

@@ -629,6 +629,7 @@ const cs = {
     german: 'German',
     czech: 'Čeština',
     spanish: 'Español',
+    vietnamese: 'Tiếng Việt',
     switchTo: 'Přepnout do jazyka {language}',
   },
   theme: {

src/locales/de.ts

@@ -629,6 +629,7 @@ const de = {
     german: 'Deutsch',
     czech: 'Tschechisch',
     spanish: 'Spanisch',
+    vietnamese: 'Vietnamesisch',
     switchTo: 'Zu {language} wechseln',
   },
   theme: {

src/locales/en.ts

@@ -629,6 +629,7 @@ const en = {
     german: 'German',
     czech: 'Czech',
     spanish: 'Spanish',
+    vietnamese: 'Vietnamese',
     switchTo: 'Switch to {language}',
   },
   theme: {

src/locales/es.ts

@@ -641,6 +641,7 @@ const es = {
     german: 'German',
     czech: 'Czech',
     spanish: 'Español',
+    vietnamese: 'Vietnamese',
     switchTo: 'Cambiar a {language}',
   },
   theme: {

src/locales/fr.ts

@@ -629,6 +629,7 @@ const fr = {
     german: 'Allemand',
     czech: 'Tchèque',
     spanish: 'Espagnol',
+    vietnamese: 'Vietnamien',
     switchTo: 'Passer à {language}',
   },
   theme: {

src/locales/tr.ts

@@ -628,6 +628,7 @@ const tr = {
     german: 'Almanca',
     czech: 'Çekçe',
     spanish: 'İspanyolca',
+    vietnamese: 'Vietnamca',
     switchTo: '{language} diline geç',
   },
   theme: {

src/locales/zh.ts

@@ -627,6 +627,7 @@ const zh = {
     german: '德语',
     czech: '捷克语',
     spanish: '西班牙语',
+    vietnamese: '越南语',
     switchTo: '切换到{language}',
   },
   theme: {

src/plugins/i18n.test.ts

@@ -55,6 +55,15 @@ describe('i18n locale selection', () => {
     expect(i18n.global.locale.value).toBe('es');
   });
 
+  it('uses vi when navigator languages include Vietnamese', async () => {
+    setNavigator(['vi-VN', 'en-US']);
+    setWindowWithLocalStorage(null);
+
+    const { i18n } = await loadI18n();
+
+    expect(i18n.global.locale.value).toBe('vi');
+  });
+
   it('falls back to en when navigator languages are unsupported', async () => {
     setNavigator(['ja-JP']);
     setWindowWithLocalStorage(null);

src/plugins/i18n.ts

@@ -6,10 +6,11 @@ import tr from '../locales/tr';
 import de from '../locales/de';
 import cs from '../locales/cs';
 import es from '../locales/es';
-import { en as vuetifyEn, fr as vuetifyFr, zhHans as vuetifyZhHans, tr as vuetifyTr, de as vuetifyDe, cs as vuetifyCs, es as vuetifyEs } from 'vuetify/locale';
+import vi from '../locales/vi';
+import { en as vuetifyEn, fr as vuetifyFr, zhHans as vuetifyZhHans, tr as vuetifyTr, de as vuetifyDe, cs as vuetifyCs, es as vuetifyEs, vi as vuetifyVi } from 'vuetify/locale';
 
 const STORAGE_KEY = 'espconnect-language';
-export const supportedLocales = ['en', 'fr', 'zh', 'tr', 'de', 'cs', 'es'] as const;
+export const supportedLocales = ['en', 'fr', 'zh', 'tr', 'de', 'cs', 'es', 'vi'] as const;
 export type SupportedLocale = (typeof supportedLocales)[number];
 
 function normalizeLocale(value: unknown): SupportedLocale {
@@ -87,6 +88,10 @@ export const i18n = createI18n({
       ...es,
       $vuetify: vuetifyEs,
     },
+    vi: {
+      ...vi,
+      $vuetify: vuetifyVi,
+    },
   },
 });