mcpField
V
vue-router-v3

vue-router-v3

github.com/full-stack-skills開発3213 回インストール5 週間前に更新
リポジトリ

vue-router-v3 について

vue-router-v3は、Vue 2アプリのルーティング設定やVue Router v3の情報参照を支援する開発スキルです。トピック別の例とAPI資料がv3ドキュメントに対応しています。

主な機能

  1. 01Vue Router v3の導入と設定
  2. 02Vue 2のルーティングパターン
  3. 03ナビゲーションガードの資料
  4. 04ヒストリーモードと遅延読み込み
  5. 05項目別のv3 API資料

活用シーン

  1. 01Vue 2アプリへのルーティング追加
  2. 02ガードやヒストリーモードの実装
  3. 03ルート設定やインスタンスAPIの参照

インストール

コマンドをコピーしてターミナルで実行します。

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

インストール後、Claude Code で/vue-router-v3を入力して読み込まれたか確認します。

同梱ファイル

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

詳細

このスキルを使用する場面

ユーザーが次のことを希望する場合は、いつでもこのスキルを使用してください。

  • Vue Router v3 のインストールと設定
  • Vue 2 アプリケーション向けのルーティングパターンの実装
  • ナビゲーションガード、ヒストリーモード、ルートの遅延読み込みの使用
  • Vue Router v3 API の詳細の参照

このスキルの使用方法

  1. ユーザーのリクエストからトピックを特定します。
  2. examples/ で該当するガイドのサンプルファイルを開きます。
  3. API の詳細については、api/ で該当するファイルを開きます。
  4. 公式ガイダンスに従い、出力が v3 のドキュメントと一貫するようにします。
インストールの対応関係
ガイドの対応関係（https://v3.router.vuejs.org/guide/ と一対一で対応）

基本

応用

API の対応関係（https://v3.router.vuejs.org/api/ と一対一で対応）

リソース

キーワード

vue-router v3、vue 2 router、ルーティング、ナビゲーションガード、ヒストリーモード、router-link、router-view、ルート設定、ルートオブジェクト

コメント

Markdown 対応