It was another long and fairly complicated feature to implement in this chapter, so let's take a minute to review what we've achieved. We started out by looking at our options for persistent shopping cart data, both on the client side and server side, before settling on using the local storage feature of the web browser.

We then prepared our product details page by creating a custom image gallery component and adding drop-down lists to provide our users with a way of specifying which variant of the product they wish to purchase. We then installed and configured Vuex for centralized client-side state management, before adding the selection of actions, mutations, and getters required to provide the basic functionality of a shopping cart.

We also added a new shopping cart page to our application and looked at how we can fetch data from the Vuex store inside our...