varlet

Varlet est une bibliothèque de composants Vue 3 construite autour de Material Design 2 et Material Design 3, maintenue par l'organisation varletjs. Elle cible les interfaces mobiles et de bureau, et le README indique qu'elle propose plus de 70 composants polyvalents tout en gardant chaque composant léger. Capacités clés listées dans la documentation : - Systèmes de design Material Design 2 et Material Design 3, avec support du mode sombre - Importation de composants à la demande et personnalisation du thème - Support de l'internationalisation - Compatibilité avec le rendu côté serveur (SSR) - Support de TypeScript - Un module Nuxt pour l'intégration avec les projets Nuxt - Une couverture de tests unitaires rapportée à plus de 90 %, présentée comme une garantie de stabilité - Une extension VSCode officielle et la coloration syntaxique WebStorm - Support de l'accessibilité, décrit comme étant encore en cours d'amélioration - Documentation complète en chinois et en anglais L'installation peut se faire de deux manières. La route CDN charge le bundle UMD `varlet.js`, qui contient tous les styles et la logique des composants, aux côtés de Vue et d'un script optionnel d'émulateur tactile qui adapte les composants mobiles pour une utilisation sur bureau. La route via bundler installe le package `@varlet/ui` via npm, yarn ou pnpm, puis enregistre la bibliothèque avec `createApp(App).use(Varlet)` et importe la feuille de style depuis `@varlet/ui/es/style`. Un écosystème officiel entoure la bibliothèque principale. `@varlet/cli` est un outil de prototypage rapide pour les bibliothèques de composants Vue 3. `@varlet/touch-emulator` est l'adaptateur pour bureau. `@varlet/ui-playground` permet l'édition en ligne des composants. `@varlet/import-resolver` est un résolveur pour unplugin-vue-components qui permet les importations à la demande. Des presets UnoCSS et Tailwind CSS sont également publiés, ainsi qu'un constructeur de thèmes pour générer des variables de thème Material Design 3, une extension VSCode, un thème VSCode, un modèle d'application et une collection d'exemples d'intégration. Les projets maintenus par la communauté référencés dans le README incluent un échafaudage de modèle mobile basé sur Vue, un échafaudage de modèle de bureau Vue 3, une extension intellisense pour VS Code et un modèle mobile Vue 3 + Varlet. Un playground basé sur le navigateur est disponible sur le site du projet, et des conseils de contribution sont fournis dans le guide de contribution du dépôt.