vue-router-best-practices

SkillDev tools

Helps your agent write correct Vue Router 4 code by explaining navigation guards, route params, and lifecycle gotchas.

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

About this capability

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

What this skill tells your AI

The instructions your AI receives, as published by antfu/skills in skills/vue-router-best-practices/SKILL.md and read by ahel’s review.

Vue Router best practices, common gotchas, and navigation patterns.

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

Stale data when navigating between same route → See router-param-change-no-lifecycle
Event listeners persisting after component unmounts → See router-simple-routing-cleanup

Building production single-page application → See router-use-vue-router-for-production

Advanced