From 393ac4cfe658cb3f041bf9797447157f0fd6e496 Mon Sep 17 00:00:00 2001
From: lukasmoellerch <mail@lukas-moeller.ch>
Date: Fri, 10 Jul 2020 11:42:08 +0200
Subject: [PATCH] Use the toggle attribute of the Todo components

---
 .../examples/21-miscellaneous/02-immutable-data/App.svelte    | 4 ++--
 .../21-miscellaneous/02-immutable-data/ImmutableTodo.svelte   | 2 +-
 .../21-miscellaneous/02-immutable-data/MutableTodo.svelte     | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

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>