vanilla components

香草零件

VUE 3

文檔|入門|為什麼要香草零件？

主要功能

• ？ DX聚焦- 更少編寫代碼並更快地構建
• ？完全可配置- 所有組件和道具都是通過簡單配置文件完全自定義的
• ？變體概念- 創建相同組件的多個變體。例如：錯誤，成功等。
• ？尾風首先- 使用Tailwind CSS默認配有理智的樣式
• ？ VUE +打字稿-VUE 3設置 +打字稿
• ？ VUE 3準備就緒-VUE 3
• ？樹木可動- 僅導入您需要的組件，而不必擔心尺寸
• 包括零CSS - 所有內容都是可配置的，意味著根本沒有CSS
• ？深/白色- 包括深色和白色模式的像素完美設計
• ？ SSR準備就緒- 考慮到SSR

安裝

通過安裝同伴依賴項而不是，而是繼續安裝軟件包

訪問文檔以獲取更多信息。

根據需要導入組件以下內容：

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

本地和文檔

有關預覽和本地測試，請在項目的根部運行以下內容。命令後，您應該擁有本地Vite服務器啟動和運行。

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-基礎靈感和代碼 - 感謝Alfonsobries
• Vueuse-我們如何不能讚揚這一點？
• Robertboes-一直在幫助故障排除
• Enzo Innocenzi-獲得靈感和幫助！
• 我所有的朋友，當我整天都在竊竊私語時，這可能會留在網上！

貢獻

請參閱貢獻指南。

執照

麻省理工學院許可©2021-PEDRO MARTIS