/vue-router-best-practices

@de09c7b official

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

Ask your Agent

Use this Skill: https://skilld.dev/gh/onmax/nuxt-skills/vue-router-best-practices

This session only. Nothing lands on disk.

SKILL.md

1.4 KB raw

≈32 tokens always: the name and description. ≈321 when used: this file. ≈11k more on demand in 8 files.

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

No alerts9d3 checks · Risk SAFE

Gen Agent Trust Hub9d
The skill provides comprehensive documentation and best practices for using Vue Router 4, including navigation guards, lifecycle interactions, and proper async handling. No security risks or malicious patterns were identified.
Socket9d
No alerts
Snyk9d
Risk: LOW · No issues

Signed by skilld at de09c7b. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 2 days ago.

Activeupdated last week