import { defineConfig } 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: 'http://v4-test.4dkankan.com/',
    changeOrigin: true,
    rewrite: path => path.replace(/^\/api/, '')
  }
}

// https://vitejs.dev/config/
export default 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: proxy
  }
})