Button.vue

<template>
    <button @click="onClick()" 
    v-bind:style="{background: color}" 
    class="btn">{{text}}</button>
</template>

<script>
export default {
    name: "Button",
    props: {
        text: {
            type: String,
            default: "Add Task",
        },
        color: {
            type: String,
            default: "black",
        },
    },
    methods: {
        onClick() {
            this.$emit('btn-click');
        },
    },
};
</script>