feat(vuex): special state inspector section for dynamic module "mutations"

src/devtools/components/StateInspector.vue

@@ -61,6 +61,8 @@ const keyOrder = {
   props: 1,
   undefined: 3,
   computed: 4,
+  'register module': 1,
+  'unregister module': 1,
   state: 2,
   getters: 3,
   mutation: 1,

src/devtools/views/vuex/VuexStateInspector.vue

@@ -135,22 +135,39 @@ export default {
 
     ...mapGetters('vuex', [
       'inspectedState',
-      'filteredHistory'
+      'filteredHistory',
+      'inspectedEntry'
     ]),
 
     filteredState () {
+      const getProcessedState = (state, type) => {
+        if (!Array.isArray(state)) {
+          return Object.keys(state).map(key => ({
+            key,
+            editable: type === 'state',
+            value: state[key]
+          }))
+        } else {
+          return state
+        }
+      }
+
       const inspectedState = [].concat(
         ...Object.keys(this.inspectedState).map(
           type => {
+            const state = this.inspectedState[type]
             let processedState
-            if (!Array.isArray(this.inspectedState[type])) {
-              processedState = Object.keys(this.inspectedState[type]).map(key => ({
-                key,
-                editable: type === 'state',
-                value: this.inspectedState[type][key]
-              }))
-            } else {
-              processedState = this.inspectedState[type]
+
+            if (type === 'mutation' && this.inspectedEntry) {
+              const { options } = this.inspectedEntry
+              if (options.registerModule || options.unregisterModule) {
+                processedState = getProcessedState(state.payload, type)
+                type = options.registerModule ? 'register module' : 'unregister module'
+              }
+            }
+
+            if (!processedState) {
+              processedState = getProcessedState(state, type)
             }
 
             return processedState.map(

src/devtools/views/vuex/module.js

@@ -155,6 +155,10 @@ const getters = {
       return history.indexOf(entry)
     }
     return -1
+  },
+
+  inspectedEntry ({ inspectedIndex }, { filteredHistory }) {
+    return filteredHistory[inspectedIndex]
   }
 }