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

import { defineConfig, loadEnv } from 'vite';
import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import vueDevTools from 'vite-plugin-vue-devtools';

import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers';
import { AntDesignXVueResolver } from 'ant-design-x-vue/resolver';
import { VantResolver } from '@vant/auto-import-resolver';

// https://vite.dev/config/
export default defineConfig((configEnv) => {
  const argv = process.argv;
  const envDir = './.env';
  const env = loadEnv(configEnv.mode, envDir, 'REQUEST_');
  return {
    envDir,
    envPrefix: 'SIX_',
    define: {},
    plugins: [
      vue(),
      vueJsx(),
      vueDevTools(),
      AutoImport({
        dts: '@types/auto-imports.d.ts',
        imports: ['vue', 'vue-router', 'pinia'],
        resolvers: [VantResolver()],
      }),
      Components({
        dts: '@types/components.d.ts',
        resolvers: [VantResolver(), AntDesignVueResolver({ importStyle: false }), AntDesignXVueResolver()],
      }),
    ],
    resolve: {
      alias: {
        '@': fileURLToPath(new URL('./src', import.meta.url)),
      },
    },
    server: {
      host: true,
      open: true,
      port: 5173,
      proxy: {},
    },
  };
});