mcpField
V
vue-router-v3

vue-router-v3

github.com/partme-ai開発71678 回インストール3 週間前に更新
リポジトリ

vue-router-v3 について

Vue 2 プロジェクト向けの Vue Router v3 スキルです。v3 の公式ドキュメントに対応したインストール、ルーティング、ナビゲーションのガイドと API 情報を提供します。

主な機能

  1. 01インストールと設定のリファレンス
  2. 02動的ルートとネストされたルートのガイド
  3. 03ナビゲーション、名前付きルート、ビュー
  4. 04ナビゲーションガードとルートメタ情報
  5. 05ヒストリーモードと遅延読み込み
  6. 06API ドキュメントの対応表

活用シーン

  1. 01Vue 2 アプリのルーティング設定
  2. 02ナビゲーションガードの実装
  3. 03ヒストリーモードや遅延読み込みルートの設定
  4. 04Vue Router v3 API の参照

インストール

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

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

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

同梱ファイル

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

詳細

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

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

  • 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 対応