div
div.dragInfo.mouse(ref="clickPotionInfo", v-if="potionClickMode")
.spell.col-12.row
.col-8.details
p.title {{spell.text()}}
p.notes {{ `Click on a ${spell.target} to cast!`}}
.col-4.mana
.img(:class='`shop_${spell.key} shop-sprite item-img`')
drawer(:title="$t('spells')",
v-if='user.stats.class && !user.preferences.disableClasses',
v-mousePosition="30", @mouseMoved="mouseMoved($event)")
div(slot="drawer-slider")
.container.spell-container
.row
.col-3(
@click='castStart(skill)',
v-for='(skill, key) in spells[user.stats.class]',
v-if='user.stats.lvl >= skill.lvl',
popover-trigger='mouseenter',
popover-placement='top',
:popover='skillNotes(skill)')
.spell.col-12.row
.col-8.details
a(:class='{"disabled": spellDisabled(key)}')
p.title {{skill.text()}}
p.notes {{skill.notes()}}
.col-4.mana
.img(:class='`shop_${skill.key} shop-sprite item-img`')
.mana-text
.svg-icon(v-html="icons.mana")
div {{skill.mana}}