From f90cbd2171b272e4b25b365e7d2c1b796265db5d Mon Sep 17 00:00:00 2001
From: ayub <sir.kokabi@gmail.com>
Date: Mon, 27 Mar 2023 13:40:52 +0430
Subject: [PATCH] docs: remove unnecessary thing

---
 .../02-svelte-component/app-a/App.svelte                   | 6 +-----
 .../02-svelte-component/app-a/BlueThing.svelte             | 7 -------
 .../02-svelte-component/app-b/App.svelte                   | 4 +---
 .../02-svelte-component/app-b/BlueThing.svelte             | 7 -------
 .../16-special-elements/02-svelte-component/text.md        | 4 +---
 5 files changed, 3 insertions(+), 25 deletions(-)
 delete mode 100644 site/content/tutorial/16-special-elements/02-svelte-component/app-a/BlueThing.svelte
 delete mode 100644 site/content/tutorial/16-special-elements/02-svelte-component/app-b/BlueThing.svelte

diff --git a/site/content/tutorial/16-special-elements/02-svelte-component/app-a/App.svelte b/site/content/tutorial/16-special-elements/02-svelte-component/app-a/App.svelte
index 9fbec68593..add328df81 100644
--- a/site/content/tutorial/16-special-elements/02-svelte-component/app-a/App.svelte
+++ b/site/content/tutorial/16-special-elements/02-svelte-component/app-a/App.svelte
@@ -1,12 +1,10 @@
 <script>
 	import RedThing from './RedThing.svelte';
 	import GreenThing from './GreenThing.svelte';
-	import BlueThing from './BlueThing.svelte';
 
 	const options = [
 		{ color: 'red',   component: RedThing   },
 		{ color: 'green', component: GreenThing },
-		{ color: 'blue',  component: BlueThing  },
 	];
 
 	let selected = options[0];
@@ -22,6 +20,4 @@
 	<RedThing/>
 {:else if selected.color === 'green'}
 	<GreenThing/>
-{:else if selected.color === 'blue'}
-	<BlueThing/>
-{/if}
\ No newline at end of file
+{/if}
diff --git a/site/content/tutorial/16-special-elements/02-svelte-component/app-a/BlueThing.svelte b/site/content/tutorial/16-special-elements/02-svelte-component/app-a/BlueThing.svelte
deleted file mode 100644
index eb7ba64163..0000000000
--- a/site/content/tutorial/16-special-elements/02-svelte-component/app-a/BlueThing.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<strong>Blue thing</strong>
-
-<style>
-	strong {
-		color: blue;
-	}
-</style>
\ No newline at end of file
diff --git a/site/content/tutorial/16-special-elements/02-svelte-component/app-b/App.svelte b/site/content/tutorial/16-special-elements/02-svelte-component/app-b/App.svelte
index a510fa8ad8..c3ce1d7cb9 100644
--- a/site/content/tutorial/16-special-elements/02-svelte-component/app-b/App.svelte
+++ b/site/content/tutorial/16-special-elements/02-svelte-component/app-b/App.svelte
@@ -1,12 +1,10 @@
 <script>
 	import RedThing from './RedThing.svelte';
 	import GreenThing from './GreenThing.svelte';
-	import BlueThing from './BlueThing.svelte';
 
 	const options = [
 		{ color: 'red',   component: RedThing   },
 		{ color: 'green', component: GreenThing },
-		{ color: 'blue',  component: BlueThing  },
 	];
 
 	let selected = options[0];
@@ -18,4 +16,4 @@
 	{/each}
 </select>
 
-<svelte:component this={selected.component}/>
\ No newline at end of file
+<svelte:component this={selected.component}/>
diff --git a/site/content/tutorial/16-special-elements/02-svelte-component/app-b/BlueThing.svelte b/site/content/tutorial/16-special-elements/02-svelte-component/app-b/BlueThing.svelte
deleted file mode 100644
index eb7ba64163..0000000000
--- a/site/content/tutorial/16-special-elements/02-svelte-component/app-b/BlueThing.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<strong>Blue thing</strong>
-
-<style>
-	strong {
-		color: blue;
-	}
-</style>
\ No newline at end of file
diff --git a/site/content/tutorial/16-special-elements/02-svelte-component/text.md b/site/content/tutorial/16-special-elements/02-svelte-component/text.md
index 57a6a3b531..d0d4315544 100644
--- a/site/content/tutorial/16-special-elements/02-svelte-component/text.md
+++ b/site/content/tutorial/16-special-elements/02-svelte-component/text.md
@@ -9,8 +9,6 @@ A component can change its category altogether with `<svelte:component>`. Instea
 	<RedThing/>
 {:else if selected.color === 'green'}
 	<GreenThing/>
-{:else if selected.color === 'blue'}
-	<BlueThing/>
 {/if}
 ```
 
@@ -20,4 +18,4 @@ A component can change its category altogether with `<svelte:component>`. Instea
 <svelte:component this={selected.component}/>
 ```
 
-The `this` value can be any component constructor, or a falsy value — if it's falsy, no component is rendered.
\ No newline at end of file
+The `this` value can be any component constructor, or a falsy value — if it's falsy, no component is rendered.