404 i18n

IAmBlackat · Jan 18, 2022 · 6a34946 · 6a34946
1 parent 5a7cf71
commit 6a34946
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
@@ -103,6 +103,8 @@ export default {
   username: 'Username',
   password: 'Password',
   cancel: 'Cancel',
+  back: 'Go back',
+  notFound: 'Sorry, nothing here...',
   error: 'Oops... an unexpected error has occurred 😣',
   about: {
     description: 'Watch your favourite animes with your usual provider, synchronized with {api}.',

diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
@@ -103,6 +103,8 @@ export default {
   username: 'Nombre de usuario',
   password: 'Contraseña',
   cancel: 'Cancelar',
+  back: 'Volver',
+  notFound: 'Lo sentimos, no hay nada aquí...',
   error: 'Vaya... ha ocurrido un error inesperado 😣',
   about: {
     description: 'Disfruta de tus animes favoritos con tu proveedor habitual, sincronizado con {api}.',

diff --git a/src/pages/Error404.vue b/src/pages/Error404.vue
@@ -3,8 +3,11 @@
     <p class="text-center">
       <img src="~assets/sad.svg" color="secondary" style="fill: red; width: 30vw; max-width: 150px;" />
     </p>
-    <p class="text-center text-faded text-white">Sorry, nothing here... <strong>(404)</strong></p>
-    <q-btn color="secondary" style="width: 200px;" to="/" label="Go back" />
+    <p class="text-center text-faded text-white">
+      {{ $t('notFound') }}
+      (<strong>404</strong>)
+    </p>
+    <q-btn color="secondary" style="width: 200px;" to="/" :label="$t('back')" />
   </div>
 </template>