Batch fetch multiple KQL queries

[Jorckx]

Would it be possible to create a composable that sends all the queries as a single post request?

So we can limit the amount of requests to the server. Ideally the page and queries are cached, but sometimes when a page is updated it needs toi bypass the cache and do new requests. I'm asking this since the webhosting I'm using for a Kirby instance has some sort of rate-limit for requests… And it already happend that a page got an error-403 from the server. This to me indicates it has a rate-limit for requests (at least coming from cf).

In such case it would already help when the queries can be combined in one batch/request. Not sure if that makes any sense?

I was roughly thinking about something like this:

export function useKqlBatch(queries) {
  return useFetch(kql.baseUrl, {
      method: 'POST',
      body: { query: queries },
      // ++ all the required options
  })
}

Which then can be used in our templates like this:

<script setup>
// individual queries go here…
…

// Make one request with all of the queries combined
const { data } = await useKqlBatch([
  { name: "site", siteQuery },
  { name: "articles", articlesQuery },
  { name: "navigation", navigationQuery }
]);

// lastly, split the response data into it's corresponding query
const siteTitle = computed(() => data.value?.result?.site);
const articles = computed(() => data.value?.result?.articles);
const navigation = computed(() => data.value?.result?.navigation);
</script>

Or is something like this this already possible without me noticing it?

Also worth noting that the graphql-plugin for nuxt has this feature:
https://github.com/gomah/nuxt-graphql-request?tab=readme-ov-file#batch-queries

Hope it's worth asking it anyway :)

[johannschopplich]

Have you tried achieving a similar result with a normal query, but nested?

const { data } = await useKql({
  query: 'site',
  select: {
    site: siteQuery,
    articles: articlesQuery,
    navigation: navigationQuery
  }
})

[Jorckx]

That makes so much sense actually!
Maybe an idea to include it as a recipe in the docs? Might come in handy for some :)
thanks for the quick response.

[johannschopplich]

Absolutely. PR welcome!