M apps/web/src/router/index.ts → apps/web/src/router/index.ts

@@ -45,6 +45,11 @@ path: "/privacy",
 			name: "Privacy",
 			component: () => import("../views/PrivacyPolicy.vue"),
 		},
+		{
+			path: "/:pathMatch(.*)*",
+			name: "NotFound",
+			component: () => import("../views/NotFound.vue"),
+		},
 	],
 });
 

A apps/web/src/views/NotFound.vue

@@ -0,0 +1,4 @@
+<template>
+    <h1>404 - Not Found</h1>
+    <p>whoops, if you're trying to view a ticket, please run `/ticket view [id]` and click the link from there.</p>
+</template>