Work
A few utilities and write-ups, mostly Vue and Quasar. Built because I needed them.
Inline fonts as a Vite plugin: no FOUT, no font swap, no separate request
A 90-line Vite plugin that base64-encodes woff2 files at build time and emits a single <style> block of @font-face rules into <head>. Pixel display fonts ship inline with the HTML and are available at first paint with zero network round trips.
- Vue 3
- Vite
- SSR
- Performance
Critical CSS in Vue 3 + Vite, without a headless browser
A small Vite plugin that extracts <style critical> blocks from Vue SFCs and aggregates them into a single inline-able payload. Per-route splitting, scoped-style aware, dev HMR. Drops Speed Index and LCP without adding Chromium to your build.
- Vue 3
- Vite
- SSR
- Performance