Vue JS with Composition API & Pinia Full Tutorial

#Vuejs #CompositionAPI #Pinia #statemanagement BEFORE YOU START: 1. Download the code for the initial version: https://github.com/Daweb-Schools/vue-composition-pinia-youtube (If you're not familiar with Git, just click the "Code" button and download the Zip file) 2. Install vite on your machine by typing in the terminal: npm install vite -g 3. Open the project's folder on VS Code, start a new terminal and type npm install 4. When all dependencies have been installed, run the project by typing vite. GET THE CODE FOR THE MODAL WINDOW COMPONENT: https://docs.google.com/document/d/1-VUuBGiDISxwRbD52jGPJd4HgsmP9LNja_vcIejBTVo/edit?usp=sharing CHECK THE COMPLETE FRONT-END DEVELOPMENT COURSE: https://dawebschools.com/course/complete-webdeveloper-bootcamps CHAPTERS 00:00:00 Introduction 00:01:02 Presentation of the Project 00:01:35 Project Set-up 00:02:29 Reactivity with Ref 00:07:34 Reactive 00:15:23 Components, Props and Scoped Styles 00:23:05 Adding IDs to Tasks 00:30:30 Filtering Tasks by State 00:39:43 Computed Properties 00:43:40 The Modal Component 00:49:33 Component Slots 00:55:21 State Management with Pinia 00:58:54 Getting Started with Pinia 01:06:51 Creating the Tasks Store 01:16:07 The Modal to Add New Tasks 01:23:30 Adding Tasks to the Local Storage 01:32:37 Ending