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