TouchVue Chat 组件库

介绍

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

安装

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

使用

完整引入

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')

按需引入

手动引入

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

自动引入（推荐）

我们提供了与 unplugin-vue-components 和 unplugin-auto-import 的集成。

Vite 配置

// 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 - 图标组件
• 更多组件正在开发中...