useAsyncGql: all variable changes trigger execution

[4ndre4s]

Environment

Any

Describe the bug

All variables passed to useAsyncGql are watched by default. There is no way to override the watch property of the underlying useAsyncData, at least all variables will be watched.

src/runtime/composables/index.ts#L332

export function useAsyncGql (...args: any[]) {
  const toReactive = (v: any) => v && isRef(v) ? v : reactive(v)
  const options = (typeof args?.[0] !== 'string' && 'options' in args?.[0] ? args[0].options : args[2]) ?? {}
  const operation = (typeof args?.[0] !== 'string' && 'operation' in args?.[0] ? args[0].operation : args[0]) ?? undefined
  const variables = (typeof args?.[0] !== 'string' && 'variables' in args?.[0] ? toReactive(args[0].variables) : args[1] && toReactive(args[1])) ?? undefined
  if (variables) {
    options.watch = options.watch || []
    // ⬇️ this line here causes the issue
    options.watch.push(variables)
  }
  const key = `gql:data:${hash({ operation, variables })}`
  return useAsyncData(key, () => useGql()(operation, unref(variables)), options)
}

As you can see here, useAsyncData requires every watch source to be explicitely registered.

I understand that one wants to keep backwards compatibility and not break existing implementations, but would it be possible to - for example - provide a flag autowatch=false (or just to use the value of options.watch) to disable the by default registration?

Expected behaviour

The variables should not be watched by default. At least, there should be a flag to turn off the automatic registration.

Reproduction

No response

Additional context

No response

Logs

No response