vanilla components

バニラコンポーネント

VUE 3の軽量で柔軟でカスタマイズ可能なUIライブラリ

ドキュメント|開始|なぜバニラコンポーネント？

主な機能

• ？ dxフォーカス- コードをより少ないコードとビルドをより速く作成します
• ？完全に構成可能- すべてのコンポーネントとプロップは、単純な構成ファイルを介して完全にカスタマイズ可能です
• ？バリアントの概念- 同じコンポーネントの複数のバリエーションを作成します。例：エラー、成功など
• ？ TailWind First- Tailwind CSSデフォルトを使用した正気なスタイリングが付属しています
• ？ Vue + TypeScript -VUE 3セットアップ + TypeScript
• ？ Vue 3 Ready -Vue 3
• ？ツリーシェイク可能- サイズを心配することなく必要なコンポーネントのみをインポートします
• ゼロCSSを含む- すべてが構成可能であり、まったく含めるCSSがないことを意味します
• ？ダーク/ホワイト- ダーク＆ホワイトモード付きのピクセルパーフェクトデザインが含まれています
• ？ SSR Ready- SSRを念頭に置いて構築されています

インストール

ピア依存関係をインストールすることから始めて、パッケージのインストールを進めてください

詳細については、ドキュメントをご覧ください。

必要に応じてコンポーネントを以下にインポートします。

import { Button } from '@flavorly/vanilla-components'

ローカルおよびドキュメント

プレビューとローカルテストについては、プロジェクトのルートで以下を実行してください。コマンドの後、ローカルViteサーバーがアップ＆Runningを使用する必要があります。

pnpm install
pnpm -r build
pnpm docs:dev

新鮮な開始するには、次のコマンドを実行するだけです

pnpm clean
pnpm install
pnpm -r build
pnpm docs:dev

lunr（アルゴリアの代替）

lunrは、デフォルトのVitepress Algolia検索を置き換えて、プロジェクトインデックスを正しく取得します。

 pnpm docs:index:build

クレジット

ありがとう：

• variantJS-ベースインスピレーションとコード - アルフォンソーブリーに感謝します
• Vueuse-どうすればこれを信用できなかったのですか？
• Robertboes-トラブルシューティングを支援します
• Enzo Innocenzi-インスピレーションとヘルプのために！
• 私の友人全員、それは私が一日中ささやいている間にオンラインにとどまることができました！

貢献

寄稿ガイドを参照してください。

ライセンス

MITライセンス©2021-Present Pedro Martins