vue-router-v3

Name: vue-router-v3
Author: full-stack-skills

github.com/full-stack-skillsDevelopment3213 installsUpdated 5w ago

About vue-router-v3

vue-router-v3 is a development skill for configuring routing in Vue 2 applications and consulting Vue Router v3 guidance. Its topic-indexed examples and API references map to the v3 documentation.

Key features

01Vue Router v3 setup guidance
02Vue 2 routing patterns
03Navigation guard references
04History mode and lazy-loading guides
05Indexed v3 API references

Use cases

01Adding routing to a Vue 2 app
02Implementing guards or history mode
03Looking up route configuration and instance APIs

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/full-stack-skills/vue-skills --skill vue-router-v3

After installing, type/vue-router-v3in Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

agents/

openai.yaml

api/

navigation-guards.md

route-config.md

route-object.md

router-instance.md

router-link.md

router-options.md

router-view.md

examples/

installation.md

examples/guide/

index.md

examples/guide/advanced/

data-fetching.md

lazy-loading.md

meta.md

navigation-failures.md

navigation-guards.md

scroll-behavior.md

transitions.md

examples/guide/essentials/

dynamic-matching.md

history-mode.md

named-routes.md

named-views.md

navigation.md

nested-routes.md

passing-props.md

redirect-and-alias.md

templates/

route-config.md

router-config.md

Details

From the project README

When to use this skill

Use this skill whenever the user wants to:

Install and configure Vue Router v3
Implement routing patterns for Vue 2 applications
Use navigation guards, history mode, or lazy-loading routes
Reference Vue Router v3 API details

How to use this skill

Identify the topic from the user request.
Open the matching guide example file in examples/.
For API details, open the matching file in api/.
Follow official guidance and keep outputs consistent with v3 docs.

Installation mapping

examples/installation.md → https://v3.router.vuejs.org/installation.html

Guide mapping (one-to-one with https://v3.router.vuejs.org/guide/)

Essentials

examples/guide/index.md → https://v3.router.vuejs.org/guide/
examples/guide/essentials/dynamic-matching.md → https://v3.router.vuejs.org/guide/essentials/dynamic-matching.html
examples/guide/essentials/nested-routes.md → https://v3.router.vuejs.org/guide/essentials/nested-routes.html
examples/guide/essentials/navigation.md → https://v3.router.vuejs.org/guide/essentials/navigation.html
examples/guide/essentials/named-routes.md → https://v3.router.vuejs.org/guide/essentials/named-routes.html
examples/guide/essentials/named-views.md → https://v3.router.vuejs.org/guide/essentials/named-views.html
examples/guide/essentials/redirect-and-alias.md → https://v3.router.vuejs.org/guide/essentials/redirect-and-alias.html
examples/guide/essentials/passing-props.md → https://v3.router.vuejs.org/guide/essentials/passing-props.html
examples/guide/essentials/history-mode.md → https://v3.router.vuejs.org/guide/essentials/history-mode.html

Advanced

examples/guide/advanced/navigation-guards.md → https://v3.router.vuejs.org/guide/advanced/navigation-guards.html
examples/guide/advanced/meta.md → https://v3.router.vuejs.org/guide/advanced/meta.html
examples/guide/advanced/transitions.md → https://v3.router.vuejs.org/guide/advanced/transitions.html
examples/guide/advanced/data-fetching.md → https://v3.router.vuejs.org/guide/advanced/data-fetching.html
examples/guide/advanced/scroll-behavior.md → https://v3.router.vuejs.org/guide/advanced/scroll-behavior.html
examples/guide/advanced/lazy-loading.md → https://v3.router.vuejs.org/guide/advanced/lazy-loading.html
examples/guide/advanced/navigation-failures.md → https://v3.router.vuejs.org/guide/advanced/navigation-failures.html

API mapping (one-to-one with https://v3.router.vuejs.org/api/)

api/router-link.md → https://v3.router.vuejs.org/api/#router-link
api/router-view.md → https://v3.router.vuejs.org/api/#router-view
api/router-instance.md → https://v3.router.vuejs.org/api/#router-instance
api/router-options.md → https://v3.router.vuejs.org/api/#router-options
api/route-object.md → https://v3.router.vuejs.org/api/#the-route-object
api/route-config.md → https://v3.router.vuejs.org/api/#routes
api/navigation-guards.md → https://v3.router.vuejs.org/api/#navigation-guards

Resources

Installation: https://v3.router.vuejs.org/installation.html
Guide: https://v3.router.vuejs.org/guide/
API: https://v3.router.vuejs.org/api/

Keywords

vue-router v3, vue 2 router, routing, navigation guards, history mode, router-link, router-view, route config, route object

Comments

Markdown supported

Details

Author: full-stack-skills
Repository: full-stack-skills/vue-skills
Category: Development
Installs: 213
GitHub stars: 3

Report

More skills

All skills

remotion-render

github.com/inference-sh

1.6M

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

Scan a codebase for architecture improvement opportunities, present them as a visual HTML report, then dive deep into whichever one you pick.

design-mobile-apps

github.com/designed-by-ai

1.2M

Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML

vercel-react-best-practices

github.com/vercel-labs

870.5k

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.