vue-router-v3

Name: vue-router-v3
Author: partme-ai

github.com/partme-aiDevelopment71678 installsUpdated 3w ago

About vue-router-v3

A Vue Router v3 skill for Vue 2 projects, with installation, routing, and navigation references mapped to the v3 documentation. It covers both guides and API details.

Key features

01Installation and configuration references
02Dynamic and nested route guides
03Navigation, named routes, and views
04Navigation guards and route metadata
05History mode and lazy loading
06API documentation mapping

Use cases

01Configure routing in a Vue 2 app
02Implement navigation guards
03Set up history mode or lazy-loaded routes
04Consult the Vue Router v3 API

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/partme-ai/full-stack-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.

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: partme-ai
Repository: partme-ai/full-stack-skills
Category: Development
Installs: 78
GitHub stars: 716

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.1M

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

848.6k

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.