refactor: 重构多个组件以支持 Vue 3 语法和功能

- 将多个组件转换为 `<script setup>` 语法，提升可读性和性能
- 优化状态管理和事件处理逻辑，简化代码结构
- 更新样式和布局以适应新组件结构
- 添加新功能和修复已知问题，提升用户体验

config/api.js

@@ -8,9 +8,7 @@ const dev = {
   common: "https://common-api.pickmall.cn",
   buyer: "https://buyer-api.pickmall.cn",
   mqtt: "wss://lilishop-mqtt-pull.dllll.xyz/mqtt",
-  common: "http://192.168.31.244:8890",
-  buyer: "http://192.168.31.244:8888",
-  im: "http://192.168.0.113:8885",
+
 };
 // 生产环境
 const prod = {