# TouchVue UI 组件库

## 介绍

TouchVue UI 是一个基于 Vue 3 的组件库，提供了一系列高质量的组件，帮助开发者快速构建应用。

## 安装

```bash
npm install @touchvue/ui
# 或者
yarn add @touchvue/ui
# 或者
pnpm add @touchvue/ui
```

## 使用

### 完整引入

```js
import { createApp } from 'vue';
import TouchVueUI from '@touchvue/ui';
import '@touchvue/ui/theme/index.css';
import App from './App.vue';

const app = createApp(App);
app.use(TouchVueUI);
app.mount('#app');
```

### 按需引入

#### 手动引入

```js
import { ToButton, ToIcon } from '@touchvue/ui';
import '@touchvue/ui/theme/button/index.css';
import '@touchvue/ui/theme/icon/index.css';
```

#### 自动引入（推荐）

我们提供了与 [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) 和 [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import) 的集成。

##### Vite 配置

```js
// vite.config.js
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import { TouchVueResolver } from '@touchvue/ui';

export default defineConfig({
  plugins: [
    vue(),
    Components({
      resolvers: [TouchVueResolver()],
    }),
  ],
});
```

## 组件列表

- ToButton - 按钮组件
- ToIcon - 图标组件
- 更多组件正在开发中...