Does useAsyncGql work like useAsyncData? Can I WATCH a reactive variable to get new data?

[michaelpumo]

As mentioned, I need to be able to refetch data but the following code does not do this.

// useAsyncGql DOESN'T WORK when queryParams updates.
const { data: caseStudies } = await useAsyncGql('caseStudiesEntries', {
  statuses: [selectedStatuses.value],
  subjects: [...selectedSubjects.value],
  areas: [...selectedAreas.value],
  universities: [...selectedUniversities.value],
  topics: [...selectedTopics.value]
}, { watch: [queryParams], immediate: true })

// useAsyncData WORKS when queryParams updates.
const { data: testData } = await useAsyncData(
  'cat-facts',
  async () => await $fetch('https://cat-fact.herokuapp.com/facts/random?animal_type=cat&amount=2'),
  { watch: [queryParams], immediate: true },
)

What's the pattern for getting new data when something changes? I can't see it documented at all in the docs.
https://nuxt-graphql-client.web.app/getting-started/composables#useasyncgql

Thanks.

🎉🎉🎉🎉🎉
EDIT: I figured out that you can use useAsyncData directly for a more verbose approach, which appears to work with watch.
🎉🎉🎉🎉🎉

const { data: caseStudies } = await useAsyncData(
  'case-studies',
  () =>
    GqlCaseStudiesEntries({
      statuses: [selectedStatuses.value],
      subjects: [...selectedSubjects.value],
      areas: [...selectedAreas.value],
      universities: [...selectedUniversities.value],
      topics: [...selectedTopics.value]
    }),
  { watch: [queryParams], immediate: true }
)