Added virtual lines and an autoHeight prop

Author: LukeFinch

example/VirtualList.vue

@@ -6,6 +6,14 @@
 
       <h3>Options:</h3>
       <div class="options">
+       <div>
+          <label>virtualLines</label>
+          <input v-model="state.virtualLines" type="number" />
+        </div>
+              <div>
+          <label>autoHeight</label>
+          <input v-model="state.autoHeight" type="checkbox" />
+        </div>
         <div>
           <label>showLine</label>
           <input v-model="state.showLine" type="checkbox" />
@@ -27,8 +35,9 @@
     <div class="block">
       <h3>vue-json-pretty(1000+ items):</h3>
       <vue-json-pretty
-        style="height: 200px"
         :virtual="true"
+        :virtualLines="state.virtualLines"
+        :autoHeight="state.autoHeight"
         :data="state.data"
         :deep="state.deep"
         :show-line="state.showLine"
@@ -64,6 +73,8 @@ export default defineComponent({
       showLine: true,
       collapsedOnClickBrackets: true,
       deep: 3,
+      virtualLines: 15,
+      autoHeight: true
     });
 
     watch(