From b688ded610bcf2fd7cc2be46565c3f1c004ffd9f Mon Sep 17 00:00:00 2001
From: Lykin <137850705+tiny-craft@users.noreply.github.com>
Date: Sun, 3 Dec 2023 23:00:51 +0800
Subject: [PATCH] fix: auto format detection may fail

---
 .../content_value/ContentValueString.vue         | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/content_value/ContentValueString.vue b/frontend/src/components/content_value/ContentValueString.vue
index db748f3..3fdc13f 100644
--- a/frontend/src/components/content_value/ContentValueString.vue
+++ b/frontend/src/components/content_value/ContentValueString.vue
@@ -1,11 +1,11 @@
 <script setup>
-import { computed, reactive, ref, watch } from 'vue'
+import { computed, reactive, ref, watchEffect } from 'vue'
 import { useI18n } from 'vue-i18n'
 import ContentToolbar from './ContentToolbar.vue'
 import Copy from '@/components/icons/Copy.vue'
 import Save from '@/components/icons/Save.vue'
 import { useThemeVars } from 'naive-ui'
-import { decodeTypes, formatTypes } from '@/consts/value_view_type.js'
+import { formatTypes } from '@/consts/value_view_type.js'
 import { types as redisTypes } from '@/consts/support_redis_type.js'
 import { ClipboardSetText } from 'wailsjs/runtime/runtime.js'
 import { isEmpty, toLower } from 'lodash'
@@ -60,8 +60,8 @@ const viewLanguage = computed(() => {
 
 const viewAs = reactive({
     value: '',
-    format: formatTypes.RAW,
-    decode: decodeTypes.NONE,
+    format: '',
+    decode: '',
 })
 
 const editingContent = ref('')
@@ -76,13 +76,13 @@ const displayValue = computed(() => {
     return viewAs.value || decodeRedisKey(props.value)
 })
 
-watch(
-    () => props.value,
-    (val, oldVal) => {
-        if (val !== undefined) {
+watchEffect(
+    () => {
+        if (props.value !== undefined) {
             onFormatChanged(viewAs.decode, viewAs.format)
         }
     },
+    { flush: 'post' },
 )
 
 const converting = ref(false)