Об этом проекте

Varlet — это библиотека компонентов для Vue 3, построенная на основе Material Design 2 и Material Design 3 и поддерживаемая организацией varletjs. Она ориентирована как на мобильные, так и на десктопные интерфейсы; в README указано, что библиотека содержит более 70 универсальных компонентов, при этом каждый из них остается легковесным. Ключевые возможности, перечисленные в документации: - Системы дизайна Material Design 2 и Material Design 3, а также поддержка темного режима - Импорт компонентов по требованию и настройка тем - Поддержка интернационализации (i18n) - Совместимость с серверным рендерингом (SSR) - Поддержка TypeScript - Модуль Nuxt для интеграции с проектами Nuxt - Заявленное покрытие юнит-тестами более 90 процентов в качестве гарантии стабильности - Официальное расширение для VSCode и подсветка синтаксиса для WebStorm - Поддержка доступности (accessibility), которая, по описанию, продолжает улучшаться - Полная документация на китайском и английском языках Установка может быть выполнена двумя способами. Через CDN загружается UMD-бандл `varlet.js`, который содержит все стили и логику компонентов, вместе с Vue и опциональным скриптом touch-эмулятора, адаптирующим мобильные компоненты для десктопа. Через сборщик устанавливается пакет `@varlet/ui` с помощью npm, yarn или pnpm, затем библиотека регистрируется через `createApp(App).use(Varlet)`, а файл стилей импортируется из `@varlet/ui/es/style`. Основную библиотеку окружает официальная экосистема. `@varlet/cli` — инструмент для быстрого прототипирования библиотек компонентов Vue 3. `@varlet/touch-emulator` — адаптер для десктопа. `@varlet/ui-playground` обеспечивает онлайн-редактирование компонентов. `@varlet/import-resolver` — резолвер для unplugin-vue-components, позволяющий осуществлять импорт по требованию. Также опубликованы пресеты для UnoCSS и Tailwind CSS, конструктор тем для генерации переменных Material Design 3, расширение и тема для VSCode, шаблон приложения и коллекция примеров интеграции. Проекты, поддерживаемые сообществом и упомянутые в README, включают шаблоны мобильных и десктопных приложений на базе Vue, расширение intellisense для VS Code и мобильный шаблон Vue 3 + Varlet. На сайте проекта доступен браузерный playground, а инструкции по внесению вклада представлены в руководстве по контрибьютингу репозитория.