Error page added

webapp/layouts/error.vue

@@ -0,0 +1,12 @@
+<template>
+  <div class="container">
+    <h1>{{ $t(error.message) }}</h1>
+    <nuxt-link to="/">{{ $t('error-pages.back-to-index') }}</nuxt-link>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ['error'],
+}
+</script>

webapp/locales/de.json

@@ -798,5 +798,9 @@
         "donations-for": "Spenden für",
         "donate-now": "Jetzt spenden",
         "amount-of-total": "{amount} von {total} € erreicht"
+    },
+    "error-pages" : {
+	"user-not-found": "Dieser Benutzer konnte nicht gefunden werden",
+	"back-to-index": "Zurück zur Startseite"
     }
 }

webapp/locales/en.json

@@ -798,6 +798,10 @@
       "title": "In addition, we regularly hold events where you can also share your impressions and ask questions. You can find a current overview here:",
       "description": "<a href=\"https://human-connection.org/events/\" target=\"_blank\" > https://human-connection.org/events/ </a>"
     }
+  },
+  "error-pages" : {
+    "user-not-found": "This user could not be found",
+    "back-to-index": "Back to index page"
   }
 }
 

webapp/pages/profile/_id.vue

@@ -23,7 +23,7 @@ const options = {
       }
     }
   `,
-  message: 'This user could not be found',
+  message: 'error-pages.user-not-found',
   path: 'profile',
 }
 const persistentLinks = PersistentLinks(options)