vuejs-aiInstall Vue Router Best Practices
Pick your agent. Every command is ready to paste.
npx skills add vuejs-ai/skills --skill vue-router-best-practicesThe open skills CLI detects your agents (Claude Code, Cursor, Codex and 70+ more) and installs to the right folder. Add -g to install globally.
01
Install it
Run the command above, or upload the folder in Claude.
02
Ask naturally
Describe the task. Your agent loads vue-router-best-practices when the request matches its description.
03
Name it if needed
If it does not trigger, say “use the vue-router-best-practices skill”. In Codex, type $vue-router-best-practices.
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
Tips for Vue Router Best Practices
- • Start a fresh session after installing so your agent picks up the new skill.
- • It bundles reference files. The agent reads them only when needed, so they cost no context until then.
- • It is part of a pack with 8 skills. Install only the ones you need with --skill to keep triggers precise.
- • If two skills overlap, mention the one you want by name.
Questions about Vue Router Best Practices
What does the Vue Router Best Practices skill do?
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
How do I install Vue Router Best Practices?
Run "npx skills add vuejs-ai/skills --skill vue-router-best-practices" in your project. The skills CLI installs it for Claude Code, Cursor, Codex and 70+ other agents. In Claude on the web, upload the skill folder as a ZIP under Customize > Skills.
Does Vue Router Best Practices work in Cursor and Codex?
Yes. Vue Router Best Practices uses the open SKILL.md format, so it works in Claude Code, Claude, Cursor, OpenAI Codex, Gemini CLI, GitHub Copilot and other agents that support agent skills.
Is Vue Router Best Practices free?
Vue Router Best Practices is open source on GitHub under the MIT license. It is free to install; check the license before commercial use.
Who made Vue Router Best Practices?
Vue Router Best Practices is published by vuejs-ai in the vuejs-ai/skills repository, together with 7 other skills.
