div(v-if='user.stats.lvl > 10')
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!`}}
// @TODO make that translatable
.col-4.mana
.img(:class='`shop_${spell.key} shop-sprite item-img`')
drawer(
:title="$t('skillsTitle')",
v-if='user.stats.class && !user.preferences.disableClasses',
v-mousePosition="30",
@mouseMoved="mouseMoved($event)",
:openStatus='openStatus',
@toggled='drawerToggled'
)
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',
v-b-popover.hover.auto='skill.notes()')
.spell.col-12.row
.col-8.details
a(:class='{"disabled": spellDisabled(key)}')
div.img(:class='`shop_${skill.key} shop-sprite item-img`')
span.title {{skill.text()}}
.col-4.mana
.mana-text
.svg-icon(v-html="icons.mana")
div {{skill.mana}}