<template>
    <div class="TodoFooter-container">
        <button @click="$emit('update:typeVal',0)">ALL</button>
        <button @click="$emit('update:typeVal',1)">Have Done</button>
        <button @click="$emit('update:typeVal',-1)">not Done</button>
    </div>
</template>

<script>
export default {
    props: {
        typeVal: {
            type: Number,
            default: 0,
        },
    },
};
</script>

<style>
</style>