<template>
    <div class="TodoHead-container">
        <h2>TodoList</h2>
        <div>
            <input type="text" v-model.trim="tit" @keyup.enter="addFun()" />
            <button @click="addFun()">ADD</button>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            tit: '',
        };
    },
    methods: {
        addFun() {
            this.$emit('add', this.tit);
            this.tit = '';
        },
    },
};
</script>

<style>
</style>