Vue.js Master Class 2024 Edition - Refactoring The Project Architecture for Scalability

Lessons

• Integrate unplugin-auto-import with Vue and Vite 7:12
• Configure unplugin-auto-import for unplugin-vue-router 5:05
• Implement Components Auto Importing Feature in Vue.js 3 6:38
• Use Vue.js Suspense Component to Handle Async Dependencies 6:22
• Enhance Vue Router with Suspense for Async Components 6:52
• Dynamic Page Titles with Pinia 9:09
• Retrieve Project Details for Tasks: Querying Nested Database Tables 4:11
• Handle Complex Supabase Queries 6:06
• Cleaning Time P1: Separating Supabase Queries and Types 5:12
• Cleaning Time P2: Separating Column Definitions 3:12
• Fetch the Data for the Individual Project Page 7:13
• Use the Vue Watch API to Update Pinia Store with the Project Name 3:49
• Make the Project Page Template Dynamic 5:21
• Exercise: Create Dynamic Indvidual Task Page 7:03