import tailwindcss from "@tailwindcss/vite";
import react from "@vitejs/plugin-react";
import path from "node:path";
import { defineConfig } from "vite";

const ReactCompilerConfig = {
	target: "19",
};

export default defineConfig({
	plugins: [
		tailwindcss(),
		react({
			babel: {
				plugins: [
					["babel-plugin-react-compiler", ReactCompilerConfig],
				],
			},
		}),
	],
	resolve: {
		alias: {
			"@": path.resolve(__dirname, "./src"),
			"common": path.resolve(__dirname, "../common/src"),
		},
	},
	build: {
		outDir: "build",
		rollupOptions: {
			output: {
				manualChunks: {
					effect: ["effect"],
					react: ["react", "react-dom", "react-router-dom"],
				},
			},
		},
	},
});