From f92ad5fab4015a10de1991ff2be05355d1b75358 Mon Sep 17 00:00:00 2001
From: Jerry Yan <792602257@qq.com>
Date: Fri, 12 Jun 2026 13:08:59 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=93=E5=8C=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/chat/ChatDetailView.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/views/chat/ChatDetailView.vue b/web/src/views/chat/ChatDetailView.vue
index 86695d2..b3e57ce 100644
--- a/web/src/views/chat/ChatDetailView.vue
+++ b/web/src/views/chat/ChatDetailView.vue
@@ -143,16 +143,16 @@
 </template>
 
 <script setup lang="ts">
-import { computed, nextTick, onMounted, ref, watch } from 'vue'
+import { computed, defineAsyncComponent, nextTick, onMounted, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { NButton, NInput, NPopconfirm, NIcon } from 'naive-ui'
 import { TrashOutline } from '@vicons/ionicons5'
 
 import AppShell from '@/layouts/AppShell.vue'
 import { useChatStore } from '@/stores/chat'
-import MessageBubble from './components/MessageBubble.vue'
+const MessageBubble = defineAsyncComponent(() => import('./components/MessageBubble.vue'))
 import AttachmentUploader from './components/AttachmentUploader.vue'
-import ConversationCreateModal from './ConversationCreateModal.vue'
+const ConversationCreateModal = defineAsyncComponent(() => import('./ConversationCreateModal.vue'))
 import { modelsApi } from '@/api/models'
 import type { LLMModel, ModelCapabilities } from '@/api/llmAdmin'