feat(devtools): display getters in components

diff --git a/src/devtools.ts b/src/devtools.ts
index 3fb2fe004c8341c468c6b5652fea6105a8237662..9600b539decbe43ec1b1b650bf3e3c87bb89750a 100644 (file)
--- a/src/devtools.ts
+++ b/src/devtools.ts
@@ -69,6 +69,16 @@ export function addDevtools(app: App, store: GenericStore) {
             editable: false,
             value: store.$state,
           })
+
+          payload.instanceData.state.push({
+            type: '🍍 ' + store.$id,
+            key: 'getters',
+            editable: false,
+            value: (store._getters || []).reduce((getters, key) => {
+              getters[key] = store[key]
+              return getters
+            }, {} as GettersTree<StateTree>),
+          })
         }
       })