// 建议将Chat.vue拆分成以下几个组件:

// 1. ChatContainer.vue - 整体布局容器
// 2. MessageList.vue - 消息列表组件
// 3. MessageItem.vue - 单条消息组件(可以进一步拆分成UserMessage和AIMessage)
// 4. ChatInput.vue - 输入组件
// 5. ChatToolbar.vue - 工具栏组件(包含各种操作按钮)


src/
  components/
    chat/
      Chat.vue                 # 主组件
      components/              # 子组件
        MessageList.vue
        MessageItem.vue
        ChatInput.vue 
        ChatToolbar.vue
  composables/                 # 组合式函数
    useChat.ts
    useScroll.ts
    useWebSocket.ts
  stores/                      # 状态管理
    chat.ts
  types/                      # 类型定义
    chat.ts
  api/                        # API请求
    chat.ts