import { defineConfig } from 'vite'
import { resolve } from 'path'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite' // 函数自动导入，当前用于vite打包，如果是库模式开发请用 unplugin-auto-import/rollup
import Components from 'unplugin-vue-components/vite' // 组件自动导入，当前用于vite打包，如果是库模式开发请用 unplugin-vue-components/rollup
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers' // element-plus的自动注册自动导入解析器
export default defineConfig({
  base: '/',
  publicDir: 'public',
  resolve: {
    alias: {
      '@packages': resolve(__dirname, './packages'),
    }
  },
  plugins: [
    vue(),
    AutoImport({
      resolvers: [ElementPlusResolver()],
      imports: [
        'vue',
        '@vueuse/core',
        'pinia',
      ],
      dts: 'play-local/typings/auto-import.playlocal.d.ts'
    }),
    Components({
      resolvers: [ElementPlusResolver()],
      dts: 'play-local/typings/components.playlocal.d.ts',
    }),
  ], // 编译vue
  server: {
    port: 8888,
  }
})