fix(vuex): don't display : Module

Author: Guillaume Chau

packages/app-frontend/src/components/DataField.vue

@@ -34,7 +34,7 @@
         v-else
         :class="{ abstract: fieldOptions.abstract }"
         class="key"
-      >{{ field.key }}</span><span
+      >{{ displayedKey }}</span><span
         v-if="!fieldOptions.abstract"
         class="colon"
       >:</span>
@@ -448,6 +448,14 @@ export default {
         value._custom.class && cssClass.push(value._custom.class)
       }
       return cssClass
+    },
+
+    displayedKey () {
+      let key = this.field.key
+      if (key) {
+        key = key.replace('__vue__', '')
+      }
+      return key
     }
   },
 

packages/app-frontend/src/views/vuex/module.js

@@ -212,7 +212,7 @@ function processInspectedState ({ entry, data, inspectedModule }) {
       const parts = key.split('/')
       let parent = getterGroups
       for (let p = 0; p < parts.length - 1; p++) {
-        const part = `${parts[p]}: Module`
+        const part = `__vue__${parts[p]}`
         parent = parent[part] = parent[part] || {
           _custom: {
             value: {},