import tailwindcss from "@tailwindcss/vite";

export default defineNuxtConfig({
  compatibilityDate: "2024-11-01",
  devtools: { enabled: false },
  // app: {
  //   pageTransition: { name: "page", mode: "out-in" },
  // },
  // nitro: {
  //   routeRules: {
  //     "/api/**": {
  //       proxy: {
  //         to: `${process.env.POCKETBASE_URL || "http://127.0.0.1:8090"}/api/**`,
  //       },
  //     },
  //   },
  // },

  modules: [
    "@pinia/nuxt",
    "@nuxt/eslint",
    "@nuxt/ui",
    "@nuxtjs/i18n",
    "@pinia/nuxt",
  ],

  i18n: {
    locales: [
      { code: "pl", name: "Polski", icon: "circle-flags:pl" },
      { code: "en", name: "English", icon: "circle-flags:gb" },
      { code: "cs", name: "Čeština", icon: "circle-flags:cz" },
    ],
    lazy: true,
    defaultLocale: "en",
    strategy: "prefix",
    bundle: {
      optimizeTranslationDirective: false,
    },
  },
  css: [
    "@/assets/main.css",
    "vue3-toastify/dist/index.css",
    "@/assets/toastify-custom.css",
  ],
  vite: {
    plugins: [tailwindcss()],
    build: {
      sourcemap: false,
    },
    server: {
      allowedHosts: ["arina.ma-al.pl", "marek.ma-al.pl"],
      watch: {
        ignored: ["**/backend/pb_data/**"],
      },
      hmr: {
        clientPort: 3000, // useful if proxying
      },
    },
  },
  typescript: {
    tsConfig: {
      compilerOptions: {
        typeRoots: ["./types", "./node_modules/@types"],
      },
      include: ["./types"],
    },
  },
  ui: {},
  icon: {
    localApiEndpoint: "/___nuxt_icon",
  },
});