v-dialog(v-model='show', max-width='650', lazy, absolute, @keydown.esc='close()')
v-btn(icon, slot='activator')
v-icon search
v-card.pr-4
v-card-title.headline Which anime are you looking for?
v-card-text
v-layout(wrap, justify-center)
v-flex(xs6)
v-text-field(
name='search-name',
label='Anime name',
v-model='searchTerm',
append-icon='close',
:append-icon-cb='clear'
dark, ref='input'
)
v-flex(xs12)
v-layout(row, wrap, justify-center)
template(v-if='results.length', v-for='item in results')
v-flex.elem(xs3, @click='actOnThis(item)')
v-layout.elem-content.elevation-3(
wrap,
justify-center,
v-ripple='true'
)
v-flex(xs8)
img.elem-picture(:src='item.image_url', height='140')
v-flex.elem-name(xs10) {{ item.name }}
v-card-actions
v-spacer
v-btn.blue--text.darken-1(flat, @click='close()') Close