tidy up

Author: Rich Harris

content/tutorial/03-advanced-svelte/09-special-elements/07-svelte-document/README.md

@@ -2,13 +2,13 @@
 title: <svelte:document>
 ---
 
-Similar to `<svelte:window>`, the `<svelte:document>` element allows you to listen for events that fire on `document`. This is useful with events like `selectionchange`, which doesn't fire on `window`.
+The `<svelte:document>` element allows you to listen for events that fire on `document`. This is useful with events like `selectionchange`, which doesn't fire on `window`.
 
 Add the `selectionchange` handler to the `<svelte:document>` tag:
 
 ```svelte
 /// file: App.svelte
-<svelte:document on:selectionchange={handleSelectionChange} />
+<svelte:document +++on:selectionchange={handleSelectionChange}+++ />
 ```
 
-> Avoid `mouseenter` and `mouseleave` handlers on this element, these events are not fired on `document` in all browsers. Use `<svelte:body>` for this instead. 
+> Avoid `mouseenter` and `mouseleave` handlers on this element, as these events are not fired on `document` in all browsers. Use `<svelte:body>` instead.

content/tutorial/03-advanced-svelte/09-special-elements/07-svelte-document/app-a/src/lib/App.svelte

@@ -4,7 +4,7 @@
 	const handleSelectionChange = (e) => selection = document.getSelection();
 </script>
 
-<svelte:body />
+<svelte:document />
 
-<p>Select this text to fire events</p>
+<h1>Select this text to fire events</h1>
 <p>Selection: {selection}</p>

content/tutorial/03-advanced-svelte/09-special-elements/07-svelte-document/app-b/src/lib/App.svelte

@@ -6,5 +6,5 @@
 
 <svelte:document on:selectionchange={handleSelectionChange} />
 
-<p>Select this text to fire events</p>
+<h1>Select this text to fire events</h1>
 <p>Selection: {selection}</p>