div
.item-wrapper(@click="click()", :id="itemId")
.item(
:class="{'item-empty': emptyItem, 'highlight-border': highlightBorder}",
)
slot(name="itemBadge", :item="item", :emptyItem="emptyItem")
div.shop-content
span.svg-icon.inline.lock(v-if="item.locked" v-html="icons.lock")
div.image
div(:class="item.class", v-once)
slot(name="itemImage", :item="item")
div.price
span.svg-icon.inline.icon-16(v-html="icons[currencyClass]")
span.price-label(:class="currencyClass", v-once) {{ getPrice() }}
b-popover(
:target="itemId",
v-if="showPopover",
triggers="hover",
:placement="popoverPosition",
)
slot(name="popoverContent", :item="item")
equipmentAttributesPopover(
v-if="item.purchaseType==='gear'",
:item="item"
)
div(v-else)
h4.popover-content-title(v-once) {{ item.text }}
.popover-content-text(v-if="showNotes", v-once) {{ item.notes }}