vue-router-best-practices
SkillDev toolsVue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the vue-router-best-practices skill
What this skill tells your AI
The instructions your AI receives, as published by onweekendd/screenwright in .claude/skills/vue-router-best-practices/SKILL.md and read by ahel’s review.
Vue Router best practices, common gotchas, and navigation patterns.
Navigation Guards
- Navigating between same route with different params → See router-beforeenter-no-param-trigger
- Accessing component instance in beforeRouteEnter guard → See router-beforerouteenter-no-this
- Navigation guard making API calls without awaiting → See router-guard-async-await-pattern
- Users trapped in infinite redirect loops → See router-navigation-guard-infinite-loop
- Navigation guard using deprecated next() function → See router-navigation-guard-next-deprecated
Route Lifecycle
- Stale data when navigating between same route → See router-param-change-no-lifecycle
- Event listeners persisting after component unmounts → See router-simple-routing-cleanup
Setup
- Building production single-page application → See router-use-vue-router-for-production
Signals
- GitHub stars
- 31
- Last commit
- Sep 2026
ahel recommends instead
Advanced
- Catalog kind
- skill
- Gateway key
vue-router-best-practices-onweekendd- Source
- github.com/onweekendd/screenwright