From 057449e3d8eb71f3e8338007129cc33bc976700d Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 28 May 2024 10:41:36 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/ai-chat/OperationButton.vue |  2 +-
 ui/src/layout/hooks/useResize.ts              | 12 +++++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/ui/src/components/ai-chat/OperationButton.vue b/ui/src/components/ai-chat/OperationButton.vue
index 120641b87..36e73b07c 100644
--- a/ui/src/components/ai-chat/OperationButton.vue
+++ b/ui/src/components/ai-chat/OperationButton.vue
@@ -5,7 +5,7 @@
     </el-text>
   </div>
   <div>
-    <el-tooltip effect="dark" content="重新生成" placement="top">
+    <el-tooltip effect="dark" content="换个答案" placement="top">
       <el-button text @click="regeneration">
         <AppIcon iconName="VideoPlay"></AppIcon>
       </el-button>
diff --git a/ui/src/layout/hooks/useResize.ts b/ui/src/layout/hooks/useResize.ts
index 854bf4ced..d1c0a3466 100644
--- a/ui/src/layout/hooks/useResize.ts
+++ b/ui/src/layout/hooks/useResize.ts
@@ -1,4 +1,4 @@
-import { watch, onBeforeMount, onMounted, onBeforeUnmount } from 'vue'
+import { nextTick, onBeforeMount, onMounted, onBeforeUnmount } from 'vue'
 import { useRoute } from 'vue-router'
 import useStore from '@/stores'
 import { DeviceType } from '@/enums/common'
@@ -9,7 +9,7 @@ const WIDTH = 600
 export default () => {
   const { common } = useStore()
   const _isMobile = () => {
-    const rect = document.body.getBoundingClientRect()
+    const rect = document.body?.getBoundingClientRect()
     return rect.width - 1 < WIDTH
   }
 
@@ -25,9 +25,11 @@ export default () => {
   })
 
   onMounted(() => {
-    if (_isMobile()) {
-      common.toggleDevice(DeviceType.Mobile)
-    }
+    nextTick(() => {
+      if (_isMobile()) {
+        common.toggleDevice(DeviceType.Mobile)
+      }
+    })
   })
 
   onBeforeUnmount(() => {