vite.config.ts

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'
import { resolve } from 'path'
import UnoCSS from 'unocss/vite'
import Icons from 'unplugin-icons/vite'
import IconsResolver from 'unplugin-icons/resolver'
import { FileSystemIconLoader } from 'unplugin-icons/loaders'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),

    AutoImport({
      resolvers: [ElementPlusResolver()],
      dts: 'src/typings/auto-imports.d.ts',
      include: [
        /\.tsx?$/, // .ts, .tsx
        /\.vue$/,
      ],
      imports: ['vue', 'vue-router'],
    }),

    Components({
      resolvers: [ElementPlusResolver(), IconsResolver({ customCollections: ['custom'], prefix: 'icon' })],
      dts: 'src/typings/components.d.ts',
      dirs: ['src/components'],
    }),

    UnoCSS(),

    Icons({
      scale: 1.2,
      compiler: 'vue3',
      customCollections: {
        custom: FileSystemIconLoader(resolve(__dirname, 'src/assets/svg-icon')),
      },
      autoInstall: false,
    }),
  ],

  base: './',

  resolve: {
    alias: {
      '@': resolve(__dirname, 'src'),
    },
  },

  server: {
    host: '0.0.0.0',
  },
})