nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config

export default defineNuxtConfig({
  compatibilityDate: '2024-04-03',

  modules: [
    'unplugin-icons/nuxt',  // Icon module
    '@pinia/nuxt',          // State management
  ],

  devtools: {
    enabled: false, // ✅ Disable devtools to prevent module loading issues
  },

  ssr: false, // ✅ Disable SSR to avoid server-side issues

  runtimeConfig: {
    public: {
      singularityAPI: process.env.API_BASE || 'http://localhost:9090/api'
    }
  },

  css: [
    'vuetify/styles', // ✅ Recommended global Vuetify styles
    '~/assets/css/truly-responsive-tables.css', // New comprehensive responsive solution
  ],

  build: {
    transpile: ['vuetify'], // ✅ Required for Vuetify 3
  },

  devServer: {
    port: 3000,
    host: 'localhost'
  },

  nitro: {
    routeRules: {
      // Disable caching for development
      '/**': process.env.NODE_ENV === 'development' ? { 
        headers: { 
          'Cache-Control': 'no-cache, no-store, must-revalidate',
          'Pragma': 'no-cache',
          'Expires': '0'
        } 
      } : {}
    }
  },

  vite: {
    define: {
      'process.env.DEBUG': false, // ✅ Prevent Vuetify dev warnings
      '__VUE_PROD_DEVTOOLS__': false,
    },
    optimizeDeps: {
      include: ['error-stack-parser-es'],
    },
    server: {
      fs: {
        strict: false,
        allow: [
          // Allow serving files from root
          '/',
        ]
      },
      middlewareMode: false,
    }
  },
})