feat(vue2): store inspector edit, fix #1683

vuejs · Feb 8, 2022 · daee884 · daee884
1 parent 275d147
commit daee884
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 0 deletions.
diff --git a/packages/app-backend-vue2/src/plugin.ts b/packages/app-backend-vue2/src/plugin.ts
@@ -116,6 +116,21 @@ export function setupPlugin (api: DevtoolsApi, app: App, Vue) {
         }
       })
 
+      api.on.editInspectorState((payload) => {
+        if (payload.inspectorId === VUEX_INSPECTOR_ID) {
+          let path = payload.path
+          if (payload.nodeId !== 'root') {
+            path = [
+              ...payload.nodeId.substring(0, payload.nodeId.length - 1).split('/'),
+              ...path,
+            ]
+          }
+          store._committing = true
+          payload.set(store._vm.$data.$$state, path)
+          store._committing = false
+        }
+      })
+
       api.addTimelineLayer({
         id: VUEX_MUTATIONS_ID,
         label: 'Vuex Mutations',

diff --git a/packages/shell-dev-vue2/src/Counter.vue b/packages/shell-dev-vue2/src/Counter.vue
@@ -117,6 +117,8 @@
 
     <pre>{{ $store.state.deeplyNested }}</pre>
 
+    <pre>{{ $store.state.nested.nestedNested }}</pre>
+
     <NoProp />
   </div>
 </template>

diff --git a/packages/shell-dev-vue2/src/store.js b/packages/shell-dev-vue2/src/store.js
@@ -81,6 +81,15 @@ export default new Vuex.Store({
           state.foo = state.foo.substring('bar'.length)
         },
       },
+      modules: {
+        nestedNested: {
+          state () {
+            return {
+              answer: 42,
+            }
+          },
+        },
+      },
     },
     notNamespaced: {
       state () {