From 3e0ff9b5f5cfffcf6b3d22fb59afe79ea7f866e3 Mon Sep 17 00:00:00 2001
From: purocean <purocean@gmail.com>
Date: Thu, 18 Jan 2024 14:17:15 +0800
Subject: [PATCH] perf: optimize render performance

---
 src/renderer/components/DefaultPreviewerRender.ce.vue | 8 +++++++-
 src/renderer/components/Editor.vue                    | 4 ++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/DefaultPreviewerRender.ce.vue b/src/renderer/components/DefaultPreviewerRender.ce.vue
index 14d6e3c79..6748d5da5 100644
--- a/src/renderer/components/DefaultPreviewerRender.ce.vue
+++ b/src/renderer/components/DefaultPreviewerRender.ce.vue
@@ -259,7 +259,13 @@ onBeforeUnmount(() => {
 })
 
 watch([currentContent, fileUri, inComposition], () => {
-  autoPreview.value && updateRender()
+  if (autoPreview.value) {
+    if (renderCount === 0) {
+      render()
+    } else {
+      updateRender()
+    }
+  }
 }, { flush: 'post' })
 
 watch(fileUri, () => {
diff --git a/src/renderer/components/Editor.vue b/src/renderer/components/Editor.vue
index 051dc252c..8246ef582 100644
--- a/src/renderer/components/Editor.vue
+++ b/src/renderer/components/Editor.vue
@@ -4,7 +4,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, nextTick, onBeforeUnmount, onMounted, shallowRef, watchEffect } from 'vue'
+import { computed, nextTick, onBeforeUnmount, onMounted, shallowRef, watch } from 'vue'
 import { getAllCustomEditors, isDefault, getValue, setValue, switchEditor } from '@fe/services/editor'
 import { registerAction, removeAction } from '@fe/core/action'
 import { registerHook, removeHook, triggerHook } from '@fe/core/hook'
@@ -145,7 +145,7 @@ onBeforeUnmount(() => {
   FileTabs.removeActionBtnTapper(tabsActionBtnTapper)
 })
 
-watchEffect(() => {
+watch(() => store.state.editor, () => {
   triggerHook('EDITOR_CURRENT_EDITOR_CHANGE', { current: currentEditor.value })
   FileTabs.refreshActionBtns()
   recordEditorUsageTime(currentEditor.value?.name || 'default')