added lesson 37 code

Shaun Pelling · Shaun Pelling · commit 1b82e9d25b17 · 2017-04-03T16:35:13.000+01:00
diff --git a/src/components/showBlogs.vue b/src/components/showBlogs.vue
@@ -3,7 +3,7 @@
         <h1>All Blog Articles</h1>
         <input type="text" v-model="search" placeholder="search blogs" />
         <div v-for="blog in filteredBlogs" class="single-blog">
-            <h2>{{ blog.title | to-uppercase }}</h2>
+            <h2 v-rainbow>{{ blog.title | toUppercase }}</h2>
             <article>{{ blog.body }}</article>
         </div>
     </div>
@@ -31,6 +31,21 @@ export default {
                 return blog.title.match(this.search);
             });
         }
+    },
+    filters: {
+        /*'to-uppercase': function(value){
+            return value.toUpperCase();
+        }*/
+        toUppercase(value){
+            return value.toUpperCase();
+        }
+    },
+    directives: {
+        'rainbow' :{
+            bind(el, binding, vnode){
+                el.style.color = "#" + Math.random().toString(16).slice(2, 8);
+            }
+        }
     }
 }
 </script>
diff --git a/src/main.js b/src/main.js
@@ -6,9 +6,10 @@ import App from './App.vue'
 Vue.use(VueResource);
 
 // Filters
+/*
 Vue.filter('to-uppercase', function(value){
     return value.toUpperCase();
-});
+}); */
 
 new Vue({
   el: '#app',
