From ed018ad5173ab3a1a78a47c920e4b9dac645e700 Mon Sep 17 00:00:00 2001
From: Emmanuel Daniel <emmsdan@users.noreply.github.com>
Date: Mon, 13 Dec 2021 14:05:26 +0100
Subject: [PATCH] Allow users to use custom text

User can display custom text instead of default text for the drop down.
eg. instead of `+ { /* 13 items */ }` user can do this  `+ { /* Click to view more */ }`
---
 src/json-tree.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/json-tree.vue b/src/json-tree.vue
index f08a859..92d932c 100644
--- a/src/json-tree.vue
+++ b/src/json-tree.vue
@@ -71,7 +71,8 @@ export default {
     raw: {
       type: String
     },
-    data: {}
+    data: {},
+    displayText: String
   },
 
   data () {
@@ -107,6 +108,7 @@ export default {
 
   methods: {
     format (n) {
+      if (this.displayText) return this.displayText;
       if (n > 1) return `${n} items`
       return n ? '1 item' : 'no items'
     }