JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
  <p v-if="itemsInStock > 10">{{ itemsInStock }} in stock.</p>
  <p v-else-if="itemsInStock > 0">Hurry up, there are just a few items left!</p>
  <p v-else>Too bad, we're all out!</p>
  
  <template v-if="itemsInStock > 50">
    <p>Special Offer!</p>
    <p>Looks like we have tons of products in stock... Save 20% if you order now!</p>
  </template>
</div>

JavaScript

new Vue({
	el: '#app',
  data: {
		itemsInStock: 41
  }
});