vite.config.ts

import { defineConfig, type UserConfig } from 'vite';
import type { InlineConfig } from 'vitest';

import react from '@vitejs/plugin-react';
import svgr from 'vite-plugin-svgr';

type ViteConfig = UserConfig & { test: InlineConfig };
const config: ViteConfig = {
  base: '/MarkUp',
  plugins: [react(), svgr()],
  server: {
    port: 8080,
  },
  resolve: {
    alias: {
      src: '/src',
      '@components': '/src/components',
      '@features': '/src/features',
      '@store': '/src/store',
      '@utils': '/src/utils',
      '@hooks': '/src/hooks',
      '@type:': '/src/types',
      '@assets': '/src/assets',
      '@routes': '/src/routes',
      '@layouts': '/src/layouts',
      '@db': '/src/db',
    },
  },
  test: {
    globals: true,
    environment: 'jsdom',
    setupFiles: './test/setup.ts',
  },
};

// https://vitejs.dev/config/
export default defineConfig(config);