L5 solution

Author: Adam Jahr

index.html

@@ -25,7 +25,7 @@ <h1>{{ product }}</h1>
               <li v-for="detail in details">{{ detail }}</li>
             </ul>
             <ul>
-              <li v-for="size in sizes">{{ size }}</li>
+              <li v-for="(size, index) in sizes" :key="index">{{ size }}</li>
             </ul>
             <div v-for="variant in variants" :key="variant.id">{{ variant.color }}</div>
           </div>

main.js

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