<p align="center">
  <a href="https://v3/tianyuhao.cn">
    <img height="160px" src="https://tianyuhao.cn/images/tyh-ui/tyh-ui2.svg">
  </a>
</p>

<p align="center">
  中文 | <a href="https://github.com/Tyh2001/tyh-ui2/blob/master/README.en-US.md">English</a>
</p>

<p align="center">
  <a href="https://www.npmjs.com/package/tyh-ui2">
    <img src="https://badgen.net/npm/v/tyh-ui2" alt="npm package">
  </a>
  <a style="margin-left:15px;" href="https://github.com/Tyh2001/tyh-ui2/blob/master/CHANGELOG.md">
    <img src="https://img.shields.io/badge/tyh--ui-CHANGELOG-orange" alt="CHANGELOG">
  </a>
  <a style="margin-left:15px;" href="https://v3.tianyuhao.cn">
    <img src="https://img.shields.io/badge/tyh--ui-docs-red" alt="docs">
  </a>
  <a style="margin-left:15px;" href="https://github.com/Tyh2001/tyh-ui2/blob/master/README.md">
    <img src="https://img.shields.io/badge/tyh--ui-README__en-yellowgreen">
  </a>
</p>

## 介绍 💡

一个轻量级组件库，基于 vue3 + typescript，全面拥抱 vue3。

> 简洁至上

tyh-ui2 整体非常简洁明了，虽没有很多高级的组件，但它是使用最简单的方式达到实用的效果。

> 轻量容易

使用方便，配置简单，目录清晰，结构简单，组件轻量级，上手容易，像复制粘贴一样容易。

## 安装 🔧

```shell
# pnpm
pnpm add --save-dev tyh-ui2

# npm
npm install --save-dev tyh-ui2

# yarn
yarn add --save-dev tyh-ui2
```

## 快速上手 🔑

```js
import { createApp } from 'vue'
import App from './App.vue'
import tyhUi2 from 'tyh-ui2'
import 'tyh-ui2/dist/index.css'

createApp(App).use(tyhUi2).mount('#app')
```

## 关于 📄

- [更新日志](https://github.com/Tyh2001/tyh-ui2/blob/master/CHANGELOG.md)中记录了每个版本的详细更改。
- 项目的安装和贡献请参考[贡献指南](https://github.com/Tyh2001/tyh-ui2/blob/master/contributing.md)。
- 在这里可以[报告漏洞](https://github.com/Tyh2001/tyh-ui2/blob/master/SECURITY.md)。

## 非常感谢 💖

感谢所有已经为 `tyh-ui2` [做出贡献的人](https://github.com/Tyh2001/tyh-ui2/graphs/contributors)！
