Stylify config for React-vite

vite.config.js

import { defineConfig } from "vite";
import { vitePlugin } from "@stylify/unplugin";
import react from "@vitejs/plugin-react";

const stylifyPlugin = vitePlugin({
	transformIncludeFilter: (id) =>
		id.endsWith("js") ||
		id.endsWith("ts") ||
		id.endsWith("tsx") ||
		id.endsWith("jsx"),
	bundles: [
		{
			outputFile: "./src/styles/stylify.css",
			files: ["./src/*.js", "./src/*.ts", "./src/*.jsx", "./src/*.tsx"],
		},
	],
	extend: {
		bundler: {
			compiler: {
				selectorsAreas: [
					'(?:^|\\s+)className="([^"]+)"',
					"(?:^|\\s+)className='([^']+)'",
					"(?:^|\\s+)className=\\{`((?:.|\n)+)`\\}",
				],
			},
		},
	},
});

// https://vitejs.dev/config/
export default defineConfig({
	plugins: [stylifyPlugin, react()],
});