From 7cd8ae92a92eb911a8956540de6d7f6e68b9f986 Mon Sep 17 00:00:00 2001
From: tijn <tijn@tijn.dev>
Date: Mon, 6 Oct 2025 21:47:01 +0200
Subject: [PATCH] refactor(ripple): use new switch-case syntax in example 2-6

---
 .../6-conditional/ripple/TrafficLight.ripple     | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/content/2-templating/6-conditional/ripple/TrafficLight.ripple b/content/2-templating/6-conditional/ripple/TrafficLight.ripple
index d91958bb..fea4a65f 100644
--- a/content/2-templating/6-conditional/ripple/TrafficLight.ripple
+++ b/content/2-templating/6-conditional/ripple/TrafficLight.ripple
@@ -15,12 +15,16 @@ export component TrafficLight() {
   <p>{`Light is ${@light}`}</p>
   <p>
     {"You must "}
-    if (@light === "red") {
-      <span>{"STOP"}</span>
-    } else if (@light === "orange") {
-      <span>{"SLOW DOWN"}</span>
-    } else if (@light === "green") {
-      <span>{"GO"}</span>
+    switch (@light) {
+      case "red":
+        <span>{"STOP"}</span>;
+        break;
+      case "orange":
+        <span>{"SLOW DOWN"}</span>;
+        break;
+      case "green":
+        <span>{"GO"}</span>;
+        break;
     }
   </p>
 }
\ No newline at end of file