diff --git a/src/router/index.js b/src/router/index.js
index 4afc78e..0700906 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 0000000..b7f89a7
--- /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>