Add deepCollapseChildren to basic demo

This is a new option provided for collapsing children inside those
collapsed by default, so is exposed here

Author: fredrivett

example/Basic.vue

@@ -34,13 +34,18 @@
             <option :value="4">4</option>
           </select>
         </div>
+        <div>
+          <label>deepCollapseChildren</label>
+          <input v-model="deepCollapseChildren" type="checkbox" />
+        </div>
       </div>
     </div>
     <div class="block">
       <h3>vue-json-pretty:</h3>
       <vue-json-pretty
         :data="state.data"
         :deep="state.deep"
+        :deepCollapseChildren="deepCollapseChildren"
         :show-double-quotes="state.showDoubleQuotes"
         :show-length="state.showLength"
         :show-line="state.showLine"
@@ -96,6 +101,7 @@ export default defineComponent({
       collapsedOnClickBrackets: true,
       useCustomLinkFormatter: false,
       deep: 3,
+      deepCollapseChildren: false,
     });
 
     const customLinkFormatter = (data, key, path, defaultFormatted) => {