Fix: show arrow when json value is null

joebeachjoebeach · Mar 15, 2022 · f464171 · f464171
1 parent b5a55b2
commit f464171
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -102,8 +102,10 @@ <h2 class="title-bar-item">JSON Path Finder</h2>
 
   <div>
     <div class="json-reader-tree-property" :class="{ 'json-reader-tree-property-selected': selected }" @click="clicked(keyName)">
-      <div v-if="typeof item === 'object' && isOpen" class="json-reader-tree-property-arrow">&#9660; </div>
-      <div v-if="typeof item === 'object' && !isOpen" class="json-reader-tree-property-arrow">&#9654; </div>
+       <template v-if="item !== null && typeof item === 'object'">
+        <div v-if="isOpen" class="json-reader-tree-property-arrow">&#9660; </div>
+        <div v-else class="json-reader-tree-property-arrow">&#9654; </div>
+      </template>
       <div>{{ keyName }}:</div>
       <div v-if="typeof item !== 'object'" class="json-reader-tree-property-value">{{ item }}</div>
     </div>