diff --git a/src/App.vue b/src/App.vue
index 626e996..0d75f47 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,6 +4,8 @@ import socksGreenImage from './assets/images/socks_green.jpeg'
 
 const product = ref('Socks')
 const image = ref(socksGreenImage)
+const iventory = ref(15)
+const onSale = ref(true)
 
 </script>
   
@@ -16,6 +18,10 @@ const image = ref(socksGreenImage)
       </div>
       <div class="product-info">
         <h1>{{ product }}</h1>
+        <p v-if="iventory > 10">In Stock</p>
+        <p v-else-if="iventory <= 10 && iventory > 0">Almost sold out!</p>
+        <p v-else>Out of stock</p>
+        <p v-show="onSale">On Sale</p>
       </div>
     </div>
   </div>