From b818f033930ddb289e41764347160d815cc943f7 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Wed, 3 Sep 2025 12:15:56 +0200
Subject: [PATCH] feat: add error page localization in English, Spanish, and
 French; update error messages and links

---
 app/components/home/Link.vue | 38 ------------------------------------
 app/error.vue                | 11 ++++++++++-
 locales/en.json              |  4 ++++
 locales/es.json              |  4 ++++
 locales/fr.json              |  4 ++++
 5 files changed, 22 insertions(+), 39 deletions(-)
 delete mode 100644 app/components/home/Link.vue

diff --git a/app/components/home/Link.vue b/app/components/home/Link.vue
deleted file mode 100644
index 2b7d8f3..0000000
--- a/app/components/home/Link.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<script setup lang="ts">
-defineProps({
-  label: {
-    type: String,
-    required: true,
-  },
-  href: {
-    type: String,
-    required: true,
-  },
-  icon: {
-    type: String,
-  },
-  blanked: {
-    type: Boolean,
-    default: false,
-  },
-})
-</script>
-
-<template>
-  <NuxtLink
-    :href="href"
-    :target="blanked ? '_blank' : '_self'"
-    class="sofia flex gap-1 items-center group"
-  >
-    <Icon
-      v-if="icon"
-      :name="icon"
-      size="20"
-    />
-    <span
-      class="duration-300 underline-offset-2 font-semibold text-md text-black dark:text-white underline decoration-gray-300 dark:decoration-neutral-700 group-hover:decoration-black dark:group-hover:decoration-white"
-    >
-      {{ label }}
-    </span>
-  </NuxtLink>
-</template>
diff --git a/app/error.vue b/app/error.vue
index 15dcd5c..56e0cb4 100644
--- a/app/error.vue
+++ b/app/error.vue
@@ -1,3 +1,7 @@
+<script setup lang="ts">
+const { t } = useI18n()
+</script>
+
 <template>
   <UApp class="relative flex h-screen flex-col items-center justify-center">
     <div class="flex flex-col items-center justify-center min-h-screen">
@@ -5,8 +9,13 @@
         404
       </h1>
       <p class="text-center flex gap-1">
-        I think you're lost, let's go back
+        {{ t('error.main') }}
         <HomeLink label="home" href="/" />
+        <NuxtLink href="/" class="sofia flex gap-1 items-center group">
+          <span class="duration-300 underline-offset-2 font-semibold text-md text-black dark:text-white underline decoration-gray-300 dark:decoration-neutral-700 group-hover:decoration-black dark:group-hover:decoration-white">
+            {{ t('error.redirect') }}
+          </span>
+        </NuxtLink>
       </p>
     </div>
   </UApp>
diff --git a/locales/en.json b/locales/en.json
index 0323837..b3f57c9 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -156,5 +156,9 @@
       "humidity": "Humidity",
       "wind": "Wind"
     }
+  },
+  "error": {
+    "main": "I think you're lost, let's go back to the",
+    "redirect": "homepage"
   }
 }
diff --git a/locales/es.json b/locales/es.json
index c051380..3440864 100644
--- a/locales/es.json
+++ b/locales/es.json
@@ -156,5 +156,9 @@
       "humidity": "Humedad",
       "wind": "Viento"
     }
+  },
+  "error": {
+    "main": "Creo que estás perdido, volvamos a la",
+    "redirect": "página de inicio"
   }
 }
diff --git a/locales/fr.json b/locales/fr.json
index 4e283df..bf07075 100644
--- a/locales/fr.json
+++ b/locales/fr.json
@@ -156,5 +156,9 @@
       "humidity": "Humidité",
       "wind": "Vent"
     }
+  },
+  "error": {
+    "main": "Je pense que vous êtes perdu, retournons en arrière à la",
+    "redirect": "page d'accueil"
   }
 }