vuejs checkbox like component for adding values to an array.

checkbox.vue

<template>
    <div @click="onClick">
        <span :class="{checked}" class="icon icon--checkbox"/>
    </div>
</template>
<script>
export default {
    model: {
        prop: 'allSelected',
    },
    props: {
        value: { type: String, required: true },
        allSelected: { type: Array, required: true },
    },
    computed: {
        checked() {
            return this.allSelected.includes(this.value);
        },
    },
    methods: {
        onClick() {
            this.$emit(
                'input',
                this.checked
                    ? this.allSelected.filter(place => place !== this.value)
                    : [...this.allSelected, this.value],
            );
        },
    },
};
</script>