VueJS toggler component

Code

Vue.component('toggler', {
    props: {
        initialToggled: {
            default: false,
        },
    },
    data() {
    	return {
            toggled: this.initialToggled,
        }
    },
    methods: {
        toggle(value = true) {

            if (this.toggled === value) {
                this.toggled = false;
                this.$emit('toggled', false)
                return;
            }

            this.toggled = value;
            this.$emit('toggled', value)
        },
    }
});