ui

Nuxt UI est une bibliothèque d'interface utilisateur pour Vue et Nuxt qui combine Reka UI, Tailwind CSS et Tailwind Variants. Son objectif déclaré est de fournir aux développeurs des outils pour construire des interfaces utilisateur sophistiquées, accessibles et hautement performantes. État du dépôt : ce README se trouve sur la branche v4 ; des branches v3 et v2 distinctes sont maintenues pour les versions majeures précédentes. La documentation publique est hébergée sur ui.nuxt.com. Installation - Le package est installé en tant que @nuxt/ui aux côtés de tailwindcss, avec des commandes indiquées pour pnpm, yarn, npm et bun. - Pour Nuxt : enregistrez '@nuxt/ui' dans le tableau modules de nuxt.config.ts et pointez le css vers une feuille de style telle que ~/assets/css/main.css. - Pour Vue seul : ajoutez le plugin Vite de Nuxt UI (@nuxt/ui/vite) à vite.config.ts avec @vitejs/plugin-vue, puis enregistrez le plugin Vue (@nuxt/ui/vue-plugin) dans le fichier d'entrée de l'application ; un routeur est créé avec vue-router dans l'exemple montré. - Dans les deux configurations, l'entrée CSS importe "tailwindcss" suivi de "@nuxt/ui". - Des guides d'installation dédiés existent pour Nuxt et Vue. Modèles Un ensemble de modèles prêts à l'emploi est listé, avec un lien vers une page officielle de modèles : Starter (point de départ minimal), Landing (page d'atterrissage propulsée par Nuxt Content), Docs (site de documentation propulsé par Nuxt Content), SaaS (atterrissage, tarification, docs et blog propulsés par Nuxt Content), Dashboard (mise en page multi-colonnes), Chat (chatbot IA avec authentification GitHub et historique de chat persistant propulsé par Vercel AI SDK), Portfolio (portfolio et blog propulsés par Nuxt Content), Changelog (affiche les notes de version du dépôt depuis GitHub propulsé par Nuxt MDC), Editor (éditeur de texte riche propulsé par TipTap supportant les types de contenu markdown, HTML et JSON), et Calendar (vues jour, semaine et mois avec glisser-déposer et mises à jour optimistes). Contribution et développement Les contributeurs sont invités à signaler les bugs et à soumettre des suggestions via les guides de signalement et de contribution du projet. Un fichier AGENTS.md fournit des directives de contribution destinées aux assistants de codage IA, couvrant la structure des composants, les modèles de thèmes, les conventions de test et les directives de documentation ; il est décrit comme étant récupéré automatiquement par les agents de codage IA. Des instructions pour configurer un environnement de développement local sont liées depuis la documentation de contribution. Des crédits sont attribués à nuxt/nuxt, nuxt/icon, nuxt/fonts, nuxt-modules/color-mode, unovue/reka-ui, tailwindlabs/tailwindcss et vueuse/vueuse. Le projet est sous licence MIT.