import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";

export default defineConfig({
  plugins: [
    vue(),
    {
      name: "sanitize-legacy-css",
      generateBundle(_, bundle) {
        for (const asset of Object.values(bundle)) {
          if (asset.type !== "asset" || !asset.fileName.endsWith(".css") || typeof asset.source !== "string") {
            continue;
          }
          asset.source = asset.source
            .replace(/\.el-button::\-moz-focus-inner\{border:0\}/g, "")
            .replace(/\.el-input__inner\[type=password\]::\-ms-reveal\{display:none\}/g, "")
            .replace(/filter:alpha\(opacity=0\);/g, "")
            .replace(/[^{}]*::\-webkit-scrollbar[^{}]*\{[^{}]*\}/g, "");
        }
      },
    },
  ],
  server: {
    host: true,
    port: 5173,
    proxy: {
      "/api": {
        target: "http://backend:8000",
        changeOrigin: true,
      },
    },
  },
});