import tailwindcss from "@tailwindcss/vite";

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: '2024-11-01',
  devtools: { enabled: true },
  modules: ['@nuxt/eslint', '@primevue/nuxt-module', '@vee-validate/nuxt'],
  css: ['~/assets/css/main.css'],
  primevue: {
    importTheme: { from: '@/themes/mytheme.js' },
    options: {
      ripple: true,
    }
  },
  veeValidate: {
    autoImports: true,
    // Use different names for components
    componentNames: {
      Form: 'VeeForm',
      Field: 'VeeField',
      FieldArray: 'VeeFieldArray',
      ErrorMessage: 'VeeErrorMessage',
    },
  },
  vite: {
    plugins: [
      tailwindcss(),
    ],
    server: {
      // On Prod this is done by NGINX using `proxy_cookie_domain` and `proxy_cookie_path`
      proxy: {
        '/api': {
          target: 'https://api.barracuda.rossinienergy.com',
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/api/, ''),
          cookieDomainRewrite: "",
          cookiePathRewrite: "/",
        },
      }
    }
  },
});