From 1f1725feda64c70c5ba305f1aa02ad1468a0d226 Mon Sep 17 00:00:00 2001
From: Jos de Jong <wjosdejong@gmail.com>
Date: Wed, 13 Apr 2022 08:47:54 +0200
Subject: [PATCH] fix: show `prop` and `item` instead of plural when there is
 only one property or item

---
 src/lib/components/modes/treemode/JSONNode.svelte | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/modes/treemode/JSONNode.svelte b/src/lib/components/modes/treemode/JSONNode.svelte
index 1d082707..33f9025f 100644
--- a/src/lib/components/modes/treemode/JSONNode.svelte
+++ b/src/lib/components/modes/treemode/JSONNode.svelte
@@ -490,12 +490,14 @@
             {#if expanded}
               <div class="bracket">[</div>
               <span class="tag readonly">
-                {resolvedValue.length} items
+                {resolvedValue.length}
+                {resolvedValue.length === 1 ? 'item' : 'items'}
               </span>
             {:else}
               <div class="bracket">[</div>
               <button type="button" class="tag" on:click={handleExpand}>
-                {resolvedValue.length} items
+                {resolvedValue.length}
+                {resolvedValue.length === 1 ? 'item' : 'items'}
               </button>
               <div class="bracket">]</div>
             {/if}
@@ -615,7 +617,8 @@
             {:else}
               <div class="bracket">&lbrace;</div>
               <button type="button" class="tag" on:click={handleExpand}>
-                {Object.keys(resolvedValue).length} props
+                {Object.keys(resolvedValue).length}
+                {Object.keys(resolvedValue).length === 1 ? 'prop' : 'props'}
               </button>
               <div class="bracket">&rbrace;</div>
             {/if}