# Seehar Design Vue
A Vue.js 3 UI library
[](http://commitizen.github.io/cz-cli)
[](https://www.npmjs.org/package/seehar-design-vue)
---
- 🔭 [Vite](https://vitejs.dev)
- 💪 [Vue3](https://vuejs.org)
- 🔥 TypeScript
[快速开始](https://seehar.github.io/seehar-design-vue/)
## 安装
### npm
```bash
# npm
npm install seehar-design-vue --save
# pnpm
pnpm add seehar-design-vue
# yarn
yarn add seehar-design-vue
```
### cdn
#### unpkg
[资源浏览](https://unpkg.com/seehar-design-vue/)
```html
```
#### jsdelivr
[资源浏览](https://cdn.jsdelivr.net/npm/seehar-design-vue/)
```html
```
## 使用
### 全局引入
在`main.js`中
```js
import { createApp } from 'vue'
import App from './App.vue'
// 完整引入组件库
import SeeharDesign from 'seehar-design-vue'
const app = createApp(App)
// 全局安装
app.use(SeeharDesign).mount('#app')
```
组件当中
```vue
按钮组件
```
### 按需引入
`main.js`中
```js
import { createApp } from 'vue'
import App from './App.vue'
// 按需引入
import { Button } from 'seehar-design-vue'
const app = createApp(App)
app.use(Button).mount('#app')
```
组件当中
```vue
按钮组件
```
---
## 版本记录
[版本记录](CHANGELOG.md)
有问题欢迎 issue...