import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import ViteComponents from 'unplugin-vue-components/vite'
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'
import DefineOptions from 'unplugin-vue-define-options/vite'

import { resolve } from 'path'

// const proxy = {
//   '/api': {
//     target: 'https://v4-test.4dkankan.com/',
//     changeOrigin: true,
//     rewrite: path => path.replace(/^\/api/, '')
//   }
// }

// https://vitejs.dev/config/
export default ({ mode }) =>
  defineConfig({
    base: './',
    plugins: [
      vue(),
      DefineOptions(),
      ViteComponents({
        resolvers: [
          AntDesignVueResolver({ resolveIcons: true, importStyle: 'less' })
        ],
        dts: 'src/components.d.ts'
      })
    ],
    css: {
      preprocessorOptions: {
        less: {
          javascriptEnabled: true,
          modifyVars: {
            'primary-color': '#0076F6',
            'link-color': '#0076F6',
            'border-radius-base': '2px'
          }
        }
      }
    },
    resolve: {
      alias: [
        {
          find: 'vue-i18n',
          replacement: 'vue-i18n/dist/vue-i18n.cjs.js'
        },
        {
          find: '@',
          replacement: resolve(__dirname, './src')
        },
        {
          find: '#',
          replacement: resolve(__dirname, './types')
        }
      ]
    },
    server: {
      host: '0.0.0.0',
      port: 5173,
      open: true,
      proxy: {
        '/api': {
          target: loadEnv(mode, process.cwd()).VITE_BASE_API_URL,
          changeOrigin: true,
          rewrite: path => path.replace(/^\/api/, '')
        }
      }
    }
  })