As we'll be building a full e-commerce application, it makes sense to start things off with a list of fictional products that we are going to sell. We'll keep things simple to start with and keep this component contained within our home page before we introduce the additional complexity of multiple pages.

When first starting out with Vue, it is very easy to just keep dropping all of our components in the ClientApp/components folder. However, it will soon get very difficult to find what we're looking for once we have more than a handful of components to maintain. Instead, I tend to group my components by page or feature, with a folder for each inside the components directory. It doesn't really matter what we name these features, as long as it's obvious to us which components belong to each one.

Create a ClientApp/components...