Question 2: Consider the following HTML, with the correct Vue 2 CDN l…

1<div id="app">
2    <h3>Shopping Cart</h3>
3    <p>Items: {{itemCount}}</p>
4    <p>Total Cost: ${{totalCost}}</p>
5    <button @click="addItem">Add Item ($15)</button>
6    <button @click="removeItem">Remove Item</button>
7    <p>Status: {{status}}</p>
8</div>

1const app = new Vue({
2    el: '#app',
3    data() {
4        return {
5            itemCount: 0,
6            itemPrice: 15,
7            totalCost: 0
8        }
9    },
10    computed: {
11        status() {
12            if (this.itemCount === 0) {
13                return 'Empty Cart';
14            } else if (this.itemCount < 3) {
15                return 'Few Items';
16            } else {
17                return 'Full Cart';
18
19            }
20        }
21    },
22    methods: {
23        addItem() {
24            this.itemCount++;
25            this.totalCost += this.itemPrice;
26        },
27        removeItem() {
28            if (this.itemCount > 0) {
29                this.itemCount--;
30                this.totalCost -= this.itemPrice;
31            }
32        }
33    }
34})