vite.config.ts

/* eslint-disable node/prefer-global/process */
import path from 'node:path'
import tailwindcss from '@tailwindcss/vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import { FileSystemIconLoader } from 'unplugin-icons/loaders'
import IconsResolver from 'unplugin-icons/resolver'
import Icons from 'unplugin-icons/vite'
import Components from 'unplugin-vue-components/vite'
import { defineConfig, loadEnv } from 'vite'

const pathSrc = path.resolve(__dirname, './src')
const pathRoot = path.resolve(__dirname, './')

export default ({ mode }) => {
  process.env = { ...process.env, ...loadEnv(mode, process.cwd()) }

  return defineConfig({
    base: process.env.VITE_APP_BASE_PATH || '/',
    plugins: [
      tailwindcss(),
      vue({
        template: {
          compilerOptions: {
            isCustomElement: tag => tag === 'hex-color-picker',
          },
        },
      }),
      AutoImport({
        dts: `${pathSrc}/types/auto-imports.d.ts`,
      }),
      Components({
        dts: `${pathSrc}/types/components.d.ts`,
        resolvers: [
          IconsResolver({
            prefix: '',
            customCollections: ['svg'],
          }),
        ],
        dirs: ['src/layouts', 'src/features', 'src/shared/ui'],
      }),
      Icons({
        customCollections: {
          svg: FileSystemIconLoader('./src/assets/svg'),
        },
      }),
    ],
    resolve: {
      alias: {
        '#': pathRoot,
        '@': pathSrc,
      },
      dedupe: ['vue'],
    },
  })
}