div
.item-wrapper(@click="click()", :id="itemId")
.item(:class="getItemClasses()")
slot(name="itemBadge", :item="item", :emptyItem="emptyItem")
span.badge.badge-pill.badge-item.badge-clock(
v-if="item.event && showEventBadge",
)
span.svg-icon.inline.clock(v-html="icons.clock")
div.shop-content
span.svg-icon.inline.lock(v-if="item.locked" v-html="icons.lock")
span.suggestedDot(v-if="item.isSuggested")
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]", v-once)
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.questPopover(v-else-if="item.purchaseType === 'quests'")
h4.popover-content-title {{ item.text }}
questInfo(:quest="item")
div(v-else)
h4.popover-content-title(v-once) {{ item.text }}
.popover-content-text(v-if='showNotes && item.key !== "armoire"', v-once) {{ item.notes }}
.popover-content-text(v-if='showNotes && item.key === "armoire"') {{ item.notes }}
div(v-if="item.event") {{ limitedString }}