From 22129d13ab03afd105748cb9fc302bced516aa22 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sergio=20=C3=81lvarez?= <code@sergio.am>
Date: Sat, 9 Nov 2019 19:24:21 +0100
Subject: [PATCH] bind class

---
 hello/app.js     | 4 +++-
 hello/index.html | 2 ++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/hello/app.js b/hello/app.js
index 08028bc..62fea48 100644
--- a/hello/app.js
+++ b/hello/app.js
@@ -14,7 +14,9 @@ var app = new Vue({
             { id: 2, text: 'Learn Vue' },
             { id: 3, text: 'Build something awesome' }
         ],
-        label: 'You loaded this page on ' + new Date().toLocaleString()
+        label: 'You loaded this page on ' + new Date().toLocaleString(),
+        isActive: true,
+        hasError: false
     },
     methods: {
         reverseMessage: function () {
diff --git a/hello/index.html b/hello/index.html
index 27922ad..e82a705 100644
--- a/hello/index.html
+++ b/hello/index.html
@@ -28,6 +28,8 @@
             <button v-on:click="reverseMessage">Reverse Message</button>
 
             <input v-model="message"> <span>{{ lenMessage }}</span>
+
+            <p class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }">class</p>
         </div>
         
         <script src="app.js"></script>