//Importaciones necesariar para los iconos personalizados
import { createResolver } from '@nuxt/kit'
const { resolve } = createResolver(import.meta.url)

export default defineNuxtConfig({
  modules: ["@nuxt/ui", "@vee-validate/nuxt", "@nuxt/icon", "@pinia/nuxt", "@nuxtjs/leaflet"],
  veeValidate: {
    // Habilita auto-imports para componentes y composables
    autoImports: true,
  },
  css: ["~/assets/css/main.css"],
  ui: {
    theme: {
      colors: ["primary", "secondary", "accent", "success", "error"],
    },
  },
  // Obtener todos los svg de iconos personalizados
  icon: {
    customCollections: [
      {
        prefix: 'custom-icons',
        dir: resolve('./app/assets/icons')
      }
    ]
  },
  vite: {
    optimizeDeps: {
      include: [
        "@tanstack/vue-table",
        "yup",
        "@vee-validate/yup",
        "vee-validate",
        "@vue/devtools-core",
        "@vue/devtools-kit",
        "@tanstack/vue-table",
        "vee-validate",
        "sweetalert2",
      ],
    },
  },
  compatibilityDate: "2025-07-15",
  devtools: { enabled: true },
  runtimeConfig: {
    public: {
      apiBase: process.env.API_BASE_URL,
    },
  },
  devServer: {
    host: '0.0.0.0',
    port: 3000
  }
});