07_04 Moving Dropdown

Moving Dropdown

Let's take the dropdown out of our navigation and see how that affects our project.

Practice

1. Move products to App.vue
2. Remove dropdown from Navbar.vue
3. Move code to CartDropdown.vue

We're going to do a seemingly simple move of code in our app. First. we'll take care of moving the cart code to the main app component. Eventually we're going to want the cart to be available to multiple pages.

Then, I'm going to move the dropdown part of the component out of the navigation.

That code will go in the cartdropdown.vue file.