From f9203c83d321cae5476055870d5e28e3746b34d0 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Mon, 18 Jan 2021 22:45:05 +0100
Subject: [PATCH] lesson 33: adding classes dynamically

---
 basics-10-styling-starting-setup/index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/basics-10-styling-starting-setup/index.html b/basics-10-styling-starting-setup/index.html
index e56d6af..11c9a5f 100644
--- a/basics-10-styling-starting-setup/index.html
+++ b/basics-10-styling-starting-setup/index.html
@@ -16,9 +16,9 @@
         <h1>Vue Dynamic Styling</h1>
     </header>
     <section id="styling">
-        <div class="demo" @click="boxSelected('A')"></div>
-        <div class="demo" @click="boxSelected('B')"></div>
-        <div class="demo" @click="boxSelected('C')"></div>
+        <div class="demo" :class="{active: boxASelected}" @click="boxSelected('A')"></div>
+        <div class="demo" :class="{active: boxBSelected}" @click="boxSelected('B')"></div>
+        <div class="demo" :class="{active: boxCSelected}" @click="boxSelected('C')"></div>
     </section>
 </body>