(upbeat music)
- [Narrator] Okay, so we just saw how to break out
the template code
for our products page into separate reusable components.
And the next step is to do the same thing
for the cart page component,
so let's open that up and take a look.
If we look at our cart page component,
we can see that it just like our products page earlier
is a little bit complicated
in terms of template complexity.
So, what the challenge for you is going to be
is to break this template
out into separate components,
just like we did with products grid item and products grid.
Now, the only hint I'm going to give you here
besides everything we went over
in the previous video is to create two new files
inside source components.
The first file is going to be called products list up vue
and the second one is going to be called
products list item.vue.
And once you've done that,
implementing these components is really up to you
just use the concepts that we've learned
throughout this chapter,
and you should be all right.
So, this challenge should take you about 10 to 15 minutes.
And once you've given it a try feel free to move on
to the next video where I'll show you
how I solve this challenge.