From a42d60c876c88c4fc1dcf5c0945491239358ed29 Mon Sep 17 00:00:00 2001
From: Tyrel Souza <tyrelsouza@gmail.com>
Date: Fri, 13 Apr 2018 15:04:26 -0400
Subject: [PATCH] s2e28 color names

---
 app.js     | 3 ++-
 index.html | 4 +++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/app.js b/app.js
index 639c544..dc81d94 100644
--- a/app.js
+++ b/app.js
@@ -3,7 +3,8 @@ var app = new Vue({
   data: {
     attachRed: false,
     attachGreen: false,
-    attachBlue: true
+    attachBlue: true,
+    color: "green"
   },
   computed:{
     divClasses(){
diff --git a/index.html b/index.html
index 2dc2acc..7baf188 100644
--- a/index.html
+++ b/index.html
@@ -12,7 +12,9 @@
           :class="{red: attachRed}"
           ></div>
           <div class="demo" :class="divClasses"></div>
-          <div class="demo"></div>
+          <div class="demo" :class="[color, {red: attachRed}]"></div>
+          <hr>
+          <input type="text"  v-model="color">
     </div>
     <script src="app.js" charset="utf-8"></script>
   </body>