const { data: specificLocation, status } = useLazyFetch<{location: ILocation, cityName: string}>(() => {
  if (slug.value.length === 3) {
    return `/api/v2/locations/search?countryCode=${slug.value[0]}&cityName=${slug.value[1]}&locationName=${slug.value[2]}`;
  }
  return '';
}, {
  immediate: true,
  watch: [slug]
});

const { data: specificLocation, status } = useLazyFetch<{location: ILocation, cityName: string}>(() => {
  if (slug.value.length === 3) {
    return `/api/v2/locations/search?countryCode=${slug.value[0]}&cityName=${slug.value[1]}&locationName=${slug.value[2]}`;
  }
  return '';
}, {
  immediate: true,
  watch: [slug]
});

const updateRef = ref(0)
const { data, status } = useFetch<{ city: any, location: ILocation, stones: IStone[] }>(`/api/v2/locations/${parsedId}`, {
    watch: [updateRef],
    transform(data) {
        data.location.name = data.location.name as ITranslatedText
        return data
    }
})

const updateRef = ref(0)
const { data, status } = useFetch<{ city: any, location: ILocation, stones: IStone[] }>(`/api/v2/locations/${parsedId}`, {
    watch: [updateRef],
    transform(data) {
        data.location.name = data.location.name as ITranslatedText
        return data
    }
})