Real World Vue 3 (Composition API)

Lessons

1. Building a Vue 3 app

0:44

2. Create-Vue - creating the project

5:21

3. Single File Components

13:03

4. Vue Router Essentials

8:35

5. API Calls with Axios

8:54

6. Dynamic Routing

12:16

7. Deploying with Render

10:30

8. Scaling the app

3:48

Single File Components

Now that we’ve created our project with create-vue, we’re ready to start customizing it to build our own app.


If you’re coding along (which I encourage you to do) you’ll want to checkout the L3-start branch of our project repo to grab the starting code (L3 stands for Lesson 3). In that code, I want to bring your attention to this file I’ve added:

📄 .prettierrc.json

{
  "singleQuote": true,
  "semi": false
}

Here, I’ve set up some rules so that Prettier will change any double qu