import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
// import vueDevTools from 'vite-plugin-vue-devtools'

import AutoImport from 'unplugin-auto-import/vite'
import {ArcoResolver} from 'unplugin-vue-components/resolvers'
import Components from 'unplugin-vue-components/vite'
import {vitePluginForArco} from '@arco-plugins/vite-vue'
import * as path from "node:path";

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        AutoImport({
            resolvers: [ArcoResolver()],
            imports: [
                'vue',
                'vue-router',
                '@vueuse/core',
            ],
            dirs: [
                './src/components/*/index.vue',
                './src/enums/*.ts',
                './src/utils/*.ts',
                './src/composables',
                './src/*/**',
                './preview/*/**'

            ]
        }),
        Components({
            resolvers: [
                ArcoResolver({
                    sideEffect: true
                })
            ]
        }),
        vue(),
        vitePluginForArco({
            style: 'css'
        })
        // vueDevTools()
    ],
    resolve: {
        alias: {
            '@': path.resolve(__dirname, './src')
        }
    }
})