import { resolve } from 'path'
import { defineConfig, externalizeDepsPlugin, bytecodePlugin } from 'electron-vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
import tsconfigPaths from 'vite-tsconfig-paths'
import Components from 'unplugin-vue-components/vite'

export default defineConfig({
  main: {
    plugins: [externalizeDepsPlugin(), bytecodePlugin(), tsconfigPaths()]
  },
  discord: {
    plugins: [externalizeDepsPlugin(), bytecodePlugin(), tsconfigPaths()]
  },
  preload: {
    plugins: [externalizeDepsPlugin(), bytecodePlugin(), tsconfigPaths()]
  },
  renderer: {
    resolve: {
      alias: {
        '@renderer': resolve('src/renderer/src'),
        '@': resolve('src/')
      }
    },
    plugins: [
      vue(),
      AutoImport({
        imports: [
          'vue',
          {
            'naive-ui': ['useDialog', 'useMessage', 'useNotification', 'useLoadingBar']
          }
        ]
      }),
      Components({
        resolvers: [NaiveUiResolver()],
        // 不自动导入自己添加的组件
        dirs: [] // 清空自动导入的目录，所有的自动导入都通过 resolvers 进行
      })
    ]
  }
})