Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From vue-router-best-practices
Provides Vue Router 4 best practices for navigation guards, route params, lifecycle interactions, and gotchas like infinite loops, stale data, and deprecated next(). Useful for Vue SPAs with routing issues.
How this skill is triggered — by the user, by Claude, or both
Slash command
/vue-router-best-practices:vue-router-best-practicesThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Vue Router best practices, common gotchas, and navigation patterns.
reference/router-beforeenter-no-param-trigger.mdreference/router-beforerouteenter-no-this.mdreference/router-guard-async-await-pattern.mdreference/router-navigation-guard-infinite-loop.mdreference/router-navigation-guard-next-deprecated.mdreference/router-param-change-no-lifecycle.mdreference/router-simple-routing-cleanup.mdreference/router-use-vue-router-for-production.mdVue Router best practices, common gotchas, and navigation patterns.
3plugins reuse this skill
First indexed Jun 27, 2026
npx claudepluginhub pythoughts-labs/vue3-best-practices --plugin vue-router-best-practicesProvides Vue Router 4 best practices for navigation guards, route params, lifecycle interactions, and gotchas like infinite loops, stale data, and deprecated next(). Useful for Vue SPAs with routing issues.
Provides Vue Router 4 best practices for navigation guards, route params, lifecycle interactions, and gotchas like infinite loops, stale data, and deprecated next(). Useful for Vue SPAs with routing issues.
Guides Vue.js 3 Composition API patterns, component architecture, reactivity, Pinia state management, Vue Router, and Nuxt SSR. Activates for Vue, Nuxt, Vite, or Pinia projects.