varlet

Varlet es una biblioteca de componentes de Vue 3 construida en torno a Material Design 2 y Material Design 3, mantenida por la organización varletjs. Está dirigida tanto a interfaces móviles como de escritorio, y el README indica que incluye más de 70 componentes de propósito general manteniendo cada componente ligero. Capacidades clave enumeradas en la documentación: - Sistemas de diseño Material Design 2 y Material Design 3, además de soporte para modo oscuro - Importación de componentes bajo demanda y personalización de temas - Soporte de internacionalización - Compatibilidad con renderizado del lado del servidor (SSR) - Soporte de TypeScript - Un módulo de Nuxt para la integración con proyectos Nuxt - Una cobertura de pruebas unitarias reportada superior al 90 por ciento, presentada como garantía de estabilidad - Una extensión oficial de VSCode y resaltado de sintaxis de WebStorm - Soporte de accesibilidad, descrito como en proceso de mejora - Documentación completa en chino e inglés La instalación puede realizarse de dos maneras. La ruta CDN carga el paquete UMD `varlet.js`, que contiene todos los estilos y la lógica de los componentes, junto con Vue y un script opcional de emulador táctil que adapta los componentes móviles para su uso en escritorio. La ruta del empaquetador instala el paquete `@varlet/ui` a través de npm, yarn o pnpm, luego registra la biblioteca con `createApp(App).use(Varlet)` e importa la hoja de estilos desde `@varlet/ui/es/style`. Un ecosistema oficial rodea la biblioteca principal. `@varlet/cli` es una herramienta de prototipado rápido para bibliotecas de componentes de Vue 3. `@varlet/touch-emulator` es el adaptador de escritorio. `@varlet/ui-playground` proporciona edición en línea de componentes. `@varlet/import-resolver` es un resolutor para unplugin-vue-components que permite importaciones bajo demanda. También se han publicado presets de UnoCSS y Tailwind CSS, junto con un constructor de temas para generar variables de tema de Material Design 3, una extensión de VSCode, un tema de VSCode, una plantilla de aplicación y una colección de ejemplos de integración. Los proyectos mantenidos por la comunidad referenciados en el README incluyen andamiajes de plantillas móviles basadas en Vue, un andamiaje de plantillas de escritorio de Vue 3, una extensión de intellisense de VS Code y una plantilla móvil de Vue 3 + Varlet. Un playground basado en el navegador está disponible en el sitio del proyecto, y la guía de contribución se proporciona en la guía de contribuciones del repositorio.