Challenge: The Composition API

Task

For this task, you need to create a to-do list app with the Composition API using SFCs.

Here’s the breakdown for the task:

Create a simple to-do list app by using the v-for directive. The app should have:

• List name followed by the number of all to-do items put in parentheses.

• An input element for adding new to-do items.

• Buttons for adding and removing a single to-do item and a button for removing all to-do items at once.

• An unordered list of to-do items.

Expected output

The output of the task should look like the following: