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

export default defineNuxtConfig({
  ssr: false,
  css: ["./my-bulma-project.css", "./app/assets/styles/main.scss"],
  app: {
    head: {
      link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.svg" }],
      htmlAttrs: {
        lang: "vi",
        class: "theme-light has-background-blue-100",
      },
    },
    rootAttrs: {
      class: "min-h-dvh is-flex is-flex-direction-column",
    },
  },
  modules: ["@pinia/nuxt", "pinia-plugin-persistedstate/nuxt", "@nuxt/image", "nuxt-qrcode", "@nuxt/icon"],
  compatibilityDate: "2026-06-01",
  devtools: { enabled: true },
  vite: {
    optimizeDeps: {
      include: [
        "@vue-email/render",
        "@vue/devtools-core",
        "@vue/devtools-kit",
        "@vueup/vue-quill",
        "dayjs", // CJS
        "dayjs/locale/vi", // CJS
        "dayjs/plugin/isSameOrAfter", // CJS
        "dayjs/plugin/isSameOrBefore", // CJS
        "dayjs/plugin/localizedFormat", // CJS
        "dayjs/plugin/relativeTime", // CJS
        "dayjs/plugin/weekOfYear", // CJS
        "dayjs/plugin/weekday", // CJS
        "es-toolkit",
        "es-toolkit/compat",
        "highcharts", // CJS
        "highcharts-vue", // CJS
        "highcharts/modules/export-data", // CJS
        "highcharts/modules/exporting", // CJS
        "html5-qrcode",
        "jsbarcode", // CJS
        "xlsx",
      ],
    },
    css: {
      preprocessorOptions: {
        scss: {
          silenceDeprecations: ["if-function"],
        },
      },
    },
  },
});