[web] Simplify naming of component property
This commit is contained in:
parent
73abc84979
commit
4c70105b5e
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<figure>
|
<figure>
|
||||||
<img v-lazy="{ src: artwork_url, lifecycle }" @click="$emit('click')" />
|
<img v-lazy="{ src: url, lifecycle }" @click="$emit('click')" />
|
||||||
</figure>
|
</figure>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -12,7 +12,7 @@ export default {
|
||||||
props: {
|
props: {
|
||||||
album: { default: '', type: String },
|
album: { default: '', type: String },
|
||||||
artist: { default: '', type: String },
|
artist: { default: '', type: String },
|
||||||
artwork_url: { default: '', type: String }
|
url: { default: '', type: String }
|
||||||
},
|
},
|
||||||
emits: ['click'],
|
emits: ['click'],
|
||||||
|
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
<div v-else class="media is-align-items-center" @click="open(item.item)">
|
<div v-else class="media is-align-items-center" @click="open(item.item)">
|
||||||
<div v-if="show_artwork" class="media-left">
|
<div v-if="show_artwork" class="media-left">
|
||||||
<cover-artwork
|
<cover-artwork
|
||||||
:artwork_url="item.item.artwork_url"
|
:url="item.item.artwork_url"
|
||||||
:artist="item.item.artist"
|
:artist="item.item.artist"
|
||||||
:album="item.item.name"
|
:album="item.item.name"
|
||||||
class="is-clickable fd-has-shadow fd-cover fd-cover-small-image"
|
class="is-clickable fd-has-shadow fd-cover fd-cover-small-image"
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<div class="media is-align-items-center" @click="open(item)">
|
<div class="media is-align-items-center" @click="open(item)">
|
||||||
<div v-if="show_artwork" class="media-left is-clickable">
|
<div v-if="show_artwork" class="media-left is-clickable">
|
||||||
<cover-artwork
|
<cover-artwork
|
||||||
:artwork_url="artwork_url(item)"
|
:url="artwork_url(item)"
|
||||||
:artist="item.artist"
|
:artist="item.artist"
|
||||||
:album="item.name"
|
:album="item.name"
|
||||||
class="is-clickable fd-has-shadow fd-cover fd-cover-small-image"
|
class="is-clickable fd-has-shadow fd-cover fd-cover-small-image"
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<cover-artwork
|
<cover-artwork
|
||||||
:artwork_url="item.artwork_url"
|
:url="item.artwork_url"
|
||||||
:artist="item.artist"
|
:artist="item.artist"
|
||||||
:album="item.name"
|
:album="item.name"
|
||||||
class="fd-has-shadow fd-cover fd-cover-normal-image mb-5"
|
class="fd-has-shadow fd-cover fd-cover-normal-image mb-5"
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<cover-artwork
|
<cover-artwork
|
||||||
:artwork_url="artwork_url(item)"
|
:url="artwork_url(item)"
|
||||||
:artist="item.artist"
|
:artist="item.artist"
|
||||||
:album="item.name"
|
:album="item.name"
|
||||||
class="fd-has-shadow fd-cover fd-cover-normal-image mb-5"
|
class="fd-has-shadow fd-cover fd-cover-normal-image mb-5"
|
||||||
|
|
|
@ -21,7 +21,7 @@
|
||||||
</template>
|
</template>
|
||||||
<template #heading-right>
|
<template #heading-right>
|
||||||
<cover-artwork
|
<cover-artwork
|
||||||
:artwork_url="album.artwork_url"
|
:url="album.artwork_url"
|
||||||
:artist="album.artist"
|
:artist="album.artist"
|
||||||
:album="album.name"
|
:album="album.name"
|
||||||
class="is-clickable fd-has-shadow fd-cover fd-cover-medium-image"
|
class="is-clickable fd-has-shadow fd-cover fd-cover-medium-image"
|
||||||
|
|
|
@ -25,7 +25,7 @@
|
||||||
</template>
|
</template>
|
||||||
<template #heading-right>
|
<template #heading-right>
|
||||||
<cover-artwork
|
<cover-artwork
|
||||||
:artwork_url="artwork_url(album)"
|
:url="artwork_url(album)"
|
||||||
:artist="album.artists[0].name"
|
:artist="album.artists[0].name"
|
||||||
:album="album.name"
|
:album="album.name"
|
||||||
class="is-clickable fd-has-shadow fd-cover fd-cover-medium-image"
|
class="is-clickable fd-has-shadow fd-cover fd-cover-medium-image"
|
||||||
|
|
|
@ -21,7 +21,7 @@
|
||||||
</template>
|
</template>
|
||||||
<template #heading-right>
|
<template #heading-right>
|
||||||
<cover-artwork
|
<cover-artwork
|
||||||
:artwork_url="album.artwork_url"
|
:url="album.artwork_url"
|
||||||
:artist="album.artist"
|
:artist="album.artist"
|
||||||
:album="album.name"
|
:album="album.name"
|
||||||
class="is-clickable fd-has-shadow fd-cover fd-cover-medium-image"
|
class="is-clickable fd-has-shadow fd-cover fd-cover-medium-image"
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<div v-if="track.id > 0" class="hero-body is-flex is-align-items-center">
|
<div v-if="track.id > 0" class="hero-body is-flex is-align-items-center">
|
||||||
<div class="container has-text-centered" style="max-width: 500px">
|
<div class="container has-text-centered" style="max-width: 500px">
|
||||||
<cover-artwork
|
<cover-artwork
|
||||||
:artwork_url="track.artwork_url"
|
:url="track.artwork_url"
|
||||||
:artist="track.artist"
|
:artist="track.artist"
|
||||||
:album="track.album"
|
:album="track.album"
|
||||||
class="is-clickable fd-has-shadow fd-cover-big-image"
|
class="is-clickable fd-has-shadow fd-cover-big-image"
|
||||||
|
|
|
@ -19,7 +19,7 @@
|
||||||
</template>
|
</template>
|
||||||
<template #heading-right>
|
<template #heading-right>
|
||||||
<cover-artwork
|
<cover-artwork
|
||||||
:artwork_url="album.artwork_url"
|
:url="album.artwork_url"
|
||||||
:artist="album.artist"
|
:artist="album.artist"
|
||||||
:album="album.name"
|
:album="album.name"
|
||||||
class="is-clickable fd-has-shadow fd-cover fd-cover-medium-image"
|
class="is-clickable fd-has-shadow fd-cover fd-cover-medium-image"
|
||||||
|
|
Loading…
Reference in New Issue