running-tools

commit 2d4b85d0f28b745eedaea67f6c59dcca2fa5394a
parent 26a1161eb0dda591eb5b43f78f1cd09f4fc5fa63
Author: ashermorgan <59518073+ashermorgan@users.noreply.github.com>
Date:   Fri, 19 Nov 2021 14:24:39 -0800

Implement Error404 component

Diffstat:
M
src/router/index.js
 | 
13
+++++++------
A
src/views/Error404.vue
 | 
21
+++++++++++++++++++++

2 files changed, 28 insertions(+), 6 deletions(-)
diff --git a/src/router/index.js b/src/router/index.js
@@ -1,10 +1,11 @@
 import Vue from 'vue';
 import VueRouter from 'vue-router';
-import Home from '../views/Home.vue';
-import PaceCalculator from '../views/PaceCalculator.vue';
-import RaceCalculator from '../views/RaceCalculator.vue';
-import SplitCalculator from '../views/SplitCalculator.vue';
-import UnitCalculator from '../views/UnitCalculator.vue';
+import Error404 from '@/views/Error404.vue';
+import Home from '@/views/Home.vue';
+import PaceCalculator from '@/views/PaceCalculator.vue';
+import RaceCalculator from '@/views/RaceCalculator.vue';
+import SplitCalculator from '@/views/SplitCalculator.vue';
+import UnitCalculator from '@/views/UnitCalculator.vue';
 
 Vue.use(VueRouter);
 
@@ -64,7 +65,7 @@ const routes = [
   },
   {
     path: '*',
-    redirect: '/home',
+    component: Error404,
   },
 ];
 
diff --git a/src/views/Error404.vue b/src/views/Error404.vue
@@ -0,0 +1,21 @@
+<template>
+  <div class="error404">
+    <h1>404 Not Found</h1>
+    <p><router-link to="/home">homepage</router-link></p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Error404',
+};
+</script>
+
+<style scoped>
+h1 {
+  font-size: 1.5em;
+}
+.error404 {
+  text-align: center;
+}
+</style>