From 0d8b3adfc82c076e36ec9f92d5fdb04f362b1566 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Sat, 18 Oct 2025 02:29:53 -0600
Subject: [PATCH] Fix: Usar slot #body en lugar de slots personalizados por
 muestra

- Simplificar uso de slots del accordion usando #body para el contenido
- Remover v-for innecesario en templates de slots
- Remover propiedad slot de accordionItems
- Esto permite que el contenido se renderice correctamente cuando se expande el accordion
---
 nuxt4/app/pages/cata/sesion.vue | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/nuxt4/app/pages/cata/sesion.vue b/nuxt4/app/pages/cata/sesion.vue
index e6286da..5e38e23 100644
--- a/nuxt4/app/pages/cata/sesion.vue
+++ b/nuxt4/app/pages/cata/sesion.vue
@@ -141,12 +141,8 @@
             />
           </template>
 
-          <!-- Body con FormularioMuestra para cada item -->
-          <template
-            v-for="muestra in sesionActiva.muestras"
-            :key="`content-${muestra.muestraId}`"
-            #[`muestra-${muestra.muestraId}`]="{ item }"
-          >
+          <!-- Body con FormularioMuestra -->
+          <template #body="{ item }">
             <CataFormularioMuestra
               :muestra="item.muestra"
               :tab-activa="tabActiva"
@@ -214,10 +210,9 @@ const accordionItems = computed(() => {
   if (!sesionActiva.value) return []
 
   return sesionActiva.value.muestras.map((muestra) => ({
-    label: '', // Usaremos slot personalizado para el contenido
+    label: '', // Usaremos slot #default para el contenido del header
     value: `muestra-${muestra.muestraId}`,
-    slot: `muestra-${muestra.muestraId}`,
-    muestra: JSON.parse(JSON.stringify(muestra)) as Muestra, // Datos extra para el template (clonado profundo)
+    muestra: JSON.parse(JSON.stringify(muestra)) as Muestra, // Datos extra para el template
   }))
 })