arkenv
Answer questions about ArkEnv and help implement environment variable validation. Use when developers: (1) Ask about environment…
@onmaxInstall SkillDevelopment
Skill
/vue-router-best-practices
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
Claude Code
$ npx -y skills add onmax/nuxt-skills --skill vue-router-best-practices --agent claude-code
Codex
$ npx skills add onmax/nuxt-skills --skill vue-router-best-practices -a codex -y
Cursor
$ npx skills add onmax/nuxt-skills --skill vue-router-best-practices -a cursor -y
Gemini CLI
$ npx skills add onmax/nuxt-skills --skill vue-router-best-practices -a gemini-cli -y
GitHub Copilot
$ npx skills add onmax/nuxt-skills --skill vue-router-best-practices -a github-copilot -y
OpenCode
$ npx skills add onmax/nuxt-skills --skill vue-router-best-practices -a opencode -y
Windsurf
$ npx skills add onmax/nuxt-skills --skill vue-router-best-practices -a windsurf -y
SKILL.md
vue-router-best-practices.SKILL.mdname: vue-router-best-practices
description: "Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions."
license: MIT
Vue Router best practices, common gotchas, and navigation patterns.
Navigation Guards
- Navigating between same route with different params → See [router-beforeenter-no-param-trigger](reference/router-beforeenter-no-param-trigger.md)
- Accessing component instance in beforeRouteEnter guard → See [router-beforerouteenter-no-this](reference/router-beforerouteenter-no-this.md)
- Navigation guard making API calls without awaiting → See [router-guard-async-await-pattern](reference/router-guard-async-await-pattern.md)
- Users trapped in infinite redirect loops → See [router-navigation-guard-infinite-loop](reference/router-navigation-guard-infinite-loop.md)
- Navigation guard using deprecated next() function → See [router-navigation-guard-next-deprecated](reference/router-navigation-guard-next-deprecated.md)
Route Lifecycle
- Stale data when navigating between same route → See [router-param-change-no-lifecycle](reference/router-param-change-no-lifecycle.md)
- Event listeners persisting after component unmounts → See [router-simple-routing-cleanup](reference/router-simple-routing-cleanup.md)
Setup
- Building production single-page application → See [router-use-vue-router-for-production](reference/router-use-vue-router-for-production.md)
Read more
name: vue-router-best-practices description: "Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions." license: MIT
Vue Router best practices, common gotchas, and navigation patterns.
Navigation Guards
- Navigating between same route with different params → See [router-beforeenter-no-param-trigger](reference/router-beforeenter-no-param-trigger.md)
- Accessing component instance in beforeRouteEnter guard → See [router-beforerouteenter-no-this](reference/router-beforerouteenter-no-this.md)
- Navigation guard making API calls without awaiting → See [router-guard-async-await-pattern](reference/router-guard-async-await-pattern.md)
- Users trapped in infinite redirect loops → See [router-navigation-guard-infinite-loop](reference/router-navigation-guard-infinite-loop.md)
- Navigation guard using deprecated next() function → See [router-navigation-guard-next-deprecated](reference/router-navigation-guard-next-deprecated.md)
Route Lifecycle
- Stale data when navigating between same route → See [router-param-change-no-lifecycle](reference/router-param-change-no-lifecycle.md)
- Event listeners persisting after component unmounts → See [router-simple-routing-cleanup](reference/router-simple-routing-cleanup.md)
Setup
- Building production single-page application → See [router-use-vue-router-for-production](reference/router-use-vue-router-for-production.md)
Stats
723
Stars
38
Forks
Active
Maintenance
JavaScript
Language
Last commit
Created
In this plugin
See everything inside 72330 skills1 MCP
Stars on GitHub
Momentum
- stars in total
- 723
Other skills on nuxt-skills.
@onmaxInstall Skillcomark
Comark (Components in Markdown) parser: syntax, AST, Vue/React/Svelte/Angular renderers, plugins, and LLM streaming with…
@onmaxInstall Skilleve
Build durable backend AI agents with the eve framework. Use when creating, editing, or debugging an eve project — agent…
@onmaxInstall Skillnanime
Build animations in a Nuxt app with nanime, the Nuxt module wrapping Anime.js v4. Use when animating elements, text, SVG or…
@onmaxInstall Skillnitro
Nitro is the framework-agnostic server toolkit (powering Nuxt) for building and deploying web servers anywhere. Use when working…
@onmaxInstall Skillnuxt-better-auth
Guides authentication in Nuxt apps using @nuxtjs/better-auth. Use when installing or configuring the module, using its client or…
@onmaxInstall SkillMore skills from other plugins.
Auto-invoked
brainstorming
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…
@obraInstall Skillask-matt
Ask which skill or flow fits your situation. A router over the skills in this repo.
@mattpocockInstall SkillAuto-invoked
Questions about vue-router-best-practices.
- Which coding agents can use vue-router-best-practices?
- vue-router-best-practices installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.