Typesafe state in your URL
summary
Claim: Vue Router treats the URL as typed URL state allowing path, query and hash values to be parsed, transformed and validated at build time via generated matchers and a resolver. The demo removes in-component parsing by using param parsers (built‑in int/bool or custom), file‑based routing via the merged Unplugin, and experimental APIs in Vue Router 5. The build moves parsing to compile time and yields about 30% smaller bundle (~6 KB); the feature is experimental and works in demos.
AI-written summary · about
chapters (10)
- 0:00The role of state
- 1:32Superpowers of URL state
- 4:46The challenges of URL parsing
- 7:12Router resolvers and setup
- 10:06Implementing custom parsers
- 13:45Demo: Refactoring product pages
- 17:45Demo: Handling complex dates
- 21:48Demo: Refactoring search queries
- 25:19Limitations and SEO
- 26:53Future and summary
