From 3f047abd386833c9c44a540e837df92d6d117042 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Mon, 5 May 2025 17:46:49 +0200
Subject: [PATCH] front > login : add toggle visibility button

---
 src/views/Login.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/views/Login.vue b/src/views/Login.vue
index 211f9e0..dc96d5f 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -21,13 +21,20 @@
     <div class="field | w-full">
       <label for="password">Mot de passe</label>
       <input
-        type="password"
+        :type="isPasswordVisible ? 'text' : 'password'"
         v-model="password"
         id="password"
         autocomplete="current-password"
         class="w-full rounded-md border border-grey-200 px-16 py-12"
         required
       />
+      <button
+        class="btn | w-full"
+        type="button"
+        @click="isPasswordVisible = !isPasswordVisible"
+      >
+        {{ isPasswordVisible ? 'masquer' : 'afficher' }}
+      </button>
     </div>
     <p class="error" v-if="errorMessage" v-html="errorMessage"></p>
     <button
@@ -47,6 +54,7 @@ import { ref, watch } from 'vue';
 const email = ref('');
 const isValidEmail = ref(false);
 const password = ref('');
+const isPasswordVisible = ref(false);
 const errorMessage = ref(null);
 
 const submitBtn = ref({