router-usage

What problem does it solve?

Centralizes and standardizes Vue Router routing practices for Vue applications, reducing boilerplate and errors in route configuration, navigation, and guards.

Core Features & Use Cases

• Standardized route configuration: defines a consistent structure for routes, guards, and dynamic parameters.
• Navigation & parameter handling: demonstrates both programmatic navigation and param passing via $route/$router.
• Guard & meta usage: shows how to implement beforeEach, afterEach, and route meta to enforce permissions and titles.
• Quick-start examples: provides practical patterns to add new routes, guard access, and manage nested routes.

Quick Start

Add a new route with a guard following the pattern described in this skill and verify navigation works as expected.