import { defineConfig } from "vite";
import solidPlugin from "vite-plugin-solid";
import devtools from "solid-devtools/vite";

import UnoCSS from "unocss/vite";
import {
  presetAttributify,
  presetWind4,
  transformerAttributifyJsx,
  transformerVariantGroup,
  transformerDirectives,
} from "unocss";

export default defineConfig({
  plugins: [
    UnoCSS({
      presets: [presetWind4(), presetAttributify()],
      transformers: [
        transformerVariantGroup(),
        transformerDirectives(),
        transformerAttributifyJsx(),
      ],
    }),
    devtools({ autoname: true }),
    solidPlugin(),
  ],
  server: {
    port: 3000,
  },
  build: {
    target: "esnext",
  },
});