Merge branch 'reset-password' into 'main'

Added ResetPasswordView.vue

See merge request !26

src/components/LoginForm.vue

@@ -68,7 +68,7 @@
     <div id="buttonsField" class="m-6">
       <div class="align-items: flex-end; mb-6">
         <div class="ml-3 text-sm">
-          <router-link to="about" class="text-blue-600"
+          <router-link to="/resetPassword" class="text-blue-600"
             >Glemt passord</router-link
           >
         </div>
@@ -104,7 +104,6 @@ export default {
   setup() {
     return { v$: useVuelidate() };
   },
-
   validations() {
     return {
       user: {

src/components/ResetPassword.vue

+<template>
+  <div class="resetPassword">
+    <v-img :src="require('../assets/logo3.svg')" class="image" contain />
+    <form class="resetPasswordForm">
+      <label class="label" id="emailLabelId"> Skriv inn E-posten din </label>
+      <input type="email" name="email" v-model="email" class="input" />
+      <button class="resetPasswordButton" id="newPassword">Send inn</button>
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "ResetPassword.vue",
+  data() {
+    return {
+      email: "",
+    };
+  },
+};
+</script>

src/router/index.js

@@ -56,6 +56,11 @@ const routes = [
     name: "searchItemList",
     component: () => import("../views/SearchItemListView.vue"),
   },
+  {
+    path: "/resetPassword",
+    name: "resetPassword",
+    component: () => import("../views/ResetPasswordView.vue"),
+  },
   {
     path: "/createNewGroup",
     name: "createNewGroup",
@@ -80,7 +85,6 @@ const routes = [
     component: () => import("../views/MessagesView.vue"),
     beforeEnter: guardRoute,
   },
-
 ];
 
 const router = createRouter({

src/views/ResetPasswordView.vue

+<template>
+  <div class="resetPassword">
+    <ResetPassword></ResetPassword>
+  </div>
+</template>
+
+<script>
+import ResetPassword from "@/components/ResetPassword";
+export default {
+  name: "ResetPasswordView.vue",
+  components: {
+    ResetPassword,
+  },
+};
+</script>
+
+<style scoped>
+.resetPassword {
+  background-color: white;
+  height: 100%;
+  overflow: auto;
+}
+</style>