vite.config.ts

import { exec } from "child_process"
import { join } from "node:path"
import { sveltekit } from "@sveltejs/kit/vite"
import { defineConfig, type Plugin } from "vite"

export default defineConfig({
    plugins: [sveltekit(), errorCss()],
})

function errorCss(): Plugin {
    const i = join("src", "lib", "app.css")
    const o = join("static", "error.css")
    const content = join("src", "error.html")

    return {
        name: "vite-plugin-svelte-error.html-tailwind-css",
        configureServer(server) {
            exec(`tailwindcss -i ${i} -o ${o} --content ${content} -m -w`)
            server.watcher.add(o)
            server.watcher.on("change", (path) => {
                if (path === o) {
                    server.ws.send({ type: "full-reload" })
                }
            })
        },
        buildStart() {
            exec(`tailwindcss -i ${i} -o ${o} --content ${content} -m`)
        },
    }
}