import tailwindcss from '@tailwindcss/vite'

export default defineNuxtConfig({
  modules: [
    '@nuxt/eslint',
    '@pinia/nuxt',
  ],
  ssr: false,
  devtools: { enabled: true },
  app: {
    baseURL: './',
    cdnURL: './',
    head: {
      title: 'Ziya',
      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,
    },
    checker: {
      lintOnStart: false,
      include: ['**/*.{js,ts,vue,mjs}'],
      exclude: ['node_modules', '.nuxt', '.output', 'dist', 'coverage'],
    },
  },
})