better userlanguage detection

Author: Lenni009

src/i18n/de-DE/index.ts

@@ -0,0 +1,5 @@
+import translation from './translation';
+
+export default {
+  translation,
+};

src/i18n/de-DE/translation.ts

@@ -0,0 +1,20 @@
+export default {
+  viewother: 'Andere Seiten Ansehen',
+  switchtheme: 'Farbschema wechseln',
+  dropfiles: 'Dateien hier ablegen',
+  name: 'Name:',
+  originalsize: 'Originalgröße:',
+  compressedsize: 'Komprimierte Größe:',
+  download: 'Herunterladen',
+  error: 'Fehler:',
+  filetoolarge: 'Datei ist zu groß!',
+  header: 'Bild Kompressor',
+  subtitle: 'Komprimiert Bilder auf < 10MB',
+  buttonwiki: 'NMS Wiki Bild Upload öffnen',
+  input: 'Eingabe',
+  allcompressed: 'Alle komprimiert!',
+  compress: 'Komprimieren',
+  filelist: 'Dateiliste',
+  downloadzip: 'ZIP herunterladen',
+  clearlist: 'Liste leeren',
+};

src/i18n/en-EN/translation.ts

@@ -1,8 +1,4 @@
 export default {
-  hello: 'Hello',
-  en: 'English',
-  es: 'Español',
-  home: 'Home',
   viewother: 'View other pages',
   switchtheme: 'Switch Theme',
   dropfiles: 'Drop files here',

src/i18n/es-ES/translation.ts

@@ -1,8 +1,4 @@
 export default {
-  hello: 'Hola',
-  en: 'Inglés',
-  es: 'Español',
-  home: 'Página principal',
   viewother: 'Ver otras páginas',
   switchtheme: 'Cambiar tema',
   dropfiles: 'Suelta los archivos aquí',

src/i18n/eu-EU/translation.ts

@@ -1,9 +1,4 @@
 export default {
-  hello: 'Kaixo',
-  en: 'English',
-  es: 'Español',
-  eu: 'Euskera',
-  home: 'Orrialde nagusia',
   viewother: 'Ikusi beste orrialde batzuk',
   switchtheme: 'Itxura aldatu',
   dropfiles: 'Askatu fitxategiak hemen',

src/i18n/index.ts

@@ -2,16 +2,31 @@ import { createI18n } from 'vue-i18n';
 import Español from './es-ES';
 import English from './en-EN';
 import Euskara from './eu-EU';
+import Deutsch from './de-DE';
 
 const messages = {
   Español,
   English,
   Euskara,
+  Deutsch,
 };
 
-const userLang = navigator.language.replace('es-ES', 'Español').replace('en-EN', 'English').replace('eu-EU', 'Euskara');
+const languageMap: {
+  [key: string]: string[];
+} = {
+  Español: ['es', 'es-ES'],
+  English: ['en', 'en-EN', 'en-GB', 'en-US'],
+  Euskara: ['eu', 'eu-EU'],
+  Deutsch: ['de', 'de-DE'],
+};
+
+const langEntries = Object.entries(languageMap);
+const preferredUserLang = navigator.language;
+
+const userLang = langEntries.find((lang) => lang.some((langCode) => langCode === preferredUserLang))?.[0] ?? 'English';
+
 const localStorageLang = localStorage.getItem('lang');
-export const preferredLang = localStorageLang ?? (Object.keys(messages).includes(userLang) ? userLang : 'English');
+const preferredLang = localStorageLang ?? userLang;
 
 const i18n = createI18n({
   locale: preferredLang,