Merge pull request #4 from kingscode/created-page-not-found

Created page not found

Author: ricardovanlaarhoven

generator/templates/Default/src/Views/PageNotFound.vue

@@ -0,0 +1,28 @@
+<template>
+    <div class="text-xs-center">
+        <h1>
+            Pagina niet gevonden
+        </h1>
+        <div class="my-5 title">De pagina die u probeert te bereiken is niet gevonden</div>
+        <v-btn color="primary" @click="home">Terug naar de startpagina</v-btn>
+    </div>
+</template>
+
+<script>
+
+    export default {
+        name: 'page-not-found',
+        data() {
+            return {};
+        },
+        methods: {
+            home() {
+                this.$router.push({name: 'home'});
+            }
+        },
+    };
+</script>
+
+<style scoped lang="scss">
+
+</style>

generator/templates/Default/src/router.js

@@ -71,6 +71,14 @@ export default new Router({
             component: () => import('./views/UserResource.vue')
         },
         <%_ } _%>
-
+        {
+            path: '/404',
+            name: '404',
+            component: () => import('./views/PageNotFound.vue'),
+        },
+        {
+            path: '*',
+            redirect: '/404'
+        },
     ],
 });