L5 starting code

Author: Adam Jahr

index.html

@@ -21,13 +21,6 @@
             <h1>{{ product }}</h1>
             <p v-if="inStock">In Stock</p>
             <p v-else>Out of Stock</p>
-            <ul>
-              <li v-for="detail in details">{{ detail }}</li>
-            </ul>
-            <ul>
-              <li v-for="size in sizes">{{ size }}</li>
-            </ul>
-            <div v-for="variant in variants" :key="variant.id">{{ variant.color }}</div>
           </div>
         </div>
       </div>

main.js

@@ -4,12 +4,7 @@ const app = Vue.createApp({
             product: 'Socks',
             image: './assets/images/socks_blue.jpg',
             inStock: true,
-            details: ['50% cotton', '30% wool', '20% polyester'],
-            sizes: ['S', 'M', 'L', 'XL'],
-            variants: [
-              { id: 2234, color: 'green' },
-              { id: 2235, color: 'blue' },
-            ]
+            details: ['50% cotton', '30% wool', '20% polyester']
         }
     }
 })