From 99d945c26aba9bf91dfe361a7497b84058948e36 Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Thu, 22 Jun 2023 10:30:52 -0400
Subject: [PATCH] Adjust routing

---
 src/server.ts           | 2 +-
 web/src/router/index.ts | 6 ++++++
 web/src/views/404.vue   | 6 ++++++
 3 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 web/src/views/404.vue

diff --git a/src/server.ts b/src/server.ts
index 67c7a49..8e9e5c9 100644
--- a/src/server.ts
+++ b/src/server.ts
@@ -12,7 +12,7 @@ import PrinterDiscoveryRouter from './controllers/PrinterDiscoveryController.js'
 
 export const app = express()
 
-app.use('/', express.static('public'))
+app.use(express.static('public'))
 
 app.use(bodyParser.json())
 app.use(populateUserMiddleware)
diff --git a/web/src/router/index.ts b/web/src/router/index.ts
index 56fdfec..075a9c8 100644
--- a/web/src/router/index.ts
+++ b/web/src/router/index.ts
@@ -4,8 +4,14 @@ import { createRouter, createWebHistory } from "vue-router";
 const routes = [
   {
     path: "/",
+    name: "Home",
     component: () => import(/* webpackChunkName: "home" */ "@/views/Home.vue"),
   },
+  {
+    path: "/:pathMatch(.*)*",
+    name: "NotFound",
+    component: () => import(/* webpackChunkName: "home" */ "@/views/404.vue"),
+  },
 ];
 
 const router = createRouter({
diff --git a/web/src/views/404.vue b/web/src/views/404.vue
new file mode 100644
index 0000000..4d7d176
--- /dev/null
+++ b/web/src/views/404.vue
@@ -0,0 +1,6 @@
+<template>
+  <div class="page">
+    <h1>404</h1>
+    <p>Page not found.</p>
+  </div>
+</template>