How to filter todo items? Vue 3 Composition API | vue v-for filter
FocusModewithGeekbotbyUnini[1][2]ThispostisnotaVueTodoApptutorial.ThereareplentyofthemontheInternet,soyoucaneasilyfindsomethingtoplayaroundwith.ItisalsonotapostaboutVue3CompositionAPI.Myarticle“HowtovalidateacustomformcomponentinVue3?[3]”isthemostreadableoneonmyblog,butIstillneedtodevelopmyskillsinusingCompositionAPI.Toachievethis,IcreatedaVue3projectbasedonthepostbyBurakGür[4].Istyleditdifferently,buttherewasonemorethingIwantedtoimprove—toaddapossibilitytofiltertodoitemsbytheirtypes.I’llexp...
Focus Mode with Geekbot by Unini[1][2]This post is not a Vue Todo App tutorial. There are plenty of them on the Internet, so you can easily find something to play around with. It is also not a post about Vue 3 Composition API. My article “How to validate a custom form component in Vue 3?[3]” is the most readable one on my blog, but I still need to develop my skills in using Composition API. To achieve this, I created a Vue 3 project based on the post by Burak Gür[4]. I styled it differently, but there was one more thing I wanted to improve — to add a possibility to filter todo items by their types. I’ll explain how I managed to achieve this in 3 simple steps. If you want to see the final result, please, visit my stackblitz project[5].
Todo App Screenshots