Vue component that handles single and double clicks

ClickHandler.js

export default {

    render() {
        return this.$scopedSlots.default({});
    },

    data() {
        return {
            listener: null,
            timer: null,
            clicks: 0,
        }
    },

    mounted() {
        this.listener = () => this.click();

        this.$el.addEventListener('click', this.listener);
    },

    beforeDestroy() {
        this.$el.removeEventListener('click', this.listener);
    },

    methods: {

        click() {
            this.clicks++;

            if (this.clicks === 1) {
                this.timer = setTimeout(() => {
                    this.$emit('click');
                    this.clicks = 0;
                }, 150);
            } else {
                clearTimeout(this.timer);
                this.$emit('dblclick');
                this.clicks = 0;
            }
        }

    }

}