Use when you have a written implementation plan to execute in a separate session with review checkpoints
vue-router-best-practices
852
45
# Install this skill:
npx skills add vuejs-ai/skills --skill "vue-router-best-practices"
Install specific skill from multi-skill repository
# Description
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
# SKILL.md
name: vue-router-best-practices
description: "Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions."
version: 1.0.0
license: MIT
author: github.com/vuejs-ai
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
# Related Skills
Use when starting any conversation - establishes how to find and use skills, requiring Skill...
|
|
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Amp
Antigravity
Claude Code
Clawdbot
Codex
Cursor
Droid
Gemini CLI
GitHub Copilot
Goose
Kilo Code
Kiro CLI
OpenCode
Roo Code
Trae
Windsurf
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.