Creating whole Band details page

2024-09-29 16:56:43 +02:00
parent 422a5e1722
commit f898c0c5b9
16 changed files with 294 additions and 111 deletions
--- a/software/src/components/cardWithTopImage.vue
+++ b/software/src/components/cardWithTopImage.vue
@@ -1,6 +1,10 @@
 <script setup lang="ts">
 defineProps({
  image: String,
+  errorImage: {
+    type: String,
+    default: "artists/unknown-artist.jpg"
+  },
  title: String,
  smallerTitle: {
    type: Boolean,
@@ -19,7 +23,15 @@ defineProps({
      aspect-ratio="1"
      style="background-color: aliceblue;"
      cover
-    />
+    >
+      <template #error>
+        <v-img
+          :src="'http://localhost:3000/static/' + errorImage"
+          aspect-ratio="1"
+          style="background-color: aliceblue;"
+        />
+      </template>
+    </v-img>

    <div v-if="title">
      <v-card-title v-if="!smallerTitle">