gistfile1.txt

<script lang="ts">
import { defineComponent } from 'vue';

import { mapActions, mapStores } from 'pinia';
import { useTodoStore } from '../store';

export default defineComponent({
    name: 'TodoList',

    computed: {
        ...mapStores(useTodoStore),

        notStarted (): readonly Todo[] {
            return this.todoStore.notStarted;
        },

        finished (): readonly Todo[] {
            return this.todoStore.done;
        },
    },

    methods: {
        ...mapActions(useTodoStore, [
            'addNew',
            'remove',
            'updateDescription',
            'updateTitle',
            'updateProgress',
            'updateAllProgress',
        ]),

        addTestTodo () {
            this.addNew({ title: 'test todo', description: '', progress: Progress.NotStarted });
        },
    },
});
</script>