JSFiddle - React, Tailwind, and code Playground

by Oli Gustafsson

HTML

<div id="app">
  <div id="components-demo">
    <button-click></button-click>
  </div>	
</div>

JavaScript

var buttonClick = Vue.component('button-click',{
  data: function () {
      return {
        count: 0
      }
    },
    template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>'
});

var myTask = Vue.component('my-task',{
  template : '#task-template',
  data : function(){
      return this.tasks
  },
  props : ['task']
});

new Vue({
el : '#app',
data : {
    tasks : [
        { name : "task 1", completed : false},
        { name : "task 2", completed : false},
        { name : "task 3", completed : true}
    ]
},
components: {myTask: myTask}

});