import Vue from 'vue';

Vue.component('blog-post', {
  props: ['post'],
  template: `
    <div class="blog-post">
      <h3>{{ post.title }}</h3>
      <button>
        Agrandar
      </button>
      <div v-html="post.content"></div>
    </div>
  `
})

let posts = [{ 
        title: 'Mi primer post', 
        content: 'Cupcake ipsum dolor sit amet fruitcake tiramisu. Apple pie cookie liquorice carrot cake. Biscuit carrot cake jelly beans soufflé marzipan icing.'
    }]

new Vue({
  el: '#blog-posts-events-demo',
  data: {
    posts,
    postFontSize: 1
  }
})