import tailwindcss from "@tailwindcss/vite"

// noinspection JSUnresolvedReference
export default defineNuxtConfig({
  compatibilityDate: "2026-03-13",
  css: ["~/assets/css/main.css"],
  // devServer: { port: 3000 },
  devtools: { enabled: true, timeline: { enabled: true } },
  experimental: { asyncContext: true },
  // future: { compatibilityVersion: 5 },

  imports: {
    dirs: ["mutations/**", "queries", "stores"]
  },

  modules: [
    "@nuxt/icon",
    "@pinia/nuxt",
    "@pinia/colada-nuxt",
    "@primevue/nuxt-module"
  ],

  nitro: {
    experimental: {
      asyncContext: true,
      websocket: true
    }
  },

  runtimeConfig: {
    public: {
      // api: { baseURL: "" },
      auth: { baseURL: "" },
      websocketHost: ""
    },

    betterAuth: { baseURL: "", secret: "" },
    // postmarkServerToken: "",
    prismaDatabaseURL: ""
  },

  vite: {
    plugins: [tailwindcss()],

    optimizeDeps: {
      include: [
        "@pinia/colada-devtools",
        "@primevue/core/api",
        "@primeuix/forms/resolvers/zod",
        "better-auth/client",
        "better-auth/client/plugins",
        "better-auth/plugins/access",
        "better-auth/plugins/admin/access",
        "lodash-es",
        "pinia-colada-plugin-normalizer",
        "socket.io-client",
        "tailwind-merge",
        "trix",
        "zod"
      ]
    },

    vue: {
      template: {
        compilerOptions: { isCustomElement: (tag) => tag.startsWith("trix-") }
      }
    }
  },

  // module configs
  icon: {
    size: "1em",
    class: "inline",
    mode: "svg",
    aliases: { personae: "fa6-solid:masks-theater" }
  },

  lodash: {
    prefix: "_",
    prefixSkip: false,
    upperAfterPrefix: false
  },

  pinia: { storesDirs: ["./app/stores/**"] },

  primevue: {
    importPT: { from: "~/utils/passthrough.js" },
    options: {
      ptOptions: { mergeSections: true, mergeProps: true },
      unstyled: true
    }
  }
})