2018-12-17 04:35:39 -05:00
|
|
|
<template functional>
|
2018-12-19 07:02:38 -05:00
|
|
|
<div class="media" :id="'index_' + props.genre.name.charAt(0).toUpperCase()">
|
2018-12-17 04:35:39 -05:00
|
|
|
<div class="media-content fd-has-action is-clipped" @click="listeners.click">
|
|
|
|
<h1 class="title is-6">{{ props.genre.name }}</h1>
|
2018-10-26 11:17:18 -04:00
|
|
|
</div>
|
|
|
|
<div class="media-right">
|
2018-12-15 03:56:09 -05:00
|
|
|
<slot name="actions"></slot>
|
2018-10-26 11:17:18 -04:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
2018-12-15 03:56:09 -05:00
|
|
|
name: 'ListItemGenre',
|
2020-04-11 13:43:53 -04:00
|
|
|
props: ['genre']
|
2018-10-26 11:17:18 -04:00
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style>
|
|
|
|
</style>
|