L4 ending code

2020-06-02 21:21:37 -04:00 · 2020-06-02 21:21:37 -04:00 · 2846669a3f
commit 2846669a3f
parent b92a6c065c
2 changed files with 4 additions and 1 deletions
--- 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>
--- 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
        }
    }
 })