2018-08-11 01:47:10 -04:00
|
|
|
<template>
|
2023-07-01 03:09:16 -04:00
|
|
|
<div class="media is-align-items-center">
|
2023-06-10 13:22:29 -04:00
|
|
|
<div class="media-content is-clickable is-clipped" @click="open_artist">
|
2022-05-20 07:44:22 -04:00
|
|
|
<h1 class="title is-6" v-text="artist.name" />
|
2018-08-11 01:47:10 -04:00
|
|
|
</div>
|
|
|
|
<div class="media-right">
|
2022-02-19 00:39:14 -05:00
|
|
|
<slot name="actions" />
|
2018-08-11 01:47:10 -04:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
2023-07-18 09:19:24 -04:00
|
|
|
name: 'ListItemArtistSpotify',
|
2018-08-11 01:47:10 -04:00
|
|
|
props: ['artist'],
|
|
|
|
|
|
|
|
methods: {
|
2023-06-07 15:25:54 -04:00
|
|
|
open_artist() {
|
2023-07-12 15:30:52 -04:00
|
|
|
this.$router.push({
|
|
|
|
name: 'music-spotify-artist',
|
|
|
|
params: { id: this.artist.id }
|
|
|
|
})
|
2018-08-11 01:47:10 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
2022-02-19 00:39:14 -05:00
|
|
|
<style></style>
|