varlet

Varletは、varletjs組織によってメンテナンスされている、Material Design 2およびMaterial Design 3を中心に構築されたVue 3コンポーネントライブラリです。モバイルとデスクトップの両方のインターフェースをターゲットとしており、READMEによると、個々のコンポーネントを軽量に保ちながら、70以上の汎用コンポーネントを提供しています。 ドキュメントに記載されている主な機能は以下の通りです： - Material Design 2およびMaterial Design 3デザインシステム、およびダークモードのサポート - コンポーネントのオンデマンドインポートとテーマのカスタマイズ - 国際化サポート - サーバーサイドレンダリング（SSR）互換性 - TypeScriptサポート - Nuxtプロジェクトと統合するためのNuxtモジュール - 安定性の保証として提示されている、90%以上のユニットテストカバレッジ - 公式のVSCode拡張機能およびWebStormの構文ハイライト - 改善が進められているアクセシビリティサポート - 完全な中国語および英語のドキュメント インストール方法は2通りあります。CDNルートでは、すべてのスタイルとコンポーネントロジックを含むUMDバンドル`varlet.js`を、Vueおよびモバイルコンポーネントをデスクトップ用に適応させるオプションのタッチエミュレータスクリプトと共に読み込みます。バンドラールートでは、npm、yarn、またはpnpm経由で`@varlet/ui`パッケージをインストールし、`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拡張機能、VSCodeテーマ、アプリテンプレート、および統合例のコレクションも公開されています。 READMEで参照されているコミュニティ維持のプロジェクトには、Vueベースのモバイルテンプレートスキャフォールディング、Vue 3デスクトップテンプレートスキャフォールディング、VS Codeインテリセンス拡張機能、およびVue 3 + Varletモバイルテンプレートが含まれます。プロジェクトサイトではブラウザベースのプレイグラウンドが利用可能であり、リポジトリの貢献ガイドに貢献方法が記載されています。