From fcfa5e634c2dcdda56756bae205e7e7cd78a521c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jhorman=20Ruswel=20=E3=85=A0=E3=85=A0?=
 <jhormanrus@gmail.com>
Date: Thu, 12 Jan 2023 03:40:23 +0000
Subject: [PATCH] clarify keyed each block tutorial

---
 .../04-logic/05-keyed-each-blocks/app-a/Thing.svelte       | 7 +++++++
 .../04-logic/05-keyed-each-blocks/app-b/Thing.svelte       | 7 +++++++
 2 files changed, 14 insertions(+)

diff --git a/site/content/tutorial/04-logic/05-keyed-each-blocks/app-a/Thing.svelte b/site/content/tutorial/04-logic/05-keyed-each-blocks/app-a/Thing.svelte
index 02e6fa7640..cd38c46bd0 100644
--- a/site/content/tutorial/04-logic/05-keyed-each-blocks/app-a/Thing.svelte
+++ b/site/content/tutorial/04-logic/05-keyed-each-blocks/app-a/Thing.svelte
@@ -1,4 +1,6 @@
 <script>
+	import { onDestroy } from 'svelte';
+
 	const emojis = {
         apple: "🍎",
         banana: "🍌",
@@ -12,6 +14,11 @@
 
 	// ...but the "emoji" variable is fixed upon initialisation of the component
 	const emoji = emojis[name];
+
+	// when you remove first thing, it will remove items at the end of the block
+	onDestroy(() => {
+		console.log('thing destroyed: ' + name)
+	});
 </script>
 
 <p>
diff --git a/site/content/tutorial/04-logic/05-keyed-each-blocks/app-b/Thing.svelte b/site/content/tutorial/04-logic/05-keyed-each-blocks/app-b/Thing.svelte
index 02e6fa7640..cd38c46bd0 100644
--- a/site/content/tutorial/04-logic/05-keyed-each-blocks/app-b/Thing.svelte
+++ b/site/content/tutorial/04-logic/05-keyed-each-blocks/app-b/Thing.svelte
@@ -1,4 +1,6 @@
 <script>
+	import { onDestroy } from 'svelte';
+
 	const emojis = {
         apple: "🍎",
         banana: "🍌",
@@ -12,6 +14,11 @@
 
 	// ...but the "emoji" variable is fixed upon initialisation of the component
 	const emoji = emojis[name];
+
+	// when you remove first thing, it will remove items at the end of the block
+	onDestroy(() => {
+		console.log('thing destroyed: ' + name)
+	});
 </script>
 
 <p>