Routing and new features
summary
A build‑time plugin called Unplugin Vue Router generates a DTS file and replaces imports so routes come from the filesystem and the router stays manually instantiated; Vite/Rollup/Webpack are supported. TypeScript typing of route names and params prevents runtime typos (author admits complex conditional types crashed TS during stress tests, so a keyed interface approach is used instead). There are also typed file‑based routing helpers like DefineRoute and an experimental DefineLoader data‑loading system with client‑side caching. It reduces boilerplate and catches broken links at CI time.
AI-written summary · about
chapters (18)
- 0:00Start
- 3:58EDITORS LEARNING CURVE
- 7:58WEIRD EVER-CHANGING APIS
- 8:52WHERE DIFFERENT PARTS OF THE APP COME TOGETHER
- 9:08VOCABULARY
- 9:28ERROR PRONE
- 11:35FILE BASED ROUTING
- 12:24TOOLS GENERATE THE GLUE CODE
- 13:06TYPED ROUTES
- 14:15RUNTIME TYPED ROUTE PARAMS
- 15:07RUNTIME TYPES CAN GET REALLY SLOW
- 16:32BACK TO THE BASICS
- 17:00AUTOMATED
- 17:12UNPLUGIN-VUE-ROUTER
- 17:51STILL IN CONTROL
- 20:05CONFIGURE ROUTES WITHIN ROUTES
- 21:42DATA LOADING WITH SUSPENSE
- 22:30+DATA LOADERS +
