feat: add error page localization in English, Spanish, and French; update error messages and links

This commit is contained in:
2025-09-03 12:15:56 +02:00
parent 42e14ee94a
commit b818f03393
5 changed files with 22 additions and 39 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -156,5 +156,9 @@
"humidity": "Humidity",
"wind": "Wind"
}
},
"error": {
"main": "I think you're lost, let's go back to the",
"redirect": "homepage"
}
}

View File

@@ -156,5 +156,9 @@
"humidity": "Humedad",
"wind": "Viento"
}
},
"error": {
"main": "Creo que estás perdido, volvamos a la",
"redirect": "página de inicio"
}
}

View File

@@ -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"
}
}