diff --git a/index.html b/index.html
index fc84832..ac95523 100644
--- a/index.html
+++ b/index.html
@@ -19,6 +19,8 @@
           </div>
           <div class="product-info">
             <h1>{{ product }}</h1>
+            <p v-if="inStock">In Stock</p>
+            <p v-else>Out of Stock</p>
           </div>
         </div>
       </div>
diff --git a/main.js b/main.js
index c0cd51b..e2519ee 100644
--- a/main.js
+++ b/main.js
@@ -2,7 +2,8 @@ const app = Vue.createApp({
     data() {
         return {
             product: 'Socks',
-            image: './assets/images/socks_blue.jpg'
+            image: './assets/images/socks_blue.jpg',
+            inStock: true
         }
     }
 })