Complete Vue.js 2 Web Development_ Practical guide to building end-to-end web development solutions with Vue.js 2

Building an E-Commerce Store - Browsing Products Chapter 10 } if(Object.keys(filters).length) { category.productDetails = catego ...

Building an E-Commerce Store - Browsing Products Chapter 10 let filter = Array.isArray(query[key])? query[key] : [query[key]]; f ...

Building an E-Commerce Store - Browsing Products Chapter 10 }); } else { hasProperty[key] = false; let variant = product.variati ...

Building an E-Commerce Store - Browsing Products Chapter 10 let variant = product.variationProducts.map(v => { if(v.variant[k ...

11 Building an E-Commerce Store - Adding a Checkout Over the last couple of chapters, we have been creating an e-commerce store. ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 The details we're going to store for each product added to the baske ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 Adding product information to the store With our basket array ready ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 We can now proceed with adding the products to the basket array. The ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 variationTitle: item.variantTitle(item.variation), variation: item.v ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 Updating the Add to basket button when adding an item As a usability ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 }} </button> Refresh the app and navigate to a product to ensu ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 Showing the product count in the header of the app It's common pract ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 If our header were to feature more items than our cart link, it woul ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 Instead, we need to loop through each product in the basket and add ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 name: 'Category', ... }, { path: '/product', redirect: {name: 'Home' ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 Building the Order process and ListProducts component For the three ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 We can now proceed with building our Checkout process. The product d ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 <list-purchases /> </div>`, components: { ListPurchases ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 :src="product.image.source" :alt="product.image.alt || product.varia ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 Create a filters object within the ListPurchases component and creat ...