.cart(:style='{ width: defaultOptions.layout.width, height: defaultOptions.layout.height }')
.cart-total
h2.currency-cart-total {{ total | currency(...defaultOptions.currency) }}
.cart-items-wrapper
transition-group(name='list' tag='ul' class='cart-items')
cart-item(v-for='(item, index) in items' :key='index' :index='index' :item='item' @onClickQuantity='onClickQuantity' @onChange='onItemChanged' @onClickIncrement='onIncrementQty' @onClickDecrement='onDecrementQty' @onClickMoney='onChangePrice' @onClickUndo='onUndoPrice' @onClickDelete='onDeleteItem' :options='defaultOptions.currency')