From 2206ebfd95ed08823cb01a39032502bed8124490 Mon Sep 17 00:00:00 2001
From: Paulius-U <paulius.ulevisius@gmail.com>
Date: Tue, 19 Aug 2025 23:46:19 +0300
Subject: [PATCH] Added if, ifelse, else and show

---
 src/App.vue | 6 ++++++
 1 file changed, 6 insertions(+)

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>