v-dialog(v-model='searchShow', width='650', lazy, absolute)
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="() => (searchTerm = '')"
dark
)
v-flex(xs12)
v-layout(row, wrap, justify-center)
template(v-if='results.length', v-for='item in results')
v-flex.elem(xs3, @click='search(item.name)')
v-layout.elem-content.elevation-3(
wrap,
justify-center,
v-ripple='true',
@click.all='search(item.name)'
)
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.close-button(flat, @click='searchShow = false') Close