fix(vue3): state sync hang

histoire-dev · Jul 22, 2022 · 7c399fd · 7c399fd
1 parent df81aac
commit 7c399fd
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/packages/histoire-plugin-vue/src/client/app/util.ts b/packages/histoire-plugin-vue/src/client/app/util.ts
@@ -91,27 +91,29 @@ export function syncStateBundledAndExternal (bundledState, externalState) {
   let syncing = false
 
   const _stop = _watch(() => bundledState, value => {
-    if (!syncing && value != null) {
+    if (value == null) return
+    if (!syncing) {
       syncing = true
       applyState(externalState, _toRawDeep(value))
+    } else {
       syncing = false
     }
   }, {
     deep: true,
     immediate: true,
-    flush: 'sync',
   })
 
   const stop = watch(() => externalState, value => {
-    if (!syncing && value != null) {
+    if (value == null) return
+    if (!syncing) {
       syncing = true
       applyState(bundledState, toRawDeep(value))
+    } else {
       syncing = false
     }
   }, {
     deep: true,
     immediate: true,
-    flush: 'sync',
   })
 
   return {