diff --git a/site/content/examples/21-miscellaneous/02-immutable-data/App.svelte b/site/content/examples/21-miscellaneous/02-immutable-data/App.svelte
index a7ce32cc55..13ec7cd557 100644
--- a/site/content/examples/21-miscellaneous/02-immutable-data/App.svelte
+++ b/site/content/examples/21-miscellaneous/02-immutable-data/App.svelte
@@ -29,10 +29,10 @@
 
 <h2>Immutable</h2>
 {#each todos as todo}
-	<ImmutableTodo {todo} on:click="{() => toggle(todo.id)}"/>
+	<ImmutableTodo {todo} toggle={() => toggle(todo.id)}/>
 {/each}
 
 <h2>Mutable</h2>
 {#each todos as todo}
-	<MutableTodo {todo} on:click="{() => toggle(todo.id)}"/>
+	<MutableTodo {todo} toggle={() => toggle(todo.id)}/>
 {/each}
diff --git a/site/content/examples/21-miscellaneous/02-immutable-data/ImmutableTodo.svelte b/site/content/examples/21-miscellaneous/02-immutable-data/ImmutableTodo.svelte
index fdf1ca7ce0..bbaa61d6cc 100644
--- a/site/content/examples/21-miscellaneous/02-immutable-data/ImmutableTodo.svelte
+++ b/site/content/examples/21-miscellaneous/02-immutable-data/ImmutableTodo.svelte
@@ -23,6 +23,6 @@
 
 <!-- the text will flash red whenever
 		the `todo` object changes -->
-<div bind:this={div} on:click>
+<div bind:this={div} on:click={toggle}>
 	{todo.done ? '👍': ''} {todo.text}
 </div>
diff --git a/site/content/examples/21-miscellaneous/02-immutable-data/MutableTodo.svelte b/site/content/examples/21-miscellaneous/02-immutable-data/MutableTodo.svelte
index 801a6dcbd3..3e1b1dd1c0 100644
--- a/site/content/examples/21-miscellaneous/02-immutable-data/MutableTodo.svelte
+++ b/site/content/examples/21-miscellaneous/02-immutable-data/MutableTodo.svelte
@@ -21,6 +21,6 @@
 
 <!-- the text will flash red whenever
 		the `todo` object changes -->
-<div bind:this={div} on:click>
+<div bind:this={div} on:click={toggle}>
 	{todo.done ? '👍': ''} {todo.text}
 </div>