Vite Plugin: Prettier

prettierPlugin.ts

import type {PluginOption} from "vite";
import {format} from "prettier";

/**
 * Format HTML pages using Prettier.
 */
export function prettierPlugin(): PluginOption {
	return {
		name: "prettier",
		transformIndexHtml: {
			order: "pre",
			handler: async (html: string) => {
				const formatted = await format(html, {parser: "html"});
				return formatted;
			}
		}
	};
}