[web] Simplify naming of component property

This commit is contained in:
Alain Nussbaumer 2024-04-23 20:10:59 +02:00
parent 73abc84979
commit 4c70105b5e
10 changed files with 11 additions and 11 deletions

View File

@ -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'],

View File

@ -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"

View File

@ -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"

View File

@ -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"

View File

@ -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"

View File

@ -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"

View File

@ -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"

View File

@ -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"

View File

@ -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"

View File

@ -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"