davisski / intro-to-vue3 Goto Github PK

Create product color options and create add to cart functionality.

Make dynamic src attribute

Initialize Vue App.

Create cart visual component, the idea is when hovering over cart container immediately shown what includes that cart.

Import latest version of Vue.

Information about product base on property value.

Make product description, and make it dynamic.

Currently we have cart type as number, but ideal will be if we initialize cart property as array and push each product id to the cart array.

Now broken code, because parent component doesn't know about when we firing click event, so we need to inform parent component when click event happened.

For now hovering over specific color changes selected product. Better will be click on color to change selected product.

Create product component

Create review form component

Create page layout.

Render product details into page.

Current color options are bad for user experience, there should be color circles corresponding to each sock individually. Make socks title as computed property which includes brand and product name combined and add to variants property each sock quantity property.