// 建议将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