import {fileURLToPath, URL} from 'node:url'

import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import UnoCSS from 'unocss/vite'
import {resolve} from 'path'
import {AntDesignVueResolver} from 'unplugin-vue-components/resolvers'
import Components from 'unplugin-vue-components/vite'

export default defineConfig({
    base: '/landing/',
    plugins: [
        vue(),
        UnoCSS({
            configFile: './uno.config.ts',
        }),
        Components({
            resolvers: [AntDesignVueResolver({importStyle: 'less'})],
        }),
    ],
    resolve: {
        alias: {
            '@': fileURLToPath(new URL('./src', import.meta.url))
        }
    },
    server: {
        host: true,
        port: 3200,
        strictPort: true,
    },
    css: {
        preprocessorOptions: {
            less: {
                modifyVars: {
                    hack: `; @import (reference) "${resolve('src/assets/css/var.less')}"`,
                },
                javascriptEnabled: true,
            },
        },
    },
})