Vue-Resource Single with Gravatar

Using Vue.

by khamer

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.0.3/vue-resource.js"></script>
<script src="http://www.myersdaily.org/joseph/javascript/md5.js"></script>
<script src="https://www.myersdaily.org/joseph/javascript/md5.js"></script>
<div>
  <img src="{{ gravatarImage }}" alt="{{ name }}" />
  <h2>
    {{ name }}
  </h2>
  <a href="mailto:{{ email }}">{{ email }}</a>
</div>

JavaScript

Vue.use(VueResource);

new Vue({
	el: 'body',
  data: {
  	name: "Kevin",
    email: "[email protected]"
  },
  computed: {
  	gravatarImage: function() {
    	return 'https://www.gravatar.com/avatar/' + md5(this.email.toLowerCase().trim());
    }
  }
});