404 page if route not found

Author: supalarry

frontend/src/router/index.js

@@ -16,6 +16,7 @@ import User from '../components/app/users/User.vue';
 import History from '../views/app/History.vue';
 import Matches from '../views/app/Matches.vue';
 import SignOut from '../views/auth/SignOut.vue';
+import NotFound from '../views/NotFound.vue';
 import store from '../store/index';
 
 Vue.use(VueRouter);
@@ -144,6 +145,11 @@ const routes = [
     name: 'SignOut',
     beforeEnter: notLoggedInRedirectLogin,
   },
+  {
+    path: '*',
+    component: NotFound,
+    name: 'NotFound',
+  },
 ];
 
 const router = new VueRouter({

frontend/src/views/NotFound.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="sm:mx-16 lg:mx-32 mt-32">
+    <h1 class="text-2xl text-center mx-auto">404 page not found</h1>
+  </div>
+</template>