tweak

Author: Rich Harris

content/tutorial/01-svelte/07-lifecycle/04-tick/README.md

@@ -10,14 +10,16 @@ You can see that behaviour in this example. Select a range of text and hit the t
 
 ```js
 /// file: App.svelte
-import { tick } from 'svelte';
++++import { tick } from 'svelte';+++
+
+let text = `Select some text and hit the tab key to toggle uppercase`;
 ```
 
 ...and running it immediately before we set `this.selectionStart` and `this.selectionEnd` at the end of `handleKeydown`:
 
 ```js
 /// file: App.svelte
-await tick();
++++await tick();+++
 this.selectionStart = selectionStart;
 this.selectionEnd = selectionEnd;
 ```

content/tutorial/01-svelte/07-lifecycle/04-tick/app-a/src/lib/App.svelte

@@ -6,15 +6,8 @@
 
 		event.preventDefault();
 
-		const {
-			selectionStart,
-			selectionEnd,
-			value
-		} = this;
-		const selection = value.slice(
-			selectionStart,
-			selectionEnd
-		);
+		const { selectionStart, selectionEnd, value } = this;
+		const selection = value.slice(selectionStart, selectionEnd);
 
 		const replacement = /[a-z]/.test(selection)
 			? selection.toUpperCase()
@@ -39,6 +32,7 @@
 <style>
 	textarea {
 		width: 100%;
-		height: 200px;
+		height: 100%;
+		resize: none;
 	}
 </style>

content/tutorial/01-svelte/07-lifecycle/04-tick/app-b/src/lib/App.svelte

@@ -8,15 +8,8 @@
 
 		event.preventDefault();
 
-		const {
-			selectionStart,
-			selectionEnd,
-			value
-		} = this;
-		const selection = value.slice(
-			selectionStart,
-			selectionEnd
-		);
+		const { selectionStart, selectionEnd, value } = this;
+		const selection = value.slice(selectionStart, selectionEnd);
 
 		const replacement = /[a-z]/.test(selection)
 			? selection.toUpperCase()
@@ -41,6 +34,7 @@
 <style>
 	textarea {
 		width: 100%;
-		height: 200px;
+		height: 100%;
+		resize: none;
 	}
 </style>