Dimox / vue-to-do-list

Vue To-Do List

Vue To-Do List

Demo

Under the hood

• Vue 3 <script setup> SFCs
• TypeScript
• Vite
• ESLint
• Stylelint
• Prettier

Features

• Create, edit, or delete a task (localStorage is used as a database).
• Mark all tasks as done/undone.
• Delete all completed tasks.
• Sorting tasks by drag and drop (thanks to VueUse and Sortable).
• Markdown support in the task editor (thanks to Marked). The rendered HTML is clean and safe (thanks to DOMPurify).
• Links in the task description become clickable.
• The field for a new task automatically changes its height depending on the length of the text.
• The favicon displays the number of incomplete tasks.
• Light and dark theme.