varlet

Varlet é uma biblioteca de componentes Vue 3 construída em torno do Material Design 2 e Material Design 3, mantida pela organização varletjs. Ela visa interfaces mobile e desktop, e o README afirma que fornece mais de 70 componentes de propósito geral, mantendo os componentes individuais leves. Principais capacidades listadas na documentação: - Sistemas de design Material Design 2 e Material Design 3, além de suporte ao modo escuro - Importação de componentes sob demanda e personalização de temas - Suporte a internacionalização - Compatibilidade com renderização no lado do servidor (SSR) - Suporte ao TypeScript - Um módulo Nuxt para integração com projetos Nuxt - Uma cobertura de testes unitários relatada acima de 90 por cento, apresentada como uma garantia de estabilidade - Uma extensão oficial do VSCode e realce de sintaxe do WebStorm - Suporte a acessibilidade, descrito como ainda em melhoria - Documentação completa em chinês e inglês A instalação pode ser feita de duas maneiras. A rota CDN carrega o pacote UMD `varlet.js`, que contém todos os estilos e a lógica dos componentes, juntamente com o Vue e um script opcional de emulador de toque que adapta componentes mobile para uso em desktop. A rota do bundler instala o pacote `@varlet/ui` via npm, yarn ou pnpm, registrando então a biblioteca com `createApp(App).use(Varlet)` e importando a folha de estilo de `@varlet/ui/es/style`. Um ecossistema oficial envolve a biblioteca principal. O `@varlet/cli` é uma ferramenta de prototipagem rápida para bibliotecas de componentes Vue 3. O `@varlet/touch-emulator` é o adaptador para desktop. O `@varlet/ui-playground` fornece edição online de componentes. O `@varlet/import-resolver` é um resolver para unplugin-vue-components que permite importações sob demanda. Presets do UnoCSS e Tailwind CSS também são publicados, juntamente com um construtor de temas para gerar variáveis de tema do Material Design 3, uma extensão do VSCode, um tema do VSCode, um template de aplicativo e uma coleção de exemplos de integração. Projetos mantidos pela comunidade referenciados no README incluem scaffolding de template mobile baseado em Vue, scaffolding de template desktop Vue 3, uma extensão de intellisense do VS Code e um template mobile Vue 3 + Varlet. Um playground baseado em navegador está disponível no site do projeto, e a orientação para contribuição é fornecida no guia de contribuição do repositório.