diff --git a/dev/serve.vue b/dev/serve.vue
index ebe5ab9..34d679b 100644
--- a/dev/serve.vue
+++ b/dev/serve.vue
@@ -32,6 +32,15 @@
 	import { defineComponent } from 'vue';
 	import JsonView from '@/JsonView.vue';
 
+	// large chunked data, takes 2s to render all at once.
+	const largedata: any = {};
+	for (let i = 0; i < 100; i++) {
+		const chunk: any = largedata[i] = []
+		for (let j = 0; j < 100; j++) {
+			chunk.push(j);
+		}
+	}
+
 	export default defineComponent({
 		name      : 'ServeDev',
 		components: { JsonView },
@@ -64,7 +73,8 @@
 					],
 					object   : {
 						working: 'properly'
-					}
+					},
+					largedata
 				};
 			},
 			colorScheme(): string {
diff --git a/src/JsonViewItem.vue b/src/JsonViewItem.vue
index 0fb0ef9..7ec6d43 100644
--- a/src/JsonViewItem.vue
+++ b/src/JsonViewItem.vue
@@ -16,7 +16,7 @@
 				v-for="child in data.children"
 				:key="getKey(child)"
 				:data="child"
-				v-show="open"
+				v-if="open"
 				:maxDepth="maxDepth"
 				:canSelect="canSelect"
 			/>