From df1a441095ef810d3c66efc74d6216666cb8ddcb Mon Sep 17 00:00:00 2001
From: Adam Rackis <adamrackis@gmail.com>
Date: Sat, 5 Dec 2020 19:45:46 -0600
Subject: [PATCH] Tweak reactive explanation

---
 site/content/docs/01-component-format.md | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/site/content/docs/01-component-format.md b/site/content/docs/01-component-format.md
index b9378b6769..09451701a0 100644
--- a/site/content/docs/01-component-format.md
+++ b/site/content/docs/01-component-format.md
@@ -130,20 +130,28 @@ Any top-level statement (i.e. not inside a block or a function) can be made reac
 
 ---
 
-Only values which directly appear within the `$:` block will become dependencies of the reactive statement. For example, in the code below `total` will only update when `x` or `y` change, but not `z`.
+Only values which directly appear within the `$:` block will become dependencies of the reactive statement. For example, in the code below `total` will only update when `x` changes, but not `y`.
 
 ```sv
 <script>
 	let x = 0;
 	let y = 0;
-	let z = 0;
 	
-	function updateTotal(x, y) {
-		return x + y + z;
+	function yPlusAValue(value) {
+		return value + y;
 	}
 	
-	$: total = updateTotal(x, y);
+	$: total = yPlusAValue(x);
 </script>
+
+Total: {total}
+<button on:click={() => x++}>
+	Increment X
+</button>
+
+<button on:click={() => y++}>
+	Increment Y
+</button>
 ```
 
 ---