為 Nuxt 提供類型安全的路由器
- 支援所有程式化導航工具 (
NuxtLink,useRouter,navigateTo,useRoute,useLocalePath, 等...) - 支援選用性參數和 catchAll 路由
- 自動完成路由路徑、名稱和參數
- 如果路由路徑無效則拋出錯誤
- 開箱即用的
i18n支援 - 支援通過配置和模組擴展的路由
文件
試玩看看
Demo 範例程式庫 🧪 : 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