import tailwindcss from "@tailwindcss/vite"

export default defineNuxtConfig({
  compatibilityDate: "2026-03-13",
  css: ["~/assets/css/main.css"],
  devServer: { port: 3000 },
  devtools: { enabled: true, timeline: { enabled: 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: [
        "lodash-es",
        "socket.io-client",
        "@primevue/core/api"
      ]
    }
  },

  // 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
    }
  }
})