$ the-wire · showcase
VitePress ships relocatable builds
By RepoJournal · Filed · About Vue.js
VitePress just made its long-requested relative base and CDN asset prefix a reality, and it's a game changer for anyone deploying to IPFS or multiple subpaths.
VitePress merged a pair of long-requested deployment features: `assetsBase` for serving assets from a CDN prefix and relative base `base: './'` for relocatable builds [1]. The two were designed together because they touch the same URL surfaces, and the practical payoff is huge: a single build now works from any subpath without rebuilding, which is a blessing for IPFS gateways and archives [1]. VitePress also landed a trio of theme fixes this period: the search keycap glyphs are now kept out of the DOM text to satisfy WCAG 2.5.3 [2], the navbar divider painting is fixed on Safari below 60rem [3], and the external link icon's mask now covers its paint box on iOS [4]. Meanwhile, Vue core progressed with v3.6.0-rc.6 [5], and language-tools pinned a test to guard unknown component tag TS2339 suppression [6]. The VitePress release is the standout; if you're still on a fixed base for multi-environment deployments, this is the upgrade you've been waiting for.
Action items
- → Review the VitePress relative base and assetsBase PR for your deployment setup vuejs/vitepress [plan]
- → Check Vue 3.6.0 release candidates for any imminent stable release vuejs/core [monitor]
- → Watch the language-tools TS2339 suppression test for source-level replacement progress vuejs/language-tools [monitor]
References
- [1] feat: relative base (`./`) and `assetsBase` (CDN prefix) ↗ vuejs/vitepress
- [2] fix(theme): keep the search keycap glyphs out of the DOM text vuejs/vitepress
- [3] fix(theme): paint the navbar divider on its own layer vuejs/vitepress
- [4] fix(theme): cover the external link icon's paint box with its mask vuejs/vitepress
- [5] v3.6.0-rc.6 ↗ vuejs/core
- [6] test(tsc): pin unknown component tag TS2339 suppression vuejs/language-tools