Renamed 404

client/src/router/index.js

@@ -8,7 +8,7 @@ import Home from '@/views/Home.vue'
 import Quiz from '@/views/quiz/Index.vue'
 import QuizPage from '@/views/quiz/Quiz.vue'
 import Question from '@/views/quiz/Question.vue'
-import Error404 from '@/views/errors/Error404.vue'
+import NotFound from '@/views/errors/NotFound.vue'
 import Refused from '@/views/errors/Refused.vue'
 import Results from '@/views/results/Index.vue'
 import ResultsPage from '@/views/results/Results.vue'
@@ -174,22 +174,22 @@ const routes = [
         ]
     },
     {
-        path: '/404',
+        path: '/err_notfound',
-        name: 'Error404',
+        name: 'NotFound',
-        component: Error404,
+        component: NotFound,
         meta: {
             index: -1,
-            title: 'Error 404: Not Found',
+            title: 'Error: Not Found',
             svgPath: mdiWeb
         }
     },
     {
         path: "/:catchAll(.*)",
         name: 'NotFound',
-        redirect: '/404',
+        redirect: '/err_notfound',
         meta: {
             index: -1,
-            title: 'Error 404: Not Found',
+            title: 'Error: Not Found',
             svgPath: mdiWeb
         }
     },

client/src/views/errors/NotFound.vue

@@ -3,7 +3,7 @@
     import Header from '@/components/Header.vue'
     import TextFrame from '@/components/TextFrame.vue'
     export default {
-        name: 'Error404',
+        name: 'NotFound',
         components: {
             Content,
             Header,
@@ -15,7 +15,7 @@
     <div >
         <TextFrame>
             <Header>
-                404: Not Found
+                Error: Not Found
             </Header>
             <Content>
                 <article class="prose mx-auto">

client/src/views/quiz/Question.vue

@@ -39,7 +39,7 @@
                 () => this.$route.params, (toParams, previousParams) => {
                     if (this.$route.name == 'Question') {
                         if (toParams.id >= this.questionStore.questions.length || this.id < 0) {
-                            this.$router.push('/404')
+                            this.$router.push('/err_notfound')
                         } else {
                             if ( toParams.id == 0 ) {
                                 this.enableBack = false
@@ -57,7 +57,7 @@
             this.$watch(
                 () => this.appStore.hasData, (newValue) => {
                     if (this.id >= this.questionStore.questions.length || this.id < 0) {
-                        this.$router.push('/404')
+                        this.$router.push('/err_notfound')
                     } else {
                         this.answersStore.makeArray(this.id, this.questionStore.questions[this.id].select)
                         if ( this.id == this.questionStore.questions.length -1 ) {