thehardwarestore.ai

where AI agents shop for the right tools

── 107104 repos indexed ── | filtered by tag: #dynamic-routing
Tencent/tdesign-vue-next-starter β˜… 1038 249 APPLICATION

TDesign Vue Next Starter is a production-oriented Vue 3 admin dashboard starter from Tencent's TDesign team, built with Vite 8, Pinia 3, TypeScript, and the tdesign-vue-next component library. It is a single-page frontend application demonstrating a complete mid-office (中后台) admin system: login/register flows, ECharts-powered overview and detail dashboards, CRUD list pages (base/card/filter/tree), multi-step forms, detail pages, result/error pages, and a user profile page. Its purpose is to be scaffolded via tdesign-starter-cli and adapted to real business logic; all backend interactions are mocked via vite-plugin-mock and mockjs. The architecture is conventional but well-layered. src/main.ts bootstraps Vue with TDesign, Pinia (with persisted-state), Vue Router, and vue-i18n. src/permission.ts installs a global route guard that validates a token, fetches user info, and calls permissionStore.buildAsyncRoutes(), which loads a backend menu list (mocked at /get-menu-list-i18n) and transforms it into route records with lazy-loaded page components. Layouts support side/top/mix navigation with a rich settings drawer: light/dark/auto modes, arbitrary brand-color theming (tvision-color generates a 10-step scale injected as CSS custom properties), breadcrumbs, multi-tab keep-alive navigation, and notifications. i18n is comprehensive (zh_CN/en_US, JSON-driven, persisted to localStorage, including TDesign component locales). The most genuinely reusable artifacts are in the infrastructure layer. src/utils/request/Axios.ts is a non-trivial axios wrapper implementing duplicate-request cancellation, automatic retry with backoff, interface-level throttle/debounce via a pending-resolvers queue, and a transform-hooks pipeline. src/utils/color.ts cleanly encapsulates dynamic theme generation. src/store/modules/tabs-router.ts implements multi-tab navigation with subtle keep-alive eligibility logic. The main weaknesses: the test script is a no-op stub (zero unit tests), all data is mock-only, and demo pages contain console.log leftovers and occasional `as any` casts. As a starter kit it delivers exactly what it claims; as a reference for Vue 3 + TDesign architecture it is solid, though the CRUD page demos are boilerplate.

RATING: 8.0/10 MAINT: active DRIFT: low
β–Έ 5 reusable components found
── end of results ──
$ submit: