import { defineConfig, loadEnv } from "vite";
import { URL, fileURLToPath } from 'node:url';
import vue from "@vitejs/plugin-vue";
import AutoImport from 'unplugin-auto-import/vite'
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
import Components from 'unplugin-vue-components/vite'
import UnoCss from 'unocss/vite'

const host = process.env.TAURI_DEV_HOST;

export default defineConfig(configEnv => {
    const viteEnv = loadEnv(configEnv.mode, process.cwd());

    return {
        base: viteEnv.VITE_BASE_URL,
        resolve: {
            alias: {
                '~': fileURLToPath(new URL('./', import.meta.url)),
                '@': fileURLToPath(new URL('./src', import.meta.url))
            }
        },
        css: {
            preprocessorOptions: {
                scss: {
                    additionalData: `@use "@/styles/scss/global.scss" as *;`
                }
            }
        },
        plugins: [
            vue(),
            UnoCss(),
            AutoImport({
                imports: ['vue', 'vue-router']
            }),
            Components({
                resolvers: [NaiveUiResolver()]
            })
        ],
        clearScreen: false,
        server: {
            port: 1420,
            strictPort: true,
            host: host || false,
            open: true,
            watch: {
                ignored: ["**/src-tauri/**"],
            },
        },
    };
});