55 lines
1.4 KiB
TypeScript
55 lines
1.4 KiB
TypeScript
import { defineStore } from "pinia";
|
|
import { ref } from "vue";
|
|
import { fetchBandsBySearchTerm } from "../data/api/bandApi";
|
|
import { fetchLocationsBySearchTerm } from "../data/api/locationApi";
|
|
import { fetchConcertsBySearchTerm } from "../data/api/concertApi";
|
|
import { ConcertApiModel } from "@/data/models/acts/concertApiModel";
|
|
|
|
export const useSearchStore = defineStore("searchStore", {
|
|
state: () => ({
|
|
/** Search term */
|
|
searchTerm: ref(""),
|
|
|
|
/** Band results */
|
|
bands: ref(),
|
|
|
|
/** Location results */
|
|
locations: ref(),
|
|
|
|
/** Concert results */
|
|
concerts: ref<Array<ConcertApiModel>>([]),
|
|
|
|
/** One or more searches are already performed */
|
|
alreadySearched: ref(false),
|
|
|
|
/** Request to server sent, waiting for data response */
|
|
fetchInProgress: ref(false)
|
|
}),
|
|
|
|
actions: {
|
|
/**
|
|
* Search for the term in all bands, locations, events
|
|
*/
|
|
async startSearch() {
|
|
this.alreadySearched = true
|
|
this.fetchInProgress = true
|
|
|
|
await fetchBandsBySearchTerm(this.searchTerm)
|
|
.then(result => {
|
|
this.bands = result.data
|
|
})
|
|
|
|
await fetchLocationsBySearchTerm(this.searchTerm)
|
|
.then(result => {
|
|
this.locations = result.data
|
|
})
|
|
|
|
await fetchConcertsBySearchTerm(this.searchTerm)
|
|
.then(result => {
|
|
this.concerts = result.data
|
|
})
|
|
|
|
this.fetchInProgress = false
|
|
}
|
|
}
|
|
}) |