import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import tsconfigPaths from "vite-tsconfig-paths";
import svgr from 'vite-plugin-svgr';
import path from "path";

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    react(), 
    tsconfigPaths(),
    svgr(),
  ],
  resolve: {
    alias: {
      "@app": "/src/app",
      "@features": "/src/features",
      "@pages": "/src/pages",
      "@shared": "/src/shared",
      "@": path.resolve(__dirname, "src"),
    },
    extensions: [".ts", ".tsx", ".js", ".jsx"],
  },
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@use "@/app/styles/_vars.scss" as *;`
      },
    },
  },
});