From e35da3be7a753ab5e4b1692395cf86cf0c314ba9 Mon Sep 17 00:00:00 2001
From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Thu, 20 May 2021 23:27:56 +0200
Subject: [PATCH] fix(devtools): use older js

---
 src/devtools/formatting.ts |  2 +-
 src/devtools/plugin.ts     | 14 ++++++--------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/devtools/formatting.ts b/src/devtools/formatting.ts
index d8196675..31465b1c 100644
--- a/src/devtools/formatting.ts
+++ b/src/devtools/formatting.ts
@@ -27,7 +27,7 @@ export function formatStoreForInspectorState(
   ]
 
   // avoid adding empty getters
-  if (store._getters?.length) {
+  if (store._getters && store._getters.length) {
     fields.push({
       editable: false,
       key: 'getters',
diff --git a/src/devtools/plugin.ts b/src/devtools/plugin.ts
index 86f8260a..7de76cc7 100644
--- a/src/devtools/plugin.ts
+++ b/src/devtools/plugin.ts
@@ -66,13 +66,11 @@ export function addDevtools(app: App, store: Store) {
         })
 
         api.on.inspectComponent((payload, ctx) => {
-          if (
-            (
-              payload.componentInstance?.proxy as
-                | ComponentPublicInstance
-                | undefined
-            )?._pStores
-          ) {
+          const proxy = (payload.componentInstance &&
+            payload.componentInstance.proxy) as
+            | ComponentPublicInstance
+            | undefined
+          if (proxy && proxy._pStores) {
             const piniaStores = (
               payload.componentInstance.proxy as ComponentPublicInstance
             )._pStores!
@@ -85,7 +83,7 @@ export function addDevtools(app: App, store: Store) {
                 value: store.$state,
               })
 
-              if (store._getters?.length) {
+              if (store._getters && store._getters.length) {
                 payload.instanceData.state.push({
                   type: '🍍 ' + store.$id,
                   key: 'getters',
-- 
2.47.2