<div class="nav-bar"></div>

<div id="app">
  
  <div class="product">
  
    <div class="product-image">
      <img :src="image" />
    </div>

    <div class="product-info">
      <h1>{{ product }}</h1>
      <p v-if="inventory > 50">On Sale</p> 
      <p v-else-if="inventory<= 10 && inventory > 0">Almost On Sale</p>
      <p v-else>On SAle</p>
    </div>
    
  </div>
    
</div> 


 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script>