From 7b6039558a7a7c4f013cf12e1cd6b1d6508046fb Mon Sep 17 00:00:00 2001
From: Ricardo Gonzalez <ricardogonzalez@MacBook-Air-de-Ricardo.local>
Date: Mon, 25 May 2026 21:52:42 -0500
Subject: [PATCH] agregar checkbox Recordarme en login con persistencia de
 email

---
 src/views/LoginView.vue | 27 +++++++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 56b3eaf..2861707 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref, onMounted } from 'vue'
 import { useAuthStore } from '@/stores/auth'
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
+import { Checkbox } from '@/components/ui/checkbox'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
 import { Eye, EyeOff } from 'lucide-vue-next'
 
@@ -10,9 +11,25 @@ const auth = useAuthStore()
 const email = ref('')
 const password = ref('')
 const showPassword = ref(false)
+const rememberMe = ref(false)
+
+onMounted(() => {
+  const saved = localStorage.getItem('alpha_remember_email')
+  if (saved) {
+    email.value = saved
+    rememberMe.value = true
+  }
+})
 
 async function handleLogin() {
   if (!email.value || !password.value) return
+
+  if (rememberMe.value) {
+    localStorage.setItem('alpha_remember_email', email.value)
+  } else {
+    localStorage.removeItem('alpha_remember_email')
+  }
+
   await auth.login({ email: email.value, password: password.value })
 }
 </script>
@@ -32,7 +49,7 @@ async function handleLogin() {
         <form @submit.prevent="handleLogin" class="flex flex-col gap-4">
           <div class="space-y-1.5">
             <label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">Email</label>
-            <Input v-model="email" type="email" placeholder="ricardo@..." autocomplete="email" />
+            <Input v-model="email" name="email" type="email" placeholder="ricardo@..." autocomplete="email" />
           </div>
           <div class="space-y-1.5">
             <label class="text-xs font-medium text-muted-foreground uppercase tracking-wider">Contraseña</label>
@@ -40,6 +57,7 @@ async function handleLogin() {
               <Input
                 v-model="password"
                 :type="showPassword ? 'text' : 'password'"
+                name="password"
                 placeholder="••••••••"
                 autocomplete="current-password"
                 class="pr-10"
@@ -55,6 +73,11 @@ async function handleLogin() {
             </div>
           </div>
 
+          <div class="flex items-center gap-2">
+            <Checkbox id="remember" v-model:checked="rememberMe" />
+            <label for="remember" class="text-xs text-muted-foreground cursor-pointer select-none">Recordarme</label>
+          </div>
+
           <div v-if="auth.error" class="text-xs text-destructive bg-destructive/10 rounded-md px-3 py-2">
             {{ auth.error }}
           </div>