From 39341bbfdf584827ff1176b2007dec5a5201d9fb Mon Sep 17 00:00:00 2001
From: Daniel Power <me@danielpower.ca>
Date: Sat, 3 Oct 2020 16:42:34 -0230
Subject: [PATCH] Move function declaration before reference

The way the example is currently presented requires that the user have an understanding of how Javascript hoists functions. By moving the function declaration before the function reference, the order of the code becomes more clear to the reader, which I think is valuable here. I think it's more important that this material clearly teach the behavior of Svelte, rather than the nuances of Javascript.
---
 .../tutorial/04-logic/06-await-blocks/app-a/App.svelte      | 6 +++---
 .../tutorial/04-logic/06-await-blocks/app-b/App.svelte      | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/site/content/tutorial/04-logic/06-await-blocks/app-a/App.svelte b/site/content/tutorial/04-logic/06-await-blocks/app-a/App.svelte
index 7ac5ca3c9e..ae2acecf8b 100644
--- a/site/content/tutorial/04-logic/06-await-blocks/app-a/App.svelte
+++ b/site/content/tutorial/04-logic/06-await-blocks/app-a/App.svelte
@@ -1,6 +1,4 @@
 <script>
-	let promise = getRandomNumber();
-
 	async function getRandomNumber() {
 		const res = await fetch(`tutorial/random-number`);
 		const text = await res.text();
@@ -12,6 +10,8 @@
 		}
 	}
 
+	let promise = getRandomNumber();
+
 	function handleClick() {
 		promise = getRandomNumber();
 	}
@@ -22,4 +22,4 @@
 </button>
 
 <!-- replace this element -->
-<p>{promise}</p>
\ No newline at end of file
+<p>{promise}</p>
diff --git a/site/content/tutorial/04-logic/06-await-blocks/app-b/App.svelte b/site/content/tutorial/04-logic/06-await-blocks/app-b/App.svelte
index 8c8036c0f1..ccb12ba4fb 100644
--- a/site/content/tutorial/04-logic/06-await-blocks/app-b/App.svelte
+++ b/site/content/tutorial/04-logic/06-await-blocks/app-b/App.svelte
@@ -1,6 +1,4 @@
 <script>
-	let promise = getRandomNumber();
-
 	async function getRandomNumber() {
 		const res = await fetch(`tutorial/random-number`);
 		const text = await res.text();
@@ -11,6 +9,8 @@
 			throw new Error(text);
 		}
 	}
+	
+	let promise = getRandomNumber();
 
 	function handleClick() {
 		promise = getRandomNumber();
@@ -27,4 +27,4 @@
 	<p>The number is {number}</p>
 {:catch error}
 	<p style="color: red">{error.message}</p>
-{/await}
\ No newline at end of file
+{/await}