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(this.ordering.length) { let orders = this.ordering.split('-'); ou ...

Building an E-Commerce Store - Browsing Products Chapter 10 Creating Vuex getters The last step to making our category page just ...

Building an E-Commerce Store - Browsing Products Chapter 10 As we are abstracting all of the logic out, pass in the slug variabl ...

Building an E-Commerce Store - Browsing Products Chapter 10 With a category assigned, we can now load the products based on the ...

Building an E-Commerce Store - Browsing Products Chapter 10 } return category; } } In our CategoryPage component, we can remove ...

Building an E-Commerce Store - Browsing Products Chapter 10 In our CategoryPage component, we can now call on the new getter wit ...

Building an E-Commerce Store - Browsing Products Chapter 10 Update the template to reflect the changes in the computed data: tem ...

Building an E-Commerce Store - Browsing Products Chapter 10 sidebar: ProductFiltering }, props: { default: true, sidebar: true } ...

Building an E-Commerce Store - Browsing Products Chapter 10 We now need to construct our filters, based on the products in the c ...

Building an E-Commerce Store - Browsing Products Chapter 10 If it does not, add a new object with the name, handle, and a count, ...

Building an E-Commerce Store - Browsing Products Chapter 10 Although, feel free to use this if you are more comfortable with it. ...

Building an E-Commerce Store - Browsing Products Chapter 10 Create a methods object with a function of addTopic. This will take ...

Building an E-Commerce Store - Browsing Products Chapter 10 for(let tag of product.tags) { this.addTopic(this.topics.tags, tag, ...

Building an E-Commerce Store - Browsing Products Chapter 10 Add an array of checked to each of the topic objects in the data obj ...

Building an E-Commerce Store - Browsing Products Chapter 10 Dynamically creating filters With our fixed filters created and bein ...

Building an E-Commerce Store - Browsing Products Chapter 10 With our empty object created, we can now loop through the variation ...

Building an E-Commerce Store - Browsing Products Chapter 10 category.values[item.handle] = { ...item, count: [handle] } } } } Vi ...

Building an E-Commerce Store - Browsing Products Chapter 10 } } Within the data function, change the value of topics to be this. ...

Building an E-Commerce Store - Browsing Products Chapter 10 this.$router.push({query: filters}); } Checking and unchecking the f ...

Building an E-Commerce Store - Browsing Products Chapter 10 Filtering the products Our filters are now being created and appende ...