Add option to set default color. Closes #13

Author: Edujugon

README.md

@@ -60,3 +60,12 @@ If you want a custom color just pass a color parameter as `string`. It's best if
 ```
 <div v-ripple="'rgba(255, 255, 255, 0.35)'"  class="button">I have different color</div>
 ```
+
+You can also set the default color for all your ripples like follows
+
+```
+import Ripple from 'vue-ripple-directive'
+
+Ripple.color = 'rgba(255, 255, 255, 0.35)';
+Vue.directive('ripple', Ripple);
+```

src/ripple.js

@@ -1,4 +1,4 @@
-export default {
+var Ripple = {
     bind: function(el, binding){
 
         // Default values.
@@ -13,7 +13,7 @@ export default {
             rippler(event, el, binding.value);
         });
 
-        var bg = binding.value || 'rgba(0, 0, 0, 0.35)';
+        var bg = binding.value || Ripple.color || 'rgba(0, 0, 0, 0.35)';
 
         function rippler(event, el) {
             var target = el;
@@ -100,7 +100,7 @@ export default {
             }
         }
     }
-}
+};
 
 function setProps(modifiers,props) {
     modifiers.forEach(function(item) {
@@ -109,4 +109,6 @@ function setProps(modifiers,props) {
         else
             props.transition = item;
     });
-}
+}
+
+export default Ripple;