New locationDetailPage displays concert in a location, new datasets, images, URL path changed

software/src/data/models/acts/cityModel.ts

@@ -1,3 +1,6 @@
+/**
+ * Replica of the API endpoint /cities
+ */
 export class CityModel {
   id: number
   name: string
@@ -8,5 +11,6 @@ export class CityModel {
     name: string
     address: string
     image: string
+    nrOfConcerts: number
   }>
 }

software/src/data/models/acts/locationModel.ts

@@ -1,3 +1,6 @@
+/**
+ * Replica of the API endpoint /locations
+ */
 export class LocationModel {
   id: number
   name: string
@@ -7,4 +10,16 @@ export class LocationModel {
     name: string
     country: string
   }
+  concerts: Array<{
+    id: number
+    date: string
+    price: number
+    inStock: number
+    tour: {
+      name: string
+      offered: boolean
+      image: string
+      bandName: string
+    }
+  }>
 }

software/src/data/stores/concertStore.ts

@@ -53,6 +53,10 @@ export const useConcertStore = defineStore("concertStore", {
       await getAllGenres()
         .then(result => {
           this.genres = result.data
+
+          this.genres.sort((a, b) => {
+            return a.name > b.name
+          })
         })
 
       await getAllCities()