From c1d4e5ef5768ec1f1f1060446e5df450b02d91b2 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Fri, 31 Oct 2025 11:12:16 -0600
Subject: [PATCH] Fix: Convertir tabs a computed para reactividad del disabled
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- El array tabs era constante, por lo que disabled se evaluaba solo una vez
- Cuando selectedCard.value era null, la tab detail quedaba permanentemente deshabilitada
- Al convertir a computed, disabled se reevalúa reactivamente
- Ahora al hacer click en una card, la tab detail se habilita correctamente
---
 nuxt4-app/app/pages/metabase-debug.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/nuxt4-app/app/pages/metabase-debug.vue b/nuxt4-app/app/pages/metabase-debug.vue
index de9a8b0..450ffc8 100644
--- a/nuxt4-app/app/pages/metabase-debug.vue
+++ b/nuxt4-app/app/pages/metabase-debug.vue
@@ -236,7 +236,7 @@ async function fetchQueryConfig() {
   }
 }
 
-const tabs = [
+const tabs = computed(() => [
   {
     key: 'table',
     label: 'Vista Tabla',
@@ -274,7 +274,7 @@ const tabs = [
     disabled: !selectedCard.value,
     slot: 'detail'
   }
-]
+])
 
 const nativeQueries = computed(() => {
   return cards.value.filter(card => {