fix: 暂无会话适配

frontend_nuxt/pages/message-box/[id].vue

@@ -28,6 +28,13 @@
             </div>
           </template>
         </BaseTimeline>
+        <div class="empty-container">
+          <BasePlaceholder
+            v-if="messages.length === 0"
+            text="暂无会话，发送消息试试 🎉"
+            icon="fas fa-inbox"
+          />
+        </div>
       </template>
     </div>
 
@@ -57,6 +64,7 @@ import { useWebSocket } from '~/composables/useWebSocket'
 import { useUnreadCount } from '~/composables/useUnreadCount'
 import TimeManager from '~/utils/time'
 import BaseTimeline from '~/components/BaseTimeline.vue'
+import BasePlaceholder from '~/components/BasePlaceholder.vue'
 
 const config = useRuntimeConfig()
 const route = useRoute()

frontend_nuxt/pages/message-box/index.vue

@@ -8,14 +8,14 @@
       <div class="error-text">{{ error }}</div>
     </div>
 
-    <div v-else-if="conversations.length === 0" class="empty-container">
-      <div class="empty-text">暂无会话</div>
-    </div>
-
     <div v-if="!loading" class="search-container">
       <SearchDropdown />
     </div>
 
+    <div v-if="!loading && conversations.length === 0" class="empty-container">
+      <BasePlaceholder v-if="conversations.length === 0" text="暂无会话" icon="fas fa-inbox" />
+    </div>
+
     <div
       v-if="!loading"
       v-for="convo in conversations"
@@ -67,6 +67,7 @@ import { useUnreadCount } from '~/composables/useUnreadCount'
 import TimeManager from '~/utils/time'
 import { stripMarkdownLength } from '~/utils/markdown'
 import SearchDropdown from '~/components/SearchDropdown.vue'
+import BasePlaceholder from '~/components/BasePlaceholder.vue'
 
 const config = useRuntimeConfig()
 const conversations = ref([])