make keyed each block example a bit better. still not great though

7 years ago · a987b37a67
parent fa2eceeee2
commit a987b37a67
1 changed files with 15 additions and 3 deletions
--- a/site/content/examples/03-logic/04-keyed-each-blocks/App.svelte
+++ b/site/content/examples/03-logic/04-keyed-each-blocks/App.svelte
@ -18,6 +18,18 @@
 	Remove first thing
 </button>

-{#each things as thing (thing.id)}
-	<Thing value={thing.value}/>
-{/each}
+<div style="display: grid; grid-template-columns: 1fr 1fr; grip-gap: 1em">
+	<div>
+		<h2>Keyed</h2>
+		{#each things as thing (thing.id)}
+			<Thing value={thing.value}/>
+		{/each}
+	</div>
+
+	<div>
+		<h2>Unkeyed</h2>
+		{#each things as thing}
+			<Thing value={thing.value}/>
+		{/each}
+	</div>
+</div>