perf(vuex): optimize autoload

Guillaume Chau · Guillaume Chau · commit ec2b96d7821a · 2019-10-29T17:04:56.000+01:00
diff --git a/packages/app-frontend/src/views/vuex/VuexStateInspector.vue b/packages/app-frontend/src/views/vuex/VuexStateInspector.vue
@@ -155,7 +155,8 @@ export default {
       'activeIndex',
       'inspectedIndex',
       'lastReceivedState',
-      'inspectedModule'
+      'inspectedModule',
+      'history'
     ]),
 
     ...mapGetters('vuex', [
@@ -311,16 +312,19 @@ export default {
       }
     }, 250),
 
-    loadState () {
+    loadState: debounce(function () {
       const history = this.filteredHistory
       this.inspect(history[history.length - 1])
-    },
+    }, 300),
 
-    onMutation: debounce(function () {
+    onMutation () {
       if (this.$shared.vuexAutoload) {
-        this.loadState()
+        const unwatch = this.$watch(() => this.history.length, (value, oldValue) => {
+          unwatch()
+          this.loadState()
+        })
       }
-    }, 300),
+    },
 
     onVuexInit () {
       if (this.$shared.vuexAutoload) {
