Implement 404 handling

src/pages/404Page.vue

@@ -0,0 +1,17 @@
+<template>
+<Navbar />
+<h1>404</h1>
+</template>
+    
+<script>
+import Navbar from '../components/Navbar.vue'
+export default {
+    name: "404Page",
+    components: {
+        Navbar
+    }
+}
+</script>
+
+<style scoped>
+</style>

src/pages/MapPage.vue

@@ -46,11 +46,10 @@
           <label class="form-check-label" for="showNotYetRunning">Show Not-Yet Running Trains</label>
         </div>
       </div>
+      <button v-if="store.loggedIn" @click="postPreferences()">Save Preferences</button>
     </div>
 </div>
 
-<button v-if="store.loggedIn" @click="postPreferences()">Save Preferences</button>
-
 <transition id="sidebar" name="slideLeft">
   <div v-if="store.displaySelectedTrain && store.selectedTrain">
     <TrainSidebar />
@@ -485,11 +484,11 @@ export default {
   height: 19px;
   cursor: pointer;
 }
-#dropdownMenuButton1{
+#dropdownMenuButton1 {
   box-shadow: 0 0 5px 2px #6e757dbe;
 }
 
-#dropMenu{
+#dropMenu {
   /*In case we want to edit dropdown menu*/
   font-size: 15px;
 }
@@ -502,7 +501,7 @@ export default {
 }
 
 
-#sidebar{
+#sidebar {
   position: absolute;
   height: 80%;
   width: 20%;
@@ -523,7 +522,7 @@ export default {
   transition: all 0.8s;
 
 }
-.slideLeft-enter-from, .slideLeft-leave-to{
+.slideLeft-enter-from, .slideLeft-leave-to {
   opacity: 0;
   transform: translateX(-100px);
 }

src/router/routes.js

@@ -20,9 +20,11 @@ function loadPage(component) {
 }
 
 export default [
-    {path: "/", component:loadPage("MapPage")},
-    {path: "/insights", component:loadPage("InsightsPage")},
-    {path: "/account", component:loadPage('AccountPage'), beforeEnter: isAuth},
-    {path: "/signup", component:loadPage('SignUpPage')},
-    {path: "/login", component:loadPage('LoginPage')},
+    { path: "/", component:loadPage("MapPage") },
+    { path: "/insights", component:loadPage("InsightsPage") },
+    { path: "/account", component:loadPage('AccountPage'), beforeEnter: isAuth },
+    { path: "/signup", component:loadPage('SignUpPage') },
+    { path: "/login", component:loadPage('LoginPage') },
+    { path: "/404", component:loadPage('404Page') },
+    { path: "/:catchAll(.*)", component:loadPage('404Page') }
 ]