tighten up

Author: Rich Harris

content/tutorial/01-svelte/06-bindings/01-text-inputs/README.md

@@ -10,7 +10,7 @@ Instead, we can use the `bind:value` directive:
 
 ```svelte
 /// file: App.svelte
-<input bind:value={name}>
+<input +++bind:+++value={name}>
 ```
 
 This means that not only will changes to the value of `name` update the input value, but changes to the input value will update `name`.

content/tutorial/01-svelte/06-bindings/02-numeric-inputs/README.md

@@ -8,6 +8,13 @@ With `bind:value`, Svelte takes care of it for you:
 
 ```svelte
 /// file: App.svelte
-<input type=number bind:value={a} min=0 max=10>
-<input type=range bind:value={a} min=0 max=10>
+<label>
+	<input type="number" +++bind:+++value={a} min="0" max="10" />
+	<input type="range" +++bind:+++value={a} min="0" max="10" />
+</label>
+
+<label>
+	<input type="number" +++bind:+++value={b} min="0" max="10" />
+	<input type="range" +++bind:+++value={b} min="0" max="10" />
+</label>
 ```

content/tutorial/01-svelte/06-bindings/02-numeric-inputs/app-a/src/lib/App.svelte

@@ -4,35 +4,13 @@
 </script>
 
 <label>
-	<input
-		type="number"
-		value={a}
-		min="0"
-		max="10"
-	/>
-
-	<input
-		type="range"
-		value={a}
-		min="0"
-		max="10"
-	/>
+	<input type="number" value={a} min="0" max="10" />
+	<input type="range" value={a} min="0" max="10" />
 </label>
 
 <label>
-	<input
-		type="number"
-		value={b}
-		min="0"
-		max="10"
-	/>
-
-	<input
-		type="range"
-		value={b}
-		min="0"
-		max="10"
-	/>
+	<input type="number" value={b} min="0" max="10" />
+	<input type="range" value={b} min="0" max="10" />
 </label>
 
 <p>{a} + {b} = {a + b}</p>

content/tutorial/01-svelte/06-bindings/02-numeric-inputs/app-b/src/lib/App.svelte

@@ -4,35 +4,13 @@
 </script>
 
 <label>
-	<input
-		type="number"
-		bind:value={a}
-		min="0"
-		max="10"
-	/>
-
-	<input
-		type="range"
-		bind:value={a}
-		min="0"
-		max="10"
-	/>
+	<input type="number" bind:value={a} min="0" max="10" />
+	<input type="range" bind:value={a} min="0" max="10" />
 </label>
 
 <label>
-	<input
-		type="number"
-		bind:value={b}
-		min="0"
-		max="10"
-	/>
-
-	<input
-		type="range"
-		bind:value={b}
-		min="0"
-		max="10"
-	/>
+	<input type="number" bind:value={b} min="0" max="10" />
+	<input type="range" bind:value={b} min="0" max="10" />
 </label>
 
 <p>{a} + {b} = {a + b}</p>