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

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
    },
    preserveSymlinks: false,
  },
  optimizeDeps: {
    include: ['ant-design-vue', 'vue', 'vue-router', 'pinia'],
  },
  css: {
    preprocessorOptions: {
      less: {
        javascriptEnabled: true,
        // switch global Less variables file from Ant Design overrides to ElementPlus overrides
        additionalData: `@import "${path.resolve(__dirname, 'src/styles/element-variables.less')}";`
      }
    }
  }
})