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";
import {visualizer} from "rollup-plugin-visualizer";


// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        visualizer({
            emitFile: false,
            filename: 'stats.html',
            open: true,
            sourcemap: true
        }),
        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')
        }
    },
    build: {
        rollupOptions: {
            output: {
                manualChunks(id) {
                    if (id.includes('node_modules')) {
                        return 'vendor'
                    }
                }
            }
        }
    }
})