404 page

nginx/vue/src/router/index.js

@@ -17,6 +17,16 @@ const router = createRouter({
       // which is lazy-loaded when the route is visited.
       component: () => import("../views/CV.vue"),
     },
+    {
+      path: "/bookmarks",
+      name: "bookmarks",
+      component: () => import("../views/Bookmarks.vue"),
+    },
+    {
+      path: "/:pathMatch(.*)*",
+      name: "404",
+      component: () => import("../views/404.vue"),
+    },
   ],
 });
 

nginx/vue/src/views/Home.vue

@@ -10,10 +10,10 @@ import CurrentlyListening from "@/components/CurrentlyListening.vue";
         <p>Hi im Adam</p>
 
         <h2>cv</h2>
-        <RouterLink to="/cv">CV</RouterLink>
+        <RouterLink to="/cv">cv</RouterLink>
 
         <h2>bookmarks</h2>
-        <a href="/pages/bookmarks.html">bookmarks</a>
+        <RouterLink to="/bookmarks">bookmarks</RouterLink>
 
         <CurrentlyListening />