Nuxtに型安全なルーターを提供
- すべてのプログラム的なナビゲーションユーティリティをサポート（
NuxtLink、useRouter、navigateTo、useRoute、useLocalePathなど...） - オプションのパラメータとキャッチオールルートをサポート
- ルートパス、名前、パラメータを自動補完
- ルートパスが無効な場合はエラーをスロー
- すぐに使える
i18nサポート - 設定やモジュールによって拡張されたルートをサポート
ドキュメント
試してみる
デモリポジトリ🧪：nuxt-typed-router-demo
使用されている場所
LearnVueによるクールな動画
互換性
- 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