From 56fc0cdd78f1196d2be6fb447c54ec1714613a4a Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Thu, 16 Oct 2025 20:29:12 -0600
Subject: [PATCH] =?UTF-8?q?Fix:=20Corregir=20implementaci=C3=B3n=20del=20m?=
 =?UTF-8?q?odal=20seg=C3=BAn=20documentaci=C3=B3n=20de=20Nuxt=20UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Usar v-model:open en lugar de v-model
- Mover botón dentro del UModal como trigger (slot por defecto)
- Contenido en slot #content según documentación
- Agregar title como prop del UModal
- Eliminar UCard innecesario
---
 .../app/components/auth/EditProfileButton.vue | 44 +++++++------------
 1 file changed, 15 insertions(+), 29 deletions(-)

diff --git a/nuxt4/app/components/auth/EditProfileButton.vue b/nuxt4/app/components/auth/EditProfileButton.vue
index 9b1fffb..ff10298 100644
--- a/nuxt4/app/components/auth/EditProfileButton.vue
+++ b/nuxt4/app/components/auth/EditProfileButton.vue
@@ -1,29 +1,17 @@
 <template>
-  <UButton
-    icon="i-heroicons-pencil-square"
-    color="primary"
-    variant="soft"
-    :loading="isLoading"
-    @click="openModal"
-  >
-    Editar Perfil
-  </UButton>
+  <UModal v-model:open="isOpen" title="Editar Perfil">
+    <UButton
+      icon="i-heroicons-pencil-square"
+      color="primary"
+      variant="soft"
+      :loading="isLoading"
+      @click="openModal"
+    >
+      Editar Perfil
+    </UButton>
 
-  <UModal v-model="isOpen" :prevent-close="isUpdating">
-    <UCard @click.stop>
-      <template #header>
-        <div class="flex items-center justify-between">
-          <h3 class="text-lg font-semibold">Editar Perfil</h3>
-          <UButton
-            color="neutral"
-            variant="ghost"
-            icon="i-heroicons-x-mark"
-            @click="isOpen = false"
-          />
-        </div>
-      </template>
-
-      <form @submit.prevent="updateProfile" class="space-y-4">
+    <template #content>
+      <div class="p-4 space-y-4">
         <UFormGroup label="Nombre Completo" name="name">
           <UInput
             v-model="formData.name"
@@ -51,10 +39,8 @@
             <span class="text-xs text-gray-500">El username no se puede cambiar</span>
           </template>
         </UFormGroup>
-      </form>
 
-      <template #footer>
-        <div class="flex justify-end gap-2">
+        <div class="flex justify-end gap-2 pt-4">
           <UButton
             color="neutral"
             variant="ghost"
@@ -71,8 +57,8 @@
             Guardar Cambios
           </UButton>
         </div>
-      </template>
-    </UCard>
+      </div>
+    </template>
   </UModal>
 </template>