Rendering the list of products

One thing that every e-commerce store needs to have is products. Let's start adding some to our app.

We're going to add another property to our Vue data properties object called products. We'll assign this one an array. This array will hold our store's products.

public/script.js

Vue.createApp({
  data() {
    return {
      total: 0,
      products: []
    };
  },
  methods: { ... }
}).mount("#app");