tighten up

Rich Harris · Rich Harris · commit 7f3fa47d72b0 · 2023-03-22T13:44:29.000-04:00
diff --git a/content/tutorial/01-svelte/06-bindings/01-text-inputs/README.md b/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`.
diff --git a/content/tutorial/01-svelte/06-bindings/02-numeric-inputs/README.md b/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>
 ```
diff --git a/content/tutorial/01-svelte/06-bindings/02-numeric-inputs/app-a/src/lib/App.svelte b/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>
diff --git a/content/tutorial/01-svelte/06-bindings/02-numeric-inputs/app-b/src/lib/App.svelte b/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>
