# artmate-chat

**Repository Path**: asd1232rq3123/artmate-chat

## Basic Information

- **Project Name**: artmate-chat
- **Description**: 🎉 Ant DesIgn X 使用 vue3 + element-plus 实现的组件库
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 2
- **Created**: 2024-12-20
- **Last Updated**: 2025-09-10

## Categories & Tags

**Categories**: webui

**Tags**: chat, vue3, vue-components, element-plus, ai-components

## README

# 🚀 ArtChat

**开箱即用的AI组件库（基于 Vue3 + ElementPlus）**

## 核心特性

- ✨ **AI 组件**：内置聊天机器人、思维链等场景化组件
- 🚀 **零配置集成**：基于 Element-Plus，开箱即用
- 📦 **按需加载**：提供 Tree Shaking 优化

## 📦 安装

```bash
# npm
npm install @artmate/chat

# pnpm（推荐）
pnpm install @artmate/chat

# yarn
yarn install @artmate/chat

```

## 📚 使用案例

1. **按需引入**

```html
<script>
  import { BubbleList, Sender } from '@artmate/chat'
  const list = [
    {
      content: 'Hello, ArtChat!',
      role: 'user',
    },
  ]
</script>

<template>
  <div>
    <BubbleList :list="list" />
    <Sender />
  </div>
</template>
```

2. **全局引入**

```ts
// main.ts
import ArtChat from '@artmate/chat'
import { createApp } from 'vue'
import App from './App.vue'

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

## 🤝 参与贡献

1. **Fork 仓库**
2. **创建 Feature 分支**
3. **提交 Pull Request**