ui

Nuxt UI 是一个面向 Vue 和 Nuxt 的 UI 库，结合了 Reka UI、Tailwind CSS 和 Tailwind Variants。其目标是为开发者提供构建复杂、可访问且高性能用户界面的工具。 仓库状态：此 README 位于 v4 分支；针对较早的主版本，分别维护有 v3 和 v2 分支。公开文档托管于 ui.nuxt.com。 安装 - 该包作为 @nuxt/ui 与 tailwindcss 一起安装，支持 pnpm、yarn、npm 和 bun 命令。 - 对于 Nuxt：在 nuxt.config.ts 的 modules 数组中注册 '@nuxt/ui'，并将 css 指向样式表（如 ~/assets/css/main.css）。 - 对于纯 Vue：在 vite.config.ts 中将 Nuxt UI Vite 插件 (@nuxt/ui/vite) 与 @vitejs/plugin-vue 一起添加，然后在应用入口文件中注册 Vue 插件 (@nuxt/ui/vue-plugin)；示例中使用了 vue-router 创建路由。 - 在两种设置中，CSS 入口均先导入 "tailwindcss"，随后导入 "@nuxt/ui"。 - 针对 Nuxt 和 Vue 均有专门的安装指南。 模板 列出了一系列开箱即用的模板，并提供了官方模板页面的链接：Starter（极简起点）、Landing（由 Nuxt Content 驱动的落地页）、Docs（由 Nuxt Content 驱动的文档站点）、SaaS（由 Nuxt Content 驱动的落地页、定价、文档和博客）、Dashboard（多列布局）、Chat（由 Vercel AI SDK 驱动，支持 GitHub 认证和持久化聊天记录的 AI 聊天机器人）、Portfolio（由 Nuxt Content 驱动的作品集和博客）、Changelog（由 Nuxt MDC 驱动，显示来自 GitHub 的仓库发布日志）、Editor（由 TipTap 驱动，支持 markdown、HTML 和 JSON 内容类型的富文本编辑器）以及 Calendar（支持拖拽和乐观更新的日、周、月视图）。 贡献与开发 邀请贡献者通过项目的报告和贡献指南提交 Bug 和建议。AGENTS.md 文件为 AI 编程助手提供了贡献指南，涵盖组件结构、主题模式、测试约定和文档指南；该文件被描述为可被 AI 编程代理自动获取。贡献文档中提供了设置本地开发环境的指令链接。 致谢对象包括 nuxt/nuxt, nuxt/icon, nuxt/fonts, nuxt-modules/color-mode, unovue/reka-ui, tailwindlabs/tailwindcss 和 vueuse/vueuse。该项目采用 MIT 许可证。