Fix: Resolver todos los errores de TypeScript

ERRORES RESUELTOS: 1. Colores de botones inválidos → colores válidos: - 'orange' → 'warning' (BackendVerificationButton) - 'purple' → 'primary' (FrontendVerificationButton) - 'red' → 'error' (CheckAuthentikAdminsButton) - 'blue' → 'info' (CheckGrupoPruebaButton) - 'green' → 'success' (CheckLvl0Button) - 'gray' → 'neutral' (CheckPublicAccessButton, UserMetadata) 2. Tipos no exportados en Nuxt UI v4: - Removidos imports: ButtonColor, ButtonVariant, ButtonSize - Reemplazados con tipos literales inline - Removido 'none' de variant (no válido en v4) 3. Subcategoria puede ser null: - FormularioMuestra: tipo cambiado a Exclude<Subcategoria, null> - sesion.vue: agregado ?? 'null' para key y guards para null 4. process.client no definido: - useCatacion.ts: process.client → import.meta.client (2 lugares) - Nuxt 4 usa import.meta.client en lugar de process.client 5. process.env en nuxt.config.ts: - Removido process.env.NUXT_PUBLIC_AUTHENTIK_URL - Nuxt runtimeConfig lee automáticamente de .env - Solo valor por defecto necesario 6. Propiedades no válidas en PWA manifest: - Removido: capture_links (no existe en ManifestOptions) - Removido: url_handlers (no existe en ManifestOptions) - Removido: handle_links (no existe en ManifestOptions) 7. Toast props no válidas: - Removido: timeout (no existe en Toast type) - BackendVerificationButton y FrontendVerificationButton RESULTADO: ✅ npx nuxi typecheck pasa sin errores ✅ Solo warnings de @nuxt/content (no críticos)
2025-10-19 03:14:14 -06:00
parent 6994114d91
commit 599cb24f8d
13 changed files with 23 additions and 34 deletions
--- a/nuxt4/app/components/auth/BackendVerificationButton.vue
+++ b/nuxt4/app/components/auth/BackendVerificationButton.vue
@@ -1,6 +1,6 @@
 <template>
  <UButton
-    color="orange"
+    color="warning"
    size="lg"
    variant="outline"
    :loading="loading"
