li.cart-item(:class="{'cart-item-invalid': !isValid()}")
h3.item-name {{ item.displayName }}
input.item-quantity(type='number' v-model.number='quantity' @focus='onFocus' @blur='onBlur')
span.item-x x
span.item-price {{ item.price | currency(...options) }}
span.item-equals =
span.item-subtotal {{ (item.price * (item.quantity || 1)) | currency(...options) }}
.cart-item-options-wrapper
.cart-item-options
.cart-item-option(class='fa fa-plus' @click='onClickIncrement')
.cart-item-option(class='fa fa-minus' @click='onClickDecrement')
.cart-item-option(class='fa fa-money' @click='onClickMoney')
.cart-item-option(class='fa fa-undo' @click='onClickUndo')
.cart-item-option(class='fa fa-trash' @click='onClickDelete')