# press-tdesign-vue-next

对 [TDesign Vue Next](https://www.npmjs.com/package/tdesign-vue-next) 组件库的二次封装。

## 1. 安装

### 1.1. 使用包管理器

```shell
# NPM
npm install press-tdesign-vue-next

# Yarn
yarn install press-tdesign-vue-next

# pnpm
pnpm install press-tdesign-vue-next
```

## 2. 快速开始

### 2.1. 完整引入

`press-tdesign-vue-next` 将会在 Vue 应用中进行**全局组件注册**。

```ts
// main.ts
import { createApp } from 'vue';
import PressTDesignVueNext from 'press-tdesign-vue-next';
import 'press-tdesign-vue-next/dist/index.css';

const app = createApp(App);

app.use(PressTDesignVueNext);
```

### 2.2. 按需引入

需要在使用组件的地方手动对 `组件` 进行导入。

```html
<!-- App.vue -->
<template>
  <SidebarItem ... />
</template>

<script setup>
  import { SidebarItem } from 'press-tdesign-vue-next';
</script>
```

## 3. 注意事项

组件库打包时会对第三方包如 `tdesign-vue-next` 、`vue`、`vue-router` 进行 `externals` 处理，所以务必保证使用组件的项目中导入必须要的第三方库。