Merge branch '404-page' into 'main'

add path not found page

See merge request !108

src/router/index.js

 import store from "@/store";
 import { createRouter, createWebHistory } from "vue-router";
+import NotFound from "@/views/NotFound.vue";
 
 /**
  * Guards routes. If token is null, no user is logged in and only the
@@ -133,6 +134,8 @@ const routes = [
     name: "UserItems",
     component: () => import("../views/UserProfileViews/UserItemsView.vue"),
   },
+  // Make sure it's your last route definition
+  { path: "/:pathMatch(.*)*", name: "not-found", component: NotFound },
 ];
 
 const router = createRouter({
@@ -140,4 +143,9 @@ const router = createRouter({
   routes,
 });
 
+router.resolve({
+  name: "not-found",
+  params: { pathMatch: ["not", "found"] },
+}).href;
+
 export default router;

src/views/NotFound.vue

+<template>
+  <div class="flex place-content-center h-full p-8">
+    <div class="bg-gray-300 p-8 rounded-2xl drop-shadow-xl">
+      <h1 class="text-primary-medium text-4xl">Oisann!</h1>
+      <p>Her skjedde det visst en feil...</p>
+      <p>
+        Lyst å gå tilbake til
+        <router-link to="/" class="underline">start?</router-link>
+      </p>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style></style>