@@ -39,9 +39,8 @@ const handleClick = async () => {
        title: 'Verificación Backend',
        description: `Usuario: ${response.user.username}
 Grupos (${groupCount}): ${groupList}`,
-        color: 'orange',
-        icon: 'i-heroicons-server-stack',
-        timeout: 5000
+        color: 'warning',
+        icon: 'i-heroicons-server-stack'
      })
    } else {
      toast.add({
--- a/nuxt4/app/components/auth/CheckAuthentikAdminsButton.vue
+++ b/nuxt4/app/components/auth/CheckAuthentikAdminsButton.vue
@@ -3,7 +3,7 @@
    group-name="authentik Admins"
    label="Authentik Admins"
    icon="i-heroicons-shield-check"
-    color="red"
+    color="error"
    variant="soft"
    :verify-backend="verifyBackend"
  />
--- a/nuxt4/app/components/auth/CheckGrupoPruebaButton.vue
+++ b/nuxt4/app/components/auth/CheckGrupoPruebaButton.vue
@@ -3,7 +3,7 @@
    group-name="grupo-prueba"
    label="Grupo Prueba"
    icon="i-heroicons-beaker"
-    color="blue"
+    color="info"
    variant="soft"
    :verify-backend="verifyBackend"
  />
--- a/nuxt4/app/components/auth/CheckLvl0Button.vue
+++ b/nuxt4/app/components/auth/CheckLvl0Button.vue
@@ -3,7 +3,7 @@
    group-name="lvl0"
    label="Level 0"
    icon="i-heroicons-key"
-    color="green"
+    color="success"
    variant="soft"
    :verify-backend="verifyBackend"
  />
--- a/nuxt4/app/components/auth/CheckPublicAccessButton.vue
+++ b/nuxt4/app/components/auth/CheckPublicAccessButton.vue
@@ -3,7 +3,7 @@
    group-name="public-access"
    label="Acceso Público"
    icon="i-heroicons-globe-alt"
-    color="gray"
+    color="neutral"
    variant="soft"
    :verify-backend="verifyBackend"
  />
--- a/nuxt4/app/components/auth/FrontendVerificationButton.vue
+++ b/nuxt4/app/components/auth/FrontendVerificationButton.vue
@@ -1,6 +1,6 @@
 <template>
  <UButton
-    color="purple"
+    color="primary"
    size="lg"
    variant="outline"
    @click="handleClick"
@@ -35,9 +35,8 @@ const handleClick = () => {
    title: 'Verificación Frontend',
    description: `Usuario: ${user.value.username}
 Grupos (${groupCount}): ${groupList}`,
-    color: 'purple',
-    icon: 'i-heroicons-check-badge',
-    timeout: 5000
+    color: 'primary',
+    icon: 'i-heroicons-check-badge'
  })
 }
 </script>
--- a/nuxt4/app/components/auth/GroupCheckButton.vue
+++ b/nuxt4/app/components/auth/GroupCheckButton.vue
@@ -15,15 +15,13 @@
 </template>

 <script setup lang="ts">
-import type { ButtonColor, ButtonVariant, ButtonSize } from '#ui/types'
-
 interface Props {
  groupName: string
  label?: string
  icon?: string
-  color?: ButtonColor
-  variant?: ButtonVariant
-  size?: ButtonSize
+  color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral'
+  variant?: 'solid' | 'outline' | 'soft' | 'ghost' | 'link' | 'subtle'
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'
  verifyBackend?: boolean
 }

--- a/nuxt4/app/components/auth/UserMetadata.vue
+++ b/nuxt4/app/components/auth/UserMetadata.vue
@@ -58,7 +58,7 @@
            >
              {{ group }}
            </UBadge>
-            <UBadge v-if="user.groups.length === 0" color="gray" variant="soft">
+            <UBadge v-if="user.groups.length === 0" color="neutral" variant="soft">
              Sin grupos asignados
            </UBadge>
          </div>
--- a/nuxt4/app/components/cata/FormularioMuestra.vue
+++ b/nuxt4/app/components/cata/FormularioMuestra.vue
@@ -878,13 +878,13 @@ const deberMostrarSeccion = (subcategorias: Subcategoria[]): boolean => {
 }

 // Nueva función para filtrado restrictivo de sliders por tipo y categoría
-const deberMostrarSlider = (tipo: 'descriptiva' | 'afectiva', categoria: Subcategoria): boolean => {
+const deberMostrarSlider = (tipo: 'descriptiva' | 'afectiva', categoria: Exclude<Subcategoria, null>): boolean => {
  // Si no hay filtros activos, mostrar todo
  if (!props.subcategoriasActivas || props.subcategoriasActivas.length === 0) return true

  // Separar filtros en tipos y categorías
  const filtrosTipo = props.subcategoriasActivas.filter(s => s === 'descriptiva' || s === 'afectiva')
-  const filtrosCategoria = props.subcategoriasActivas.filter(s =>
+  const filtrosCategoria = props.subcategoriasActivas.filter((s): s is Exclude<Subcategoria, null> =>
    s !== 'descriptiva' && s !== 'afectiva' && s !== null
  )

--- a/nuxt4/app/components/cata/SelectorFamilia.vue
+++ b/nuxt4/app/components/cata/SelectorFamilia.vue
@@ -1,7 +1,7 @@
 <template>
  <div class="selector-familia cata-fade-in">
    <!-- Label principal -->
-    <label v-if="label" class="block text-sm font-medium mb-3 cata-text">
+    <label v-if="label" class="block text-sm font-medium mt-2 cata-text">
      {{ label }}
      <span v-if="required" class="text-error">*</span>
    </label>
--- a/nuxt4/app/composables/useCatacion.ts
+++ b/nuxt4/app/composables/useCatacion.ts
@@ -32,7 +32,7 @@ export const useCatacion = () => {

  // Cargar subcategorías desde localStorage
  const cargarSubcategoriasDesdeStorage = (): SubcategoriasPorTab => {
-    if (process.client) {
+    if (import.meta.client) {
      try {
        const stored = localStorage.getItem(STORAGE_KEY_SUBCATEGORIAS)
        if (stored) {
@@ -63,7 +63,7 @@ export const useCatacion = () => {
   */
  const actualizarSubcategorias = (subcategorias: Subcategoria[]) => {
    subcategoriasPorTab.value[tabActiva.value] = subcategorias
-    if (process.client) {
+    if (import.meta.client) {
      try {
        localStorage.setItem(STORAGE_KEY_SUBCATEGORIAS, JSON.stringify(subcategoriasPorTab.value))
      } catch (err) {
--- a/nuxt4/app/pages/cata/sesion.vue
+++ b/nuxt4/app/pages/cata/sesion.vue
@@ -132,12 +132,12 @@
            <div class="flex flex-wrap gap-1 py-1.5">
              <button
                v-for="subcategoria in subcategoriasDisponibles"
-                :key="subcategoria.value"
+                :key="subcategoria.value ?? 'null'"
                :class="[
                  'subcategoria-chip',
-                  { 'subcategoria-chip-active': subcategoriasActivas.includes(subcategoria.value) },
+                  { 'subcategoria-chip-active': subcategoria.value && subcategoriasActivas.includes(subcategoria.value) },
                ]"
-                @click="toggleSubcategoria(subcategoria.value)"
+                @click="subcategoria.value && toggleSubcategoria(subcategoria.value)"
              >
                {{ subcategoria.label }}
              </button>
--- a/nuxt4/nuxt.config.ts
+++ b/nuxt4/nuxt.config.ts
@@ -16,7 +16,7 @@ export default defineNuxtConfig({

  runtimeConfig: {
    public: {
-      authentikUrl: process.env.NUXT_PUBLIC_AUTHENTIK_URL || 'https://authentik.nucleoriofrio.com'
+      authentikUrl: 'https://authentik.nucleoriofrio.com'
    }
  },

@@ -42,13 +42,6 @@ export default defineNuxtConfig({
      launch_handler: {
        client_mode: 'navigate-existing'
      },
-      // Capturar todos los enlaces que apunten a esta app
-      capture_links: 'existing-client-navigate',
-      // URL handling - nuevo estándar para manejar links a esta PWA
-      handle_links: 'preferred',
-      url_handlers: [
-        { origin: 'https://riocata.nucleoriofrio.com' }
-      ],
      icons: [
        {
          src: '/icon-72x72.png',