- {{ new Date(concert.date).toLocaleString('default', { month: 'long' }) }}
+ {{
+ new Date(concert.date).toLocaleString("default", { month: "long" })
+ }}
@@ -71,28 +79,23 @@ defineProps({
- {{ $t('misc.from') + ' ' + concert.price.toFixed(2) + ' €' }}
+ {{ $t("misc.from") + " " + concert.price.toFixed(2) + " €" }}
- {{ $t('concert.concertSoldOut') }}
+ {{ $t("concert.concertSoldOut") }}
- {{ $t('concert.goToTheConcert') }}
+ {{ $t("concert.goToTheConcert") }}
-
-
-
+
+
-
\ No newline at end of file
+
diff --git a/src/pages/bands/bandDetailPage/index.vue b/src/pages/bands/bandDetailPage/index.vue
index 98a1402..769927e 100644
--- a/src/pages/bands/bandDetailPage/index.vue
+++ b/src/pages/bands/bandDetailPage/index.vue
@@ -7,9 +7,13 @@ import concertSection from './concertSection.vue';
import heroImage from '@/components/pageParts/heroImage.vue';
import { useBandStore } from '@/stores/band.store';
import { onMounted, watch } from 'vue';
+import { useConcertStore } from '@/stores/concert.store';
const router = useRouter()
const bandStore = useBandStore()
+const concertStore = useConcertStore()
+
+concertStore.getConcerts()
onMounted(async () => {
bandStore.getBand(String(router.currentRoute.value.params.name).replaceAll('-', ' '))
diff --git a/src/pages/concerts/concertsPage/concertsListSection.vue b/src/pages/concerts/concertsPage/concertsListSection.vue
index 7862f82..9a733a6 100644
--- a/src/pages/concerts/concertsPage/concertsListSection.vue
+++ b/src/pages/concerts/concertsPage/concertsListSection.vue
@@ -1,17 +1,15 @@
-
+
@@ -25,14 +23,22 @@ const concertStore = useConcertStore()
v-for="(concert, index) of concertStore.concerts"
>
-
@@ -48,4 +54,4 @@ const concertStore = useConcertStore()
-
\ No newline at end of file
+
diff --git a/src/stores/concert.store.ts b/src/stores/concert.store.ts
index 16d9c86..41b5d14 100644
--- a/src/stores/concert.store.ts
+++ b/src/stores/concert.store.ts
@@ -64,6 +64,9 @@ export const useConcertStore = defineStore("concertStore", {
const feedbackStore = useFeedbackStore()
this.fetchInProgress = true
+ console.log("LOcation & Date:")
+ console.log(this.concerts)
+
let id = this.concerts.find((concert: ConcertApiModel) => {
return (concert.location.urlName == location && concert.date == date)
}).id
@@ -75,6 +78,7 @@ export const useConcertStore = defineStore("concertStore", {
})
.catch(res => {
feedbackStore.notFound = true
+ this.fetchInProgress = false
})
},