From 44a6fec588febcbbe6e5e18fb07123bf2b24e376 Mon Sep 17 00:00:00 2001
From: Hyeyeon Seo <42148741+skojphy@users.noreply.github.com>
Date: Sun, 16 Apr 2023 16:30:10 +0900
Subject: [PATCH] Update tutorial

Updated the example in the tutorial to match the answer in the exercise.
---
 .../tutorial/01-svelte/04-logic/04-each-blocks/README.md    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/content/tutorial/01-svelte/04-logic/04-each-blocks/README.md b/content/tutorial/01-svelte/04-logic/04-each-blocks/README.md
index 9c9e7ffc3..3011cbb8f 100644
--- a/content/tutorial/01-svelte/04-logic/04-each-blocks/README.md
+++ b/content/tutorial/01-svelte/04-logic/04-each-blocks/README.md
@@ -11,7 +11,7 @@ Instead of laboriously copying, pasting and editing, we can get rid of all but t
 <div>
 	+++{#each colors as color}+++
 		<button
-			aria-current="{selected === 'red' ? 'true' : undefined}"
+			aria-current={selected === 'red'}
 			aria-label="red"
 			style="background: red"
 			on:click={() => selected = 'red'}
@@ -29,7 +29,7 @@ Now we need to use the `color` variable in place of `"red"`:
 <div>
 	{#each colors as color}
 		<button
-			aria-current="{selected === +++color+++ ? 'true' : undefined}"
+			aria-current={selected === +++color+++}
 			aria-label=+++{color}+++
 			style="background: +++{color}+++"
 			on:click={() => selected = +++color+++}
@@ -45,7 +45,7 @@ You can get the current _index_ as a second argument, like so:
 <div>
 	{#each colors as color, +++i}+++
 		<button
-			aria-current="{selected === color ? 'true' : undefined}"
+			aria-current={selected === color}
 			aria-label={color}
 			style="background: {color}"
 			on:click={() => selected = color}