import { resolve } from "path";
import { defineConfig, type CSSOptions } from "vite";

// https://vitejs.dev/config
export default defineConfig(async () => {
  const vue = (await import("@vitejs/plugin-vue")).default
  const tailwindcss = (await import('@tailwindcss/vite')).default;
  const autoImport = (await import('unplugin-auto-import/vite')).default;

  return {
    plugins: [vue(), tailwindcss(), autoImport({
      imports: ['vue', 'vue-router', 'pinia', '@vueuse/core'],
      dts: 'src/renderer/auto-imports.d.ts'
    })],

    css: {
      transformer: 'lightningcss' as CSSOptions['transformer'],
    },
    
    resolve: {
      preserveSymlinks: true,
      alias: {
        "@": resolve(__dirname, "./src/renderer"),
        "@assets": resolve(__dirname, "./src/assets"),
        "@store": resolve(__dirname, "./src/renderer/store"),
        "@constant": resolve(__dirname, "./src/renderer/constant"),
        "@utils": resolve(__dirname, "./src/renderer/utils"),
        "@api": resolve(__dirname, "./src/renderer/api"),
        "@/types": resolve(__dirname, "./src/renderer/types"),
      },
    },
  }
});