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

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

import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

// https://vitejs.dev/config/
export default defineConfig({
	plugins: [
		vue(),
		AutoImport({
			resolvers: [ElementPlusResolver()]
		}),
		Components({
			resolvers: [ElementPlusResolver()]
		})
	],
	resolve: {
		alias: {
			'@': fileURLToPath(new URL('./src', import.meta.url)),
			'~mock': fileURLToPath(new URL('./mock', import.meta.url))
		}
	},
	// ...
	css: {
		preprocessorOptions: {
			// define global scss variable
			scss: {
				additionalData: `@import '@/styles/variables.scss';`
			}
		}
	},
	server: {
		cors: true,
		open: true,
		proxy: {
			'/api': {
				target: 'http://172.16.1.254:10013',
				changeOrigina: true,
				rewrite: (path) => path.replace(/^\/Handler/, '')
			}
		}
	}
	// ...
})