fix(devtools): use older js

diff --git a/src/devtools/formatting.ts b/src/devtools/formatting.ts
index d81966755aed743ba2a939cd8e99628e2d539096..31465b1cb2a795813feeb692342e66552dc67866 100644 (file)
--- 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 86f8260aa7b35110b8a7686d44119403cbd9e607..7de76cc79bccc1e5f6e71e3af88651c0268677d8 100644 (file)
--- 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',