vanilla components

ส่วนประกอบวานิลลา

ห้องสมุด UI ที่มีน้ำหนักเบายืดหยุ่นและปรับแต่งได้สำหรับ Vue 3

เอกสาร เริ่มต้นใช้งาน | ทำไมต้องวานิลลาเป็นส่วนประกอบ?

คุณสมบัติหลัก

• - DX มุ่งเน้น - เขียนโค้ดน้อยลงและสร้างได้เร็วขึ้น
• - สามารถกำหนดค่าได้ทั้งหมด - ส่วนประกอบและอุปกรณ์ประกอบฉากทั้งหมดสามารถปรับแต่งได้อย่างสมบูรณ์ผ่านไฟล์การกำหนดค่าอย่างง่าย
• - แนวคิดตัวแปร - สร้างหลายตัวแปรของส่วนประกอบเดียวกัน เช่นข้อผิดพลาดความสำเร็จ ฯลฯ
• - Tailwind First - มาพร้อมกับสไตล์ที่มีสติโดยใช้ Tailwind CSS ค่าเริ่มต้น
• - Vue + typescript - Vue 3 Setup + TypeScript
• - Vue 3 พร้อม - Vue 3
• - Tree Shakable - นำเข้าเฉพาะส่วนประกอบที่คุณต้องการโดยไม่ต้องกังวลเกี่ยวกับขนาด
• Zero CSS รวมอยู่ด้วย - ทุกอย่างสามารถกำหนดค่าได้หมายความว่าไม่มี CSS รวมอยู่ด้วย
• - สีเข้ม/ขาว - การออกแบบที่สมบูรณ์แบบพิกเซลพร้อมโหมดมืดและสีขาวรวมอยู่ด้วย
• - SSR Ready - สร้างโดยคำนึงถึง 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 (Algolia ทางเลือก)

LUNR แทนที่การค้นหา Vitepress Algolia เริ่มต้นเพื่อให้ดัชนีโครงการทำอย่างถูกต้องต่อไปนี้:

 pnpm docs:index:build

การให้เครดิต

ขอบคุณ:

• Variantjs - แรงบันดาลใจพื้นฐานและรหัส - ขอบคุณ Alfonsobries
• Vueuse - เราไม่สามารถให้เครดิตสิ่งนี้ได้อย่างไร?
• Robertboes - ตลอดเวลาที่ช่วยในการแก้ไขปัญหา
• Enzo Innocenzi - สำหรับแรงบันดาลใจและความช่วยเหลือ!
• เพื่อนของฉันทุกคนที่สามารถออนไลน์ได้ในขณะที่ฉันกระซิบตลอดทั้งวัน!

ผลงาน

ดูคู่มือการสนับสนุน

ใบอนุญาต

ใบอนุญาต MIT © 2021 ปัจจุบัน Pedro Martins