typed-router
nuxt-typed-router

為頁面路由名稱和引數提供自動補全

nuxt-typed-router cover

npm versionnpm downloadsnpm downloads

為 Nuxt 提供型別安全的路由

  • 支援所有程式化導航工具(NuxtLinkuseRouternavigateTouseRouteuseLocalePath 等)
  • 支援可選引數和 CatchAll 路由
  • 自動補全路由路徑、名稱和引數
  • 如果路由路徑無效則丟擲錯誤
  • 開箱即用的 i18n 支援
  • 支援透過配置和模組擴充套件的路由



文件

Documentation

試用

Open in StackBlitz

演示倉庫 🧪:nuxt-typed-router-demo

使用者

Malt logo

LearnVue 關於它的精彩影片

Watch the video

相容性

  • Nuxt 3

安裝

npx nuxi@latest module add typed-router

配置

nuxt.config.ts 中註冊模組,完成!

export default defineNuxtConfig({
  modules: ['nuxt-typed-router'],
});

開發

  1. 克隆此倉庫
  2. 使用 pnpm 安裝依賴項
  3. 為本地測試構建專案 pnpm run test
  4. 啟動開發遊樂場 pnpm run prepack && pnpm run dev
  5. 為部署構建專案 pnpm prepack

📑 許可證

麻省理工學院許可證