Vue Shopping Cart Mini

Challenge summary

Build a small shopping cart UI in Vue 3. Show a list of products, let the user add them to the cart, adjust quantities, remove items, and display derived totals for item count and price.

What you'll practice

• Render a list of products with name, price, and an "Add to cart" button for each.
• Provide controls to increase and decrease quantity for each cart item.
• Allow removing an item from the cart entirely.
• Display derived values: total item count and total cart price.
• Clicking "Remove" immediately removes that item from the cart.

What Premium unlocks

Premium unlocks the runnable workspace, behavioral checks, implementation walkthrough, and edge-case discussion.