.champion-popover(
:class="{ '__popover--loaded': champion != null || showLoading }"
)
img.__loading(
v-if="showLoading"
src="../img/loading.gif"
)
template(v-if="champion")
.champion-popover__top
.champion-popover__pic
img.champion-popover__img(:src="src")
cost(:cost="Number(champion.champion.cost)")
.champion-popover__info
.champion-popover__abbr {{ champion.champion.abbr }}
.champion-popover__name {{ champion.champion.title }} ยท {{ champion.champion.name }}
.champion-popover__info__icons
.champion-popover__info__icon(
v-for="(item, index) in synergies"
:key="index"
)
img(:src="getItemSrc(item)")
span {{ item.abbr }}
.champion-popover__bottom
img(:src="getKitAssetURL(gameID, 'skills', skill.img)")
.champion-popover__info
.champion-popover__info__title {{ skill.name }}
.champion-popover__info__desc(v-html="skill.desc")