owntone-server/web-src/src/components/ListItemPlaylistSpotify.vue
Alain Nussbaumer 4b62e85c95 [web] Use named route for playlist pages
Switching to named routes in order to reduce future maintenance.
2023-07-10 15:37:40 +02:00

30 lines
634 B
Vue

<template>
<div class="media is-align-items-center">
<div class="media-content is-clickable is-clipped" @click="open_playlist">
<h1 class="title is-6" v-text="playlist.name" />
<h2 class="subtitle is-7" v-text="playlist.owner.display_name" />
</div>
<div class="media-right">
<slot name="actions" />
</div>
</div>
</template>
<script>
export default {
name: 'ListItemPlaylistSpotify',
props: ['playlist'],
methods: {
open_playlist() {
this.$router.push({
name: 'playlist-spotify',
params: { id: this.playlist.id }
})
}
}
}
</script>
<style></style>