import tailwindcss from "@tailwindcss/vite";
import { APP } from "../app/utils/app";

export default defineNuxtConfig({
  modules: [
    "@nuxt/eslint",
    "@pinia/nuxt"
  ],
  ssr: false,
  devtools: { enabled: true },
  app: {
    baseURL: "./",
    cdnURL: "./",
    head: {
      title: APP.name,
      meta: [
        { "http-equiv": "content-security-policy", "content": "script-src 'self' 'unsafe-inline'" }
      ]
    }
  },
  css: [
    "~/assets/css/main.css"
  ],
  
  vite: {
    plugins: [
      tailwindcss(),
    ],
    server: {
      watch: {
        ignored: ["./docker-data/*"],
      },
    },
  },
  
  postcss: {
    plugins: {
      "@tailwindcss/postcss": {}
    }
  },
  
  router: {
    options: {
      hashMode: true
    }
  },

  future: { compatibilityVersion: 4 },
  features: {
    inlineStyles: false
  },
  experimental: {
    typedPages: true,
    payloadExtraction: false,
    renderJsonPayloads: false
  },
  compatibilityDate: "2025-05-26",
  eslint: {
    config: {
      stylistic: true
    }
  }
})