vue-router-v4

When to use this skill

Use this skill whenever the user wants to:

• Set up routing in a Vue 3 application
• Configure routes, nested routes, and named routes
• Implement navigation guards (global, per-route, in-component)
• Use programmatic navigation with router.push(), router.replace(), etc.
• Handle dynamic route matching and route parameters
• Work with route meta fields and route records
• Implement lazy loading and code splitting for routes
• Use Vue Router with Composition API (useRouter, useRoute)
• Configure different history modes (hash, HTML5 history, memory)
• Handle scroll behavior and transitions
• Implement typed routes with TypeScript
• Migrate from Vue Router 3 to Vue Router 4
• Extend RouterLink component
• Handle navigation failures and errors
• Work with dynamic routing (adding/removing routes at runtime)