front > login : fix redirection when user is already logged in

src/views/Account.vue

@@ -14,7 +14,7 @@
         placeholder="mail@exemple.com"
         autocomplete="username"
         class="w-full rounded-md border border-grey-200 px-16 py-12"
-        :class="{ invalid: !isValidEmail }"
+        :class="{ invalid: emailRegex.test(email) }"
         required
       />
       <p v-else>Email : {{ user.email }}</p>
@@ -23,6 +23,17 @@
         modifier
       </button>
     </li>
+    <li :class="{ 'is-editing': isEditingEmail }">
+      <input
+        @input="updatePassword"
+        type="password"
+        v-model="password"
+        id="password"
+        class="w-full rounded-md border border-grey-200 px-16 py-12"
+        :class="{ invalid: password.length < 8 }"
+        required
+      />
+    </li>
     <li>
       <p>Client : {{ user.client.name }}</p>
     </li>
@@ -37,14 +48,12 @@ import { useUserStore } from '../stores/user';
 import { ref, watch } from 'vue';
 
 const { user } = storeToRefs(useUserStore());
+
 const email = ref('');
 const isEditingEmail = ref(false);
-const isValidEmail = ref(false);
+const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
 
-watch(email, (newEmail) => {
-  const regex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
-  isValidEmail.value = regex.test(newEmail);
-});
+const password = ref('');
 
 function updateEmail(event) {
   email.value = event.target.value;