fix(overmind-vue): only send update to devtools when flushing

Author: christianalfoni

packages/node_modules/overmind-vue/src/index.ts

@@ -34,8 +34,10 @@ function createMixin(overmind, propsCallback) {
           componentInstanceId: componentInstanceId++,
           onUpdate: (mutations, paths, flushId) => {
             this[OVERMIND].currentFlushId = flushId
+            this[OVERMIND].isUpdating = true
             this.$forceUpdate()
           },
+          isUpdating: false,
         }
         this.overmind = {
           state: this[OVERMIND].tree.state,
@@ -84,13 +86,16 @@ function createMixin(overmind, propsCallback) {
 
             this[OVERMIND].tree.stopTracking()
 
-            overmind.eventHub.emitAsync(EventType.COMPONENT_UPDATE, {
-              componentId,
-              componentInstanceId: this[OVERMIND].componentInstanceId,
-              name: this.$options.name || '',
-              flushId: this[OVERMIND].currentFlushId,
-              paths: Array.from(this[OVERMIND].tree.pathDependencies) as any,
-            })
+            if (this[OVERMIND].isUpdating) {
+              overmind.eventHub.emitAsync(EventType.COMPONENT_UPDATE, {
+                componentId,
+                componentInstanceId: this[OVERMIND].componentInstanceId,
+                name: this.$options.name || '',
+                flushId: this[OVERMIND].currentFlushId,
+                paths: Array.from(this[OVERMIND].tree.pathDependencies) as any,
+              })
+              this[OVERMIND].isUpdating = false
+            }
           },
         }),
     beforeDestroy(this: any) {