WIP Order Cart.

src/fmg-components/cart/cart.vue

@@ -21,7 +21,7 @@
                 <div class="small vaps">
                     <span>Rain defense</span><span><a href="#">Remove</a></span>
                 </div>
-                <div><span>Recycling</span><span>$10</span></div>
+                <div v-if="hasRecycleLineItem"><span>{{recycleLabel}}</span><span>{{recycleFee}}</span></div>
                 <div class="service-type"><span>Mobile service</span><span>$10</span></div>
                 <div class="align-items-center">
                     <span>Rain Defense</span><a href="#">Remove</a><span>$10</span>
@@ -64,7 +64,6 @@ export default {
         },
         initializeComponent(apiResponses) {
             const vapsFromApi = [...apiResponses.wipers, apiResponses.rainDefense];
-
             this.availableVaps = vapsFromApi;
         },
     },
@@ -109,6 +108,19 @@ export default {
                 ...this.availableVaps,
             ];
         },
+        recycleLabel() {
+            return "Recycling";
+        },
+        recycleFee() {
+            return "$35.00";
+        },
+        hasRecycleLineItem() {
+            if (this.lineItems.supportingItems[0].partNumber === "RECYCLE FEE") {
+                return true;
+            } else {
+                return false;
+            }
+        }
     },
     components: {
         textBlock,