ui

Nuxt UI — это UI-библиотека для Vue и Nuxt, объединяющая Reka UI, Tailwind CSS и Tailwind Variants. Ее целью является предоставление разработчикам инструментов для создания сложных, доступных и высокопроизводительных пользовательских интерфейсов. Статус репозитория: данный README находится в ветке v4; для предыдущих мажорных версий поддерживаются отдельные ветки v3 и v2. Публичная документация размещена на ui.nuxt.com. Установка - Пакет устанавливается как @nuxt/ui вместе с tailwindcss; приведены команды для pnpm, yarn, npm и bun. - Для Nuxt: зарегистрируйте '@nuxt/ui' в массиве modules файла nuxt.config.ts и укажите путь к CSS-файлу, например ~/assets/css/main.css. - Для обычного Vue: добавьте Vite-плагин Nuxt UI (@nuxt/ui/vite) в vite.config.ts вместе с @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 (ИИ-чатбот с аутентификацией через GitHub и постоянной историей чата на базе Vercel AI SDK), Portfolio (портфолио и блог на базе Nuxt Content), Changelog (отображение примечаний к релизам репозитория из GitHub на базе Nuxt MDC), Editor (редактор насыщенного текста на базе TipTap с поддержкой типов контента markdown, HTML и JSON) и Calendar (виды на день, неделю и месяц с поддержкой drag-and-drop и оптимистичными обновлениями). Вклад и разработка Контрибьюторам предлагается сообщать об ошибках и отправлять предложения через руководства по отчетности и участию в проекте. Файл AGENTS.md содержит рекомендации по внесению вклада для ИИ-помощников по кодингу, охватывающие структуру компонентов, паттерны темизации, соглашения по тестированию и правила документации; указано, что он автоматически подхватывается ИИ-агентами. Инструкции по настройке локальной среды разработки доступны по ссылке в документации по участию. Благодарности выражены nuxt/nuxt, nuxt/icon, nuxt/fonts, nuxt-modules/color-mode, unovue/reka-ui, tailwindlabs/tailwindcss и vueuse/vueuse. Проект распространяется под лицензией MIT.