<!-- <h1 align="center">lsy-UI</h1>

<p align="center">
  <a href="https://www.npmjs.com/package/saiyan-ui"><img src="https://img.shields.io/npm/v/saiyan-ui?color=c95f8b&amp;label=" alt="NPM version"></a></p>

  ![MIT](https://img.shields.io/github/license/chenjing0823/saiyan-ui)
  [![CI](https://github.com/chenjing0823/samrty-ui-vite/actions/workflows/main.yml/badge.svg?branch=main)](https://github.com/chenjing0823/samrty-ui-vite/actions/workflows/main.yml)
  [![codecov](https://codecov.io/gh/chenjing0823/saiyan-admin/branch/main/graph/badge.svg?token=H4VO63H0MZ)](https://codecov.io/gh/chenjing0823/saiyan-admin)
</p>

# HomePage
https://saiyan-ui.vercel.app/

# Saiyan-UI 是什么
一个Mini版的组件库，基于Vite栈。
## Features

- ⚡️ Vue 3, Vite 2, pnpm, ESBuild - born with fastness
- 🦾 TypeScript, of course
- 🗂 File based routing
- ⚙️ Unit Testing with Vitest
- 😃 Eslint + Prittier
- 🎨 UnoCSS - the instant on-demand atomic CSS engine
- 🚘 CI/CD with GithubActions

## 安装
使用 npm 的方式安装
```bash
npm i saiyan-ui
```

## 快速上手
在 main.js 写入以下内容

```js
import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import SaiyanUI from 'saiyan-ui'
import 'saiyan-ui/dist/entry.css'

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


```
## 开始使用
在 main.js 写入以下内容

```vue
<template>
  <SButton color="blue">主要按钮</SButton>
</template>

``` -->
