import tailwindcss from '@tailwindcss/vite'
export default defineNuxtConfig({
  compatibilityDate: '2025-07-15',
  devtools: { enabled: true },
  devServer: {
    port: 3001
  },
  modules: [
    [
      'unplugin-icons/nuxt',
      {
        componentPrefix: 'Icon',
        warn: process.env.NODE_ENV === 'development',
        collections: {
          lucide: () => import('@iconify-json/lucide/icons.json').then(i => i.default)
        }
      }
    ]
  ],
  runtimeConfig: {
    public: {
      apiBaseUrl: process.env.NUXT_PUBLIC_API_BASE_URL || 'http://localhost:3000',
      appUrl: process.env.NUXT_PUBLIC_APP_URL || 'http://localhost:3001',
      appName: process.env.NUXT_PUBLIC_APP_NAME || 'Inventory Management System',
      apiTimeout: process.env.NUXT_PUBLIC_API_TIMEOUT || '30000',
      requestTimeout: process.env.NUXT_PUBLIC_REQUEST_TIMEOUT || '10000',
      enableDebug: process.env.NUXT_PUBLIC_ENABLE_DEBUG || 'true',
      enableAnalytics: process.env.NUXT_PUBLIC_ENABLE_ANALYTICS || 'false',
      csrfToken: process.env.NUXT_PUBLIC_CSRF_TOKEN || '',
      logLevel: process.env.NUXT_PUBLIC_LOG_LEVEL || 'debug'
    }
  },
  vite: {
    plugins: [tailwindcss()]
  },
  css: ['~/assets/app.css'],
  router: {
    options: {
      strict: false
    }
  },
  experimental: {
    payloadExtraction: false
  }
})