vite.config.ts

import path from "node:path";
import { defineConfig, type ServerOptions, type UserConfigExport } from "vite";

import vue from "@vitejs/plugin-vue";
import { AntDesignVueResolver as antDesignVueResolver } from "unplugin-vue-components/resolvers";
import components from "unplugin-vue-components/vite";

const serverOptions: ServerOptions = {
  port: 3000,
  host: true,
  open: true,
  cors: true,
  strictPort: true,
};

const config: UserConfigExport = defineConfig({
  plugins: [vue(), components({ resolvers: [antDesignVueResolver()] })],
  resolve: {
    alias: [
      { find: "@", replacement: path.resolve(__dirname, "/src") },
      { find: "@components", replacement: path.resolve(__dirname, "/src/components") },
      { find: "@lib", replacement: path.resolve(__dirname, "/src/lib") },
      { find: "@router", replacement: path.resolve(__dirname, "/src/router") },
      { find: "@services", replacement: path.resolve(__dirname, "/src/services") },
      { find: "@store", replacement: path.resolve(__dirname, "/src/store") },
      { find: "@views", replacement: path.resolve(__dirname, "/src/views") },
    ],
  },
  server: serverOptions,
  preview: serverOptions,
  build: { target: "esnext" },
});

export default config;