Fullbleed: a Vue 3 starter for PDF previews and editable HTML/CSS templates

[krflol]

Fullbleed maintainer here. I've added a Vue 3 + TypeScript starter for turning form data and HTML/CSS templates into downloadable invoices and reports.

Try the demo or edit the complete project online · Source

The reusable part is usePdfPreview: pass a computed document input and get reactive status, preview URLs, and generate() / cancel() actions. The example includes:

• Automatic previews after a short typing pause, plus on-demand mode.
• Cancellation and stale-result protection when fields change quickly.
• Cleanup of workers and PDF/PNG Blob URLs when the component unmounts.
• Editable HTML/CSS, a designed invoice, and a three-page report with fictional data.

The app loads the Wasm engine and fonts from its static host and renders document inputs locally in a worker. It consumes static print templates with Fullbleed's supported CSS; it does not capture the Vue component tree. The starter is client-only and does not implement KeepAlive deactivation handling.

CI checks cover real PDF downloads, preview bytes, rapid edits, cancellation, runtime-load failure recovery, and unmount/remount in Chrome, Firefox, and Playwright WebKit. The guide includes the full source ZIP and a composable example. MIT licensed, including commercial use.

I'd welcome feedback on how the composable fits existing Vue form workflows, especially template customization and preview lifecycle needs.

Disclosure: this is my project. The starter and this post were prepared with Codex; the linked checks retain the tested behavior and limits.