為 Nuxt 提供型別安全的路由器
- 支援所有程式化的導航工具 (
NuxtLink、useRouter、navigateTo、useRoute、useLocalePath等...) - 支援可選參數和 catchAll 路由
- 自動完成路由路徑、名稱和參數
- 如果路由路徑無效則拋出錯誤
- 開箱即用的
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