From 9d9eed72ef5fd2e6c6e9888bdc94fbd75dc0436b Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Wed, 2 Mar 2022 10:20:31 +0300
Subject: [PATCH] add 404 page

---
 src/router/index.js    |  5 +++++
 src/views/NotFound.vue | 12 ++++++++++++
 2 files changed, 17 insertions(+)
 create mode 100644 src/views/NotFound.vue

diff --git a/src/router/index.js b/src/router/index.js
index 4afc78e8..07009061 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -49,6 +49,11 @@ const routes = [
     name: "SettingsView",
     component: SettingsView,
   },
+  {
+    path: "/:pathMatch(.*)",
+    // alias: "*",
+    component: () => import("../views/NotFound.vue"),
+  }
 ];
 
 const router = createRouter({
diff --git a/src/views/NotFound.vue b/src/views/NotFound.vue
new file mode 100644
index 00000000..b7f89a7b
--- /dev/null
+++ b/src/views/NotFound.vue
@@ -0,0 +1,12 @@
+<template>
+  <div class="fof">
+    404! Page Not Found!
+  </div>
+</template>
+
+<style lang="scss">
+.fof {
+    padding: 1rem;
+    font-size: 2rem;
+}
+</style>