JayMeDotDot / fighting-design

:art: Fighting Design 是一款使用 TypeScript + Template 编写的 Vue3 轻量级组件库。（Fighting design is a Vue3 lightweight component library written with TypeScript + Template.）

Fighting Design

Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.

Chinese | English

✨ Features

• 💪 Developed with the latest features of Vue.js
• 🐆 Fully based on Vite, fast enough
• 🤟 Ultimate development experience
• 🥇 Ultra detailed JSDoc comments
• 🦩 Zero third party dependency
• 🪐 Different packaging modes which compatible with different projects
• 🏆 Support full import and on-demand import
• ✅ Written with TypeScript & Template
• 🖍️ Strict TypeScript Type
• 🤟 Global no any type
• ✔️ Easy to configure and easy to use
• 🚩 Complete and adequate unit tests
• 👍 Maintained by the community team
• ❤️ Developed according to actual demand
• 📃 High quality detailed documentation
• 📌 Improve RFC
• ☝️ Put forward demands and keep improving
• 🌍 More configuration options & flexible components
• 🛠 More features are under development

🔑 Install

Use pnpm install

pnpm add --save-dev fighting-design

Use npm install

npm install --save-dev fighting-design

Use yarn install

yarn add --save-dev fighting-design

🎉 Quick Start

Put the following code into main.ts

import { createApp } from 'vue'
import App from './App.vue'
import FightingDesign from 'fighting-design'
import 'fighting-design/dist/index.css'

createApp(App).use(FightingDesign).mount('#app')

🐳 Related links

• Official documents
• Playground
• NPM
• CONTRIBUTING
• CHANGELOG

🌈 Join Fighting Design

Add WeChat & please note the Github username

💌 Special Thanks

Thanks to everyone who has already contributed to Fighting Design!

💬 LICENSE

MIT