Nuxt に型安全なルーターを提供
- すべてのプログラムによるナビゲーションユーティリティ (
NuxtLink,useRouter,navigateTo,useRoute,useLocalePath, など...) をサポート - オプションのパラメータとキャッチオールルートをサポート
- ルートパス、名前、パラメータを自動補完
- ルートパスが無効な場合はエラーをスロー
- すぐに使える
i18nサポート - 設定とモジュールによって拡張されたルートをサポート
ドキュメント
試してみる
デモリポジトリ 🧪 : nuxt-typed-router-demo
LearnVue によるクールなビデオ！
互換性
- Nuxt 3
クイックスタート
Nuxt 3 の場合
npx nuxi@latest module add typed-router
設定
nuxt.config.ts にモジュールを登録すれば完了です！
export default defineNuxtConfig({
modules: ['nuxt-typed-router'],
});
開発
- このリポジトリをクローン
pnpmを使って依存関係をインストール- ローカルテスト用にプロジェクトをビルド
pnpm run test - 開発プレイグラウンドを開始
pnpm run prepack && pnpm run dev - デプロイ用にプロジェクトをビルド
pnpm prepack