Chat / 聊天组件

在当今由 ChatGPT 等对话式人工智能技术主导的时代，一个高效、智能的聊天组件显得尤为重要。

特性

支持多种系统文本、左右气泡、图片等消息类型

基础用法

Hello, world!

Hello, Jannchie!

<template>
  <ChatContainer class="p-4">
  <ChatMessage
      position="right"
      variant="filled"
      avatar="https://avatars.githubusercontent.com/u/29743310?v=4"
  >
      Hello, world!
  </ChatMessage>
  <ChatMessage avatar="https://avatars.githubusercontent.com/u/0?v=4">
      Hello, Jannchie!
  </ChatMessage>
  </ChatContainer>
</template>