Standardizes Vue Router route configuration, navigation, guards, and parameter passing.
npx skills add https://github.com/cctyl/bili-rec-web --skill router-usage
Please help me install this Agent Skill. Skill: router-usage Source: https://github.com/cctyl/bili-rec-web/tree/main/.claude/skills/router-usage Command: npx skills add https://github.com/cctyl/bili-rec-web --skill router-usage
Centralizes and standardizes Vue Router routing practices for Vue applications, reducing boilerplate and errors in route configuration, navigation, and guards.
Add a new route with a guard following the pattern described in this skill and verify navigation works as expected.
High-intent search queries and answers about installing and using this skill.
Vue Router dynamic routing and route guards are configured by defining route meta fields for permissions and using beforeEach to enforce access control before navigation occurs.
Standardize Vue Router navigation by using programmatic navigation with $router and accessing dynamic parameters via $route to ensure consistent param passing across components.
Yes, route meta fields can store page titles and afterEach guards can apply them to the document, enforcing consistent navigation metadata updates after route completion.
Add new nested routes by defining children arrays within the parent route configuration object, ensuring the parent component includes a router-view for child component rendering.
Vue Router beforeEach guards block navigation when route meta permission checks fail, requiring you to verify that meta fields correctly match the user's authorization level.
CloudyWingConfigure Vitest and Vue Test Utils for component, composable, and store unit tests.
cslsoftwaresConfigure Vue Router and Pinia with guards and lazy loading.
NKDShinKuImplement Vue Router 4 navigation guards in Vue 3 projects.
MadAppGangConfigure type-safe file-based routes for React with TanStack Router.
