L10 starting code

components/ProductDetails.js

@@ -1,17 +0,0 @@
-// solution
-app.component('product-details', {
-  props: {
-    details: {
-      type: Array,
-      required: true
-    }
-  },
-  template:
-  /*html*/
-  `
-  <ul>
-    <li v-for="detail in details">{{ detail }}</li>
-  </ul>
-  `
-})
-// solution

components/ProductDisplay.js

@@ -14,10 +14,10 @@ app.component('product-display', {
         <p v-else>Out of Stock</p>
 
         <p>Shipping: {{ shipping }}</p>
-        
-        <!-- solution -->
-        <product-details :details="details"></product-details>
-        <!-- solution -->
+
+        <ul>
+          <li v-for="detail in details">{{ detail }}</li>
+        </ul>
 
         <div 
           v-for="(variant, index) in variants" 

index.html

@@ -21,9 +21,6 @@
 
     <!-- Import Components -->
     <script src="./components/ProductDisplay.js"></script>
-    <!-- solution -->
-    <script src="./components/ProductDetails.js"></script>
-    <!-- solution -->
 
     <!-- Mount App -->
     <script>