import { fileURLToPath, URL } from "node:url";
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import tailwindcss from "@tailwindcss/vite";

export default defineConfig({
  root: "playground",
  plugins: [vue(), tailwindcss()],
  resolve: {
    alias: [
      {
        find: "@omaresquivel/design-system/style.css",
        replacement: fileURLToPath(
          new URL("./src/styles/index.css", import.meta.url),
        ),
      },
      {
        find: "@omaresquivel/design-system",
        replacement: fileURLToPath(new URL("./src/index.ts", import.meta.url)),
      },
    ],
  },
  build: {
    outDir: "../dist-playground",
    emptyOutDir: true,
  },
});