[IMP] cart item validation css

CartItem.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-    li.cart-item
+    li.cart-item(:class="{'cart-item-invalid': !isValid()}")
         h3.item-name {{ item.displayName }}
         input.item-quantity(type='number' min='1' :value='item.quantity' readonly)
         span.item-x x
@@ -61,6 +61,9 @@
             },
             onClickDelete() {
                 this.$emit('onClickDelete', this.item)
+            },
+            isValid() {
+                return this.item.price > 0
             }
         }
     }
@@ -75,6 +78,8 @@
         border-bottom: 1px solid $app-border-color
         box-sizing: border-box
         position: relative
+        &.cart-item-invalid
+            border-bottom: 2px solid $app-error-color
         &:nth-child(1)
             border-top: 1px solid $app-border-color
         &:hover