Add auth error route

client/src/pages/login-error.vue

@@ -34,8 +34,10 @@
 
 <style scoped lang="scss">
 @import "@/styles/_variables.scss";
+  @import "@/styles/_mixins.scss";
 
 .content__instructions {
   margin: $medium-spacing 0;
+  @include regular-text;
 }
 </style>

client/src/router/auth.routes.js

@@ -1,5 +1,6 @@
 import hello from '@/pages/hello';
 import betaLogin from '@/pages/beta-login';
+import loginError from '@/pages/login-error';
 
 export default [
   {
@@ -22,4 +23,30 @@ export default [
       public: true,
     },
   },
+  {
+    path: '/verify-email',
+    component: loginError,
+    name: 'verifyEmail',
+    props: {
+      title: 'Bitte schauen Sie in Ihr Postfach',
+      errorMessage: 'Ihre E-Mail Adresse ist noch nicht verifiziert. Wir haben eine E-Mail mit einem Aktivierungslink an Sie verschickt.'
+    },
+    meta: {
+      public: true,
+      layout: 'public',
+    },
+  },
+  {
+    path: '/unknown-auth-error',
+    component: loginError,
+    name: 'unknownAuthError',
+    props: {
+      title: 'Es ist ein Fehler aufgetreten',
+      errorMessage: 'Es tut uns leid, dass mySkillbox im Moment nicht wie erwartet funktioniert. Bitte versuchen Sie es später nochmals.'
+    },
+    meta: {
+      public: true,
+      layout: 'public',
+    },
+  },
 ];

client/src/router/index.js

@@ -9,7 +9,6 @@ import submission from '@/pages/studentSubmission';
 import Router from 'vue-router';
 import surveyPage from '@/pages/survey';
 import styleGuidePage from '@/pages/styleguide';
-import loginError from '@/pages/login-error';
 import licenseActivation from '@/pages/license-activation';
 import joinClass from '@/pages/joinClass';
 import news from '@/pages/news';
@@ -56,19 +55,6 @@ const routes = [
     props: true,
     meta: {layout: LAYOUT_SIMPLE},
   },
-  {
-    path: '/verify-email',
-    component: loginError,
-    name: 'verifyEmail',
-    props: {
-      title: 'Bitte schauen Sie in Ihr Postfach',
-      errorMessage: 'Ihre E-Mail Adresse ist noch nicht verifiziert. Wir haben eine E-Mail mit einem Aktivierungslink an Sie verschickt.'
-    },
-    meta: {
-      public: true,
-      layout: 'public',
-    },
-  },
   {
     path: '/license-activation',
     component: licenseActivation,
@@ -98,7 +84,7 @@ const routes = [
           }
           return '/';
         default:
-          return '/unknown';
+          return '/unknown-auth-error';
       }
     }
   },