# FIX-003: 拆分单文件组件

**状态**: 待开始  
**创建时间**: 2026-02-28  
**优先级**: 高  
**负责人**: msh-agent  

---

## 问题描述

`ai-nutritionist.vue` 单文件超过 550 行，包含聊天、语音、图片、状态管理等多个功能模块，可维护性差。

---

## 修复方案

拆分为以下组件：
- `components/ai-chat/ChatMessage.vue` - 消息气泡
- `components/ai-chat/ChatInput.vue` - 输入框
- `components/ai-chat/VoiceRecorder.vue` - 语音录制
- `components/ai-chat/ImageUploader.vue` - 图片上传

---

## 实施步骤

- [ ] 1. 备份原文件
- [ ] 2. 创建 `components/ai-chat/` 目录
- [ ] 3. 逐个提取组件
- [ ] 4. 在主文件引入组件
- [ ] 5. 测试所有功能正常