version 1.0

src/directives/v-formatDate.js

@@ -0,0 +1,15 @@
+let setValue = function(el, binding) {
+  let value = binding.value;
+  let dateArray = value.split('-');
+  let monthsArray = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'June', 'July', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec'];
+  el.innerText =  `${dateArray[2]} ${monthsArray[+dateArray[1] - 1]} ${dateArray[0]}`;
+};
+module.exports = {
+  isLiteral: true,
+  bind(el, binding) {
+    setValue(el, binding);
+  },
+  update(el, binding) {
+    setValue(el, binding);
+  }
+}

src/directives/v-image.js

@@ -0,0 +1,19 @@
+let setValue = function(el, binding) {
+  let img = new Image();
+  img.src = binding.value;
+
+  img.onload = function() {
+    this.src = img.src;
+    this.classList.add("is-loaded");
+  }.bind(el);
+};
+
+module.exports = {
+  isLiteral: true,
+  bind(el, binding){
+    setValue(el, binding);
+  },
+  update(el, binding){
+    setValue(el, binding);
+  }
+}