chore: error page

error.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+  const localePath = useLocalePath();
+</script>
+
+<template>
+  <main class="h-[100dvh] flex flex-col justify-center items-center">
+    <DescribedHeader :title="$t('error.title')">
+      {{ $t("error.description") }}
+    </DescribedHeader>
+    <UButton
+      :to="localePath('/')"
+      color="white"
+      size="lg"
+      leading-icon="i-tabler-chevron-left"
+    >
+      {{ $t("error.homeLink") }}
+    </UButton>
+  </main>
+</template>

translations/de.ts

@@ -118,4 +118,9 @@ export const de = {
     seoTitle: "Regeln",
     homeLink: "Zurück zur Startseite",
   },
+  error: {
+    title: "Hoppla! Etwas ist schief gelaufen.",
+    description: "Anscheinend konnte diese Seite nicht geladen werden.",
+    homeLink: "Zurück zur Startseite",
+  },
 } satisfies typeof en;

translations/en.ts

@@ -113,4 +113,9 @@ export const en = {
     seoTitle: "Rules",
     homeLink: "Back to home",
   },
+  error: {
+    title: "Oops! Something went wrong.",
+    description: "Apparently this page could not be loaded.",
+    homeLink: "Back to home",
+  },
 };

translations/es.ts

@@ -116,4 +116,9 @@ export const es = {
     seoTitle: "Reglas",
     homeLink: "Página de inicio",
   },
+  error: {
+    title: "¡Ups! Algo salió mal.",
+    description: "Aparentemente esta página no se pudo cargar.",
+    homeLink: "Página de inicio",
+  },
 } satisfies typeof en;

translations/fr.ts

@@ -115,4 +115,9 @@ export const fr = {
     seoTitle: "Règles",
     homeLink: "Retour à l'accueil",
   },
+  error: {
+    title: "Oups ! Quelque chose s'est mal passé.",
+    description: "Apparemment, cette page n'a pas pu être chargée.",
+    homeLink: "Retour à l'accueil",
+  },
 } satisfies typeof en;

translations/it.ts

@@ -115,4 +115,9 @@ export const it = {
     seoTitle: "Regole",
     homeLink: "Torna alla home",
   },
+  error: {
+    title: "Oops! Qualcosa è andato storto.",
+    description: "Apparentemente questa pagina non può essere caricata.",
+    homeLink: "Torna alla home",
+  },
 } satisfies typeof en;