From bd3183813992bf10dfd1a297bd026a8814c54b6c Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Fri, 21 Nov 2025 23:42:08 -0600
Subject: [PATCH] =?UTF-8?q?Debug:=20Agregar=20plugin=20de=20error=20handle?=
 =?UTF-8?q?r=20y=20m=C3=A1s=20logging?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Crear plugin error-handler.ts para capturar todos los errores
- Captura errores de app:error, vue:error y errorHandler
- Agregar logs en script setup de componentes
- Logs antes y después de llamar a useLotes()
- Esto nos mostrará exactamente dónde crashea la app
---
 nuxt4/app/components/lotes/Table.vue       |  4 ++++
 nuxt4/app/components/operaciones/Table.vue |  5 +++--
 nuxt4/app/plugins/error-handler.ts         | 22 ++++++++++++++++++++++
 3 files changed, 29 insertions(+), 2 deletions(-)
 create mode 100644 nuxt4/app/plugins/error-handler.ts

diff --git a/nuxt4/app/components/lotes/Table.vue b/nuxt4/app/components/lotes/Table.vue
index caaf775..4a9e7d9 100644
--- a/nuxt4/app/components/lotes/Table.vue
+++ b/nuxt4/app/components/lotes/Table.vue
@@ -103,6 +103,8 @@
 <script setup lang="ts">
 import type { Lote } from '~/composables/useLotes'
 
+console.log('🟢 LotesTable: <script setup> ejecutándose')
+
 const emit = defineEmits<{
   create: []
   view: [lote: Lote]
@@ -110,7 +112,9 @@ const emit = defineEmits<{
   trazabilidad: [lote: Lote]
 }>()
 
+console.log('🟢 LotesTable: Llamando a useLotes()...')
 const { fetchLotes, TIPOS_LOTE } = useLotes()
+console.log('🟢 LotesTable: useLotes() completado')
 
 const lotes = ref<Lote[]>([])
 const loading = ref(false)
diff --git a/nuxt4/app/components/operaciones/Table.vue b/nuxt4/app/components/operaciones/Table.vue
index dd667a5..8d2cfe4 100644
--- a/nuxt4/app/components/operaciones/Table.vue
+++ b/nuxt4/app/components/operaciones/Table.vue
@@ -80,15 +80,16 @@
 <script setup lang="ts">
 import type { Operacion } from '~/composables/useLotes'
 
-console.log('🟡 OperacionesTable: Script ejecutado')
+console.log('🟡 OperacionesTable: <script setup> ejecutándose')
 
 const emit = defineEmits<{
   create: []
   view: [operacion: Operacion]
 }>()
 
+console.log('🟡 OperacionesTable: Llamando a useLotes()...')
 const { fetchOperaciones, TIPOS_OPERACION } = useLotes()
-console.log('🟡 OperacionesTable: Composable cargado')
+console.log('🟡 OperacionesTable: useLotes() completado, TIPOS_OPERACION:', TIPOS_OPERACION?.length)
 
 const operaciones = ref<Operacion[]>([])
 const loading = ref(false)
diff --git a/nuxt4/app/plugins/error-handler.ts b/nuxt4/app/plugins/error-handler.ts
new file mode 100644
index 0000000..eddfcfe
--- /dev/null
+++ b/nuxt4/app/plugins/error-handler.ts
@@ -0,0 +1,22 @@
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.hook('app:error', (error) => {
+    console.error('❌❌❌ ERROR DE APLICACIÓN CAPTURADO:', error)
+    console.error('❌ Mensaje:', error.message)
+    console.error('❌ Stack:', error.stack)
+    console.error('❌ Causa:', error.cause)
+  })
+
+  nuxtApp.hook('vue:error', (error, instance, info) => {
+    console.error('❌❌❌ ERROR DE VUE CAPTURADO:', error)
+    console.error('❌ Info:', info)
+    console.error('❌ Componente:', instance?.$options?.name || instance?.$options?.__name)
+    console.error('❌ Stack:', error.stack)
+  })
+
+  nuxtApp.vueApp.config.errorHandler = (error, instance, info) => {
+    console.error('❌❌❌ ERROR HANDLER VUE:', error)
+    console.error('❌ Info:', info)
+    console.error('❌ Mensaje:', error.message)
+    console.error('❌ Stack:', error.stack)
+  }
+})