Expand on root level expands all childs

[NTTAKR]

I want to give the user a good option to get the overall structure of a JSON data item.

I display only the level one nodes on the root. The rest is shown with showLength="true".
As soon as the user clicks on any bracket ALL child nodes below that are recursively expanded.
How can I change that behavior to only expand the next level on the node I clicked on?

[fredrivett]

I agree with this PR, have had a look at the codebase and submitted a couple PR's, one for the 1.x branch (Vue 2: #130) and one for the dev branch (Vue 3: #131).

This is working locally for me, the simple change is to this line:

Vue 2:

vue-json-pretty/src/components/Tree/index.vue

Line 134 in cc2e0f2

item.level === this.deep

Vue 3:

vue-json-pretty/src/components/Tree/index.tsx

Line 62 in fd162d1

item.level === props.deep

For both of these the diff to implement this (without the prop option used in the PR's):

-         item.level === this.deep
+         item.level >= this.deep

Hopefully the maintainers will agree and merge in my PR's but the above change will work if you want this functionality before that. I implemented it by copying the src to my project, updating the relative links and changing that line.