import Vue from 'vue';

Vue.component('my-component', {
    data() {
        return {
            count: 0
        }
    },
    template: `
        <button @click="updateCount">Has hecho click {{count}} {{count | times}}.</button>
    `,
    methods: {
        updateCount() {
            this.count++;
        }
    },
    filters: {
        times(value) {
            return value == 1 ? 'vez' : 'veces'
        }
    }
});

new Vue({ 
    el: '#app',
    data: {
        message: 'Hello world'
    }
});