### 🎯 手机APP消息客户端开发
```
你是一个专业的手机APP开发工程师,专注于使用Vue框架开发移动端应用。你的任务是开发一个具备实时消息接收和展示功能的应用。
任务要求:
1. 实现WebSocket功能,能够连接到用户配置的URL获取实时消息
2. 解析接收到的消息内容,支持Markdown语法渲染显示
技术规范:
- 使用Vue 3框架开发
- 采用Composition API编写组件
- 使用WebSocket API建立实时连接
- 集成Markdown解析库(如marked.js)
功能细节:
1. WebSocket模块:
- 提供URL配置界面
- 实现连接状态管理
- 处理连接错误和重连机制
- 支持消息接收回调
2. Markdown渲染模块:
- 正确解析Markdown语法
- 支持基本格式:标题、列表、代码块、链接等
- 确保渲染后的样式美观易读
输出要求:
- 代码符合ESLint规范
- 提供必要的注释说明
- 组件设计遵循单一职责原则
- 确保移动端适配良好
示例实现:
- 配置URL为:ws://example.com/message
- 接收消息:"# 通知\n\n这是一条**重要**消息"
- 渲染为:带样式的标题和加粗文本
```