Merge branch 'main' into feat/toolbar

# Conflicts:
#	src/plugins/i18n.ts

src/locales/af.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Home",
+    "browse": "Browse",
+    "search": "Soek"
+  }
+}

src/locales/bg.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Home",
+    "browse": "Browse",
+    "search": "Търси"
+  }
+}

src/locales/cs.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Home",
+    "browse": "Browse",
+    "search": "Search"
+  }
+}

src/locales/da.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Hjem",
+    "browse": "Gennemse",
+    "search": "Søg"
+  }
+}

src/locales/de.json

@@ -1,9 +1,15 @@
 {
   "nav": {
-    "home": "Home",
+    "home": "Start",
     "browse": "Stöbern",
     "playlist": "Playliste",
     "profile": "Profil",
     "search": "Suche"
+  },
+  "error": {
+    "page-not-found": {
+      "headline": "Fehler",
+      "text": "Die Seite \"{path}\" gibt es nicht"
+    }
   }
 }

src/locales/el.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Home",
+    "browse": "Browse",
+    "search": "Αναζήτηση"
+  }
+}

src/locales/en.json

@@ -5,5 +5,11 @@
     "playlist": "Playlist",
     "profile": "Profile",
     "search": "Search"
+  },
+  "error": {
+    "page-not-found": {
+      "headline": "Error",
+      "text": "Sorry. We can't find the page \"{path}\"."
+    }
   }
 }

src/locales/es.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Inicio",
+    "browse": "Buscar",
+    "search": "Buscar"
+  }
+}

src/locales/et.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Home",
+    "browse": "Browse",
+    "search": "Otsi"
+  }
+}

src/locales/fi.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Koti",
+    "browse": "Selaa",
+    "search": "Haku"
+  }
+}

src/locales/fr.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Accueil",
+    "browse": "Parcourir",
+    "search": "Recherche"
+  }
+}

src/locales/he.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Home",
+    "browse": "Browse",
+    "search": "Search"
+  }
+}

src/locales/hr.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Home",
+    "browse": "Browse",
+    "search": "Search"
+  }
+}

src/locales/hu.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Főoldal",
+    "browse": "Böngész",
+    "search": "Keresés"
+  }
+}

src/locales/it.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Home",
+    "browse": "Browse",
+    "search": "Cerca"
+  }
+}

src/locales/nb.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Hjem",
+    "browse": "Browse",
+    "search": "Søk"
+  }
+}

src/locales/nl.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Home",
+    "browse": "Browse",
+    "search": "Zoeken"
+  }
+}

src/locales/pl.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Home",
+    "browse": "Przeglądaj",
+    "search": "Szukaj"
+  }
+}

src/locales/pt.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Início",
+    "browse": "Navegar",
+    "search": "Busca"
+  }
+}

src/locales/ro.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Acasă",
+    "browse": "Explorează",
+    "search": "Caută"
+  }
+}

src/locales/ru.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Home",
+    "browse": "Browse",
+    "search": "Поиск"
+  }
+}

src/locales/sl.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Domov",
+    "browse": "Razišči",
+    "search": "Išči"
+  }
+}

src/locales/tr.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Home",
+    "browse": "Browse",
+    "search": "Ara"
+  }
+}

src/locales/uk.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Home",
+    "browse": "Browse",
+    "search": "Пошук"
+  }
+}

src/locales/zh.json

@@ -0,0 +1,7 @@
+{
+  "nav": {
+    "home": "Home",
+    "browse": "Browse",
+    "search": "Search"
+  }
+}

src/plugins/i18n.ts

@@ -1,13 +1,87 @@
 import { createI18n } from "vue-i18n";
-import en from "../locales/en.json";
+import af from "../locales/af.json";
+import bg from "../locales/bg.json";
+import cs from "../locales/cs.json";
+import da from "../locales/da.json";
 import de from "../locales/de.json";
+import el from "../locales/el.json";
+import en from "../locales/en.json";
+import es from "../locales/es.json";
+import et from "../locales/et.json";
+import fi from "../locales/fi.json";
+import fr from "../locales/fr.json";
+import he from "../locales/he.json";
+import hr from "../locales/hr.json";
+import hu from "../locales/hu.json";
+import it from "../locales/it.json";
+import nb from "../locales/nb.json";
+import nl from "../locales/nl.json";
+import pl from "../locales/pl.json";
+import pt from "../locales/pt.json";
+import ro from "../locales/ro.json";
+import ru from "../locales/ru.json";
+import sl from "../locales/sl.json";
+import tr from "../locales/tr.json";
+import uk from "../locales/uk.json";
+import zh from "../locales/zh.json";
 
-const i18n = createI18n<[{}], "en" | "de", false>({
+const i18n = createI18n<
+  [{}],
+  | "af"
+  | "bg"
+  | "cs"
+  | "da"
+  | "de"
+  | "el"
+  | "en"
+  | "es"
+  | "et"
+  | "fi"
+  | "fr"
+  | "he"
+  | "hr"
+  | "hu"
+  | "it"
+  | "nb"
+  | "nl"
+  | "pl"
+  | "pt"
+  | "ro"
+  | "ru"
+  | "sl"
+  | "tr"
+  | "uk"
+  | "zh",
+  false
+>({
   legacy: false,
   locale: "en",
   messages: {
-    en,
+    af,
+    bg,
+    cs,
+    da,
     de,
+    el,
+    en,
+    es,
+    et,
+    fi,
+    fr,
+    he,
+    hr,
+    hu,
+    it,
+    nb,
+    nl,
+    pl,
+    pt,
+    ro,
+    ru,
+    sl,
+    tr,
+    uk,
+    zh,
   },
 });
 

src/router.ts

@@ -61,6 +61,12 @@ const router = createRouter({
         toolbarTitle: reactiveTranslation(() => t("nav.playlist")),
       },
     },
+    {
+      name: "error",
+      path: "/:path(.*)",
+      component: () => import("@/views/NotFound.vue"),
+      props: true,
+    },
   ],
 });
 

src/views/NotFound.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+const props = defineProps<{
+  path: string;
+}>();
+</script>
+
+<template>
+  <h2>{{ $t("error.page-not-found.headline") }}</h2>
+  {{ $t("error.page-not-found.text", props) }}
+</template>