Display concerts with card views on "All concerts" page, adding image property for tours

software/src/components/cardWithLeftImage.vue

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+defineProps({
+  image: String,
+  title: String
+})
+</script>
+
+<template>
+  <v-card
+    variant="tonal"
+    link
+  >
+    <v-row>
+      <v-col cols="auto" class="pr-0">
+        <v-img :src="image" aspect-ratio="1" width="140" cover />
+      </v-col>
+
+      <v-col class="pl-0">
+        <v-card-title v-if="title">
+          {{ title }}
+        </v-card-title>
+
+        <div class="px-4 pb-4" v-if="$slots.default">
+          <slot></slot>
+        </div>
+      </v-col>
+
+      <v-col cols="2" height="100%">
+        <slot name="append"></slot>
+      </v-col>
+    </v-row>
+  </v-card>
+</template>

software/src/components/cardWithTopImage.vue

@@ -1,7 +1,11 @@
 <script setup lang="ts">
 defineProps({
   image: String,
-  title: String
+  title: String,
+  smallerTitle: {
+    type: Boolean,
+    default: false
+  }
 })
 </script>
 
@@ -17,9 +21,16 @@ defineProps({
       cover
     />
 
-    <v-card-title v-if="title">
-      {{ title }}
-    </v-card-title>
+    <div v-if="title">
+      <v-card-title v-if="!smallerTitle">
+        {{ title }}
+      </v-card-title>
+
+      <v-card-title v-else style="font-size: medium">
+        {{ title }}
+      </v-card-title>
+    </div>
+
 
     <div class="px-4 pb-4" v-if="$slots.default">
       <slot></slot>

software/src/components/navigation/navigationPrependItems.vue

@@ -10,12 +10,12 @@
   <v-divider vertical />
 
   <v-btn
-    to="/shows/events"
+    to="/shows/concerts"
     prepend-icon="mdi-ticket"
     height="100%"
     :rounded="false"
   >
-    {{ $t('menu.allEvents', 2) }}
+    {{ $t('menu.allConcerts', 2) }}
   </v-btn>
 
   <v-divider vertical />