{
  "markdown": "# Noob Components (V2)\n\n> **WIP starter template.** The framework is under active development. Public\n> APIs may change. The demo app is the reference example.\n\nNoob Components is a starter template for building admin dashboards. It gives\nyou a working shell, a theming system, and i18n, all wired together. You add\nyour own pages, routes, and backend integration.\n\n## Stack\n\n- **Vite 8** build tool with `resolve.tsconfigPaths`\n- **[Vue 3.5](https://vuejs.org/)** with JSX (`vue-jsx-vapor` plugin under VDOM mode)\n- **[naive-ui](https://www.naiveui.com/)** and **[pro-naive-ui](https://github.com/Zheng-Changfu/pro-naive-ui)** for the shell and form components\n- **Tailwind CSS 4** for utilities\n- **pinia** for state\n- **vue-router** for navigation\n- **vue-i18n** for messages\n- **zod** for runtime validation\n\n## Workspace\n\nThis is a pnpm workspace.\n\n| Package                           | Role                                                |\n| --------------------------------- | --------------------------------------------------- |\n| `@noob-naive-ui/registry`         | Override registry, `useTheme`, font-size resolution |\n| `@noob-naive-ui/ui`               | Reusable components (UiCard, CardTabs)              |\n| `@noob-naive-ui/admin`            | Admin shell: provider, shell, login page, stores    |\n| `@noob-naive-ui/i18n`             | Component i18n helpers                              |\n| `@noob-naive-ui/admin-vue-router` | Vue Router ↔ AdminShell adapter                     |\n| `apps/demo`                       | Runnable reference app (frontend-only login)        |\n| `apps/admin-starter`              | Placeholder (not yet scaffolded)                    |\n\n## Quickstart\n\nPrerequisites: Node.js 20+, pnpm 11.\n\n```bash\npnpm install\npnpm --filter demo dev\n```\n\nOpen `http://localhost:5173`. Sign in with any non-empty username and\npassword. The demo uses an in-memory, frontend-only login. It makes no HTTP\ncalls.\n\nOther commands:\n\n```bash\npnpm -r typecheck   # typecheck all packages\npnpm -r build       # build all packages\npnpm lint           # lint (oxlint)\n```\n\n## What you get\n\n- A working login page and app shell (`AdminProvider`, `AdminShell`)\n- Theme presets that switch light/dark and react to the browser color scheme\n- A theming system built on CSS custom properties\n- Component i18n with host message fallback\n- A tabbed page system wired to vue-router\n\n## Guides\n\nDocs live in `docs/human/` in English and Simplified Chinese.\n\n- [Getting Started](docs/human/01-getting-started.md)\n- [Theming (host side)](docs/human/02-theming.md)\n- [i18n (host side)](docs/human/03-i18n.md)\n- [Architecture](docs/human/04-architecture.md)\n- [Authoring Components](docs/human/05-authoring-components.md)\n- [Admin Router](docs/human/06-admin-vue-router.md)\n- [Build Configuration](docs/human/07-build-config.md)\n\n## Status\n\nThis is a WIP starter template. The demo app (`apps/demo`) is the reference\nfor how to use the framework. `apps/admin-starter` is a future template that\ncopies the demo structure.\n\n## Acknowledgments\n\nBuilt on great open-source projects: [Vue](https://vuejs.org/),\n[naive-ui](https://www.naiveui.com/), and\n[pro-naive-ui](https://github.com/Zheng-Changfu/pro-naive-ui).\n\n## License\n\nMIT — see [LICENSE](LICENSE).\n",
  "bytes": 3258,
  "sha": "f30223b3035ef782cc1490dbab7acf0abb3050cc2433dba04233cbc7722e8065",
  "repo_slug": "hechang27-sprt/noob-components-v2",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/okf_hechang27_sprt_noob_components_v2_openwi_763ba231/readme"
}