tidy up

Author: Rich Harris

content/tutorial/03-advanced-svelte/05-bindings/02-each-block-bindings/README.md

@@ -7,15 +7,17 @@ You can even bind to properties inside an `each` block.
 ```svelte
 /// file: App.svelte
 {#each todos as todo}
-	<input
-		type=checkbox
-		bind:checked={todo.done}
-	>
+	<div class:done={todo.done}>
+		<input
+			type="checkbox"
+			+++bind:+++checked={todo.done}
+		/>
 
-	<input
-		placeholder="What needs to be done?"
-		bind:value={todo.text}
-	>
+		<input
+			placeholder="What needs to be done?"
+			+++bind:+++value={todo.text}
+		/>
+	</div>
 {/each}
 ```
 

content/tutorial/03-advanced-svelte/05-bindings/02-each-block-bindings/app-a/src/lib/App.svelte

@@ -1,9 +1,6 @@
 <script>
 	let todos = [
-		{
-			done: false,
-			text: 'finish Svelte tutorial'
-		},
+		{ done: false, text: 'finish Svelte tutorial' },
 		{ done: false, text: 'build an app' },
 		{ done: false, text: 'world domination' }
 	];
@@ -19,16 +16,17 @@
 		todos = todos.filter((t) => !t.done);
 	}
 
-	$: remaining = todos.filter(
-		(t) => !t.done
-	).length;
+	$: remaining = todos.filter((t) => !t.done).length;
 </script>
 
 <h1>Todos</h1>
 
 {#each todos as todo}
 	<div class:done={todo.done}>
-		<input type="checkbox" checked={todo.done} />
+		<input
+			type="checkbox"
+			checked={todo.done}
+		/>
 
 		<input
 			placeholder="What needs to be done?"
@@ -39,7 +37,9 @@
 
 <p>{remaining} remaining</p>
 
-<button on:click={add}> Add new </button>
+<button on:click={add}>
+	Add new
+</button>
 
 <button on:click={clear}>
 	Clear completed

content/tutorial/03-advanced-svelte/05-bindings/02-each-block-bindings/app-b/src/lib/App.svelte

@@ -1,9 +1,6 @@
 <script>
 	let todos = [
-		{
-			done: false,
-			text: 'finish Svelte tutorial'
-		},
+		{ done: false, text: 'finish Svelte tutorial' },
 		{ done: false, text: 'build an app' },
 		{ done: false, text: 'world domination' }
 	];
@@ -19,9 +16,7 @@
 		todos = todos.filter((t) => !t.done);
 	}
 
-	$: remaining = todos.filter(
-		(t) => !t.done
-	).length;
+	$: remaining = todos.filter((t) => !t.done).length;
 </script>
 
 <h1>Todos</h1>
@@ -42,7 +37,9 @@
 
 <p>{remaining} remaining</p>
 
-<button on:click={add}> Add new </button>
+<button on:click={add}>
+	Add new
+</button>
 
 <button on:click={clear}>
 	Clear completed