tweak

Rich Harris · Rich Harris · commit 8c3856e42c29 · 2023-04-03T16:08:12.000-04:00
diff --git a/content/tutorial/03-advanced-svelte/09-special-elements/02-svelte-component/README.md b/content/tutorial/03-advanced-svelte/09-special-elements/02-svelte-component/README.md
@@ -2,7 +2,9 @@
 title: <svelte:component>
 ---
 
-A component can change its category altogether with `<svelte:component>`. Instead of a sequence of `if` blocks...
+A component can change its type altogether with `<svelte:component>`. In this exercise, we want to show `RedThing.svelte` if the `color` is `red`, `GreenThing.svelte` if it's `green`, and so on.
+
+We _could_ do this with a sequence of `if` blocks...
 
 ```svelte
 /// file: App.svelte
@@ -15,11 +17,17 @@ A component can change its category altogether with `<svelte:component>`. Instea
 {/if}
 ```
 
-...we can have a single dynamic component:
+...but it's a little cumbersome. Instead, we can create a single dynamic component:
 
 ```svelte
 /// file: App.svelte
-<svelte:component this={selected.component}/>
+<select bind:value={selected}>
+	{#each options as option}
+		<option value={option}>{option.color}</option>
+	{/each}
+</select>
+
++++<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.
diff --git a/content/tutorial/03-advanced-svelte/09-special-elements/02-svelte-component/app-a/src/lib/App.svelte b/content/tutorial/03-advanced-svelte/09-special-elements/02-svelte-component/app-a/src/lib/App.svelte
@@ -20,8 +20,6 @@
 
 {#if selected.color === 'red'}
 	<RedThing />
-{:else if selected.color === 'green'}
-	<GreenThing />
-{:else if selected.color === 'blue'}
-	<BlueThing />
+{:else}
+	<p>TODO others</p>
 {/if}
