JSFiddle - React, Tailwind, and code Playground

HTML

<div id="stock-app">
  <h3>Inventory</h3>
  <ul>
    <li v-for="product in products">{{ product.name }}: {{ product.amount }}</li>
  </ul>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script>
  new Vue({
    el: '#stock-app',
    data: {
	  products: [
	    { name: 'Apples', amount: 10 },
	    { name: 'Oranges', amount: 50 },
	    { name: 'Bananas', amount: 39 },
	    { name: 'Pears', amount: 4 },
	  ]
    }
  });
</script>