vanilla components

바닐라 구성 요소

VUE 3 용 가볍고 유연하며 사용자 정의 가능한 UI 라이브러리

문서 | 시작하기 | 왜 바닐라 구성 요소인가?

주요 기능

• ? DX 초점 - 코드를 적게 쓰고 더 빨리 작성하십시오
• ? 완전히 구성 가능 - 모든 구성 요소 및 소품은 간단한 구성 파일을 통해 완전히 사용자 정의 할 수 있습니다.
• ? 변형 개념 - 동일한 구성 요소의 여러 변형을 만듭니다. 예 : 오류, 성공 등
• ? Tailwind First- Tailwind CSS 기본값을 사용하여 제정신 스타일과 함께 제공됩니다.
• ? vue + typescript -vue 3 설정 + typescript
• ? Vue 3 Ready -Vue 3
• ? 트리 쉐이크 가능 - 크기에 대해 걱정하지 않고 필요한 구성 요소 만 가져옵니다.
• CSS 포함 - 모든 것이 구성 가능하며 CSS가 전혀 포함되지 않음을 의미합니다.
• ? 다크/흰색 - 어두운 및 흰색 모드 포함 된 완벽한 디자인
• ? SSR 준비 - SSR을 염두에두고 제작되었습니다

설치

피어 종속성을 설치하여 시작하여 패키지 설치를 시작하십시오.

자세한 내용은 문서를 방문하십시오.

다음과 같이 필요에 따라 구성 요소를 가져옵니다.

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

지역 및 문서

미리보기 및 로컬 테스트는 프로젝트의 루트에서 다음을 실행하십시오. 명령 후에는 로컬 VITE 서버를 UP 및 실행해야합니다.

pnpm install
pnpm -r build
pnpm docs:dev

새로 시작하려면 다음 명령을 실행하십시오

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

LUNR (Algolia 대안)

LUNR은 기본 VitePress Algolia 검색을 대체하여 프로젝트 인덱스를 올바르게 수행합니다.

 pnpm docs:index:build

크레딧

감사합니다 :

• Variantjs- 기본 영감 및 코드 - Alfonsobries 덕분
• vueuse- 우리는 이것을 어떻게 신용하지 않습니까?
• Robertboes- 항상 문제 해결을 돕는 데 도움이됩니다
• Enzo Innocenzi- 영감과 도움을 위해!
• 내 모든 친구들, 하루 종일 속삭이는 동안 온라인 상태를 유지할 수 있습니다!

기부금

기고 가이드를 참조하십시오.

특허

MIT 라이센스 © 2021-Present Pedro Martins