fix: useQuery loading and debounce issues

[neil585456525]

#1235
Should let loading ref be true when refetch.

#1271
Should use currentOptions.value instead of just currentOptions.

[ferm10n]

is it possible that this comment is talking about currentOptions itself being uninitialized, and not currentOptions.value?

[ferm10n]

My interpretation of the watch on the optionsRef is basically: "if the options (throttle or debounce) have changed, update the restart fn, then call it with the new options"

At least, that's what I think the intent was. It doesn't actually work that way because it only updates the options when changed, not initialized.

Another part to solving the debounce issue might be something like this:

  watch(() => isRef(optionsRef) ? optionsRef.value : optionsRef, value => {
    const oldThrottle = currentOptions.value?.throttle;
    const oldDebounce = currentOptions.value?.debounce;
    currentOptions.value = value;
    if (oldThrottle !== value.throttle || oldDebounce !== value.debounce)) {
      updateRestartFn()
    }
    restart()
  }, {
    deep: true,
    immediate: true,
  })

Both this solution and the one in this PR will solve the issue, but I think it makes sense that both are used (assuming my earlier comment above isn't relevant)

[neil585456525]

is it possible that this comment is talking about currentOptions itself being uninitialized, and not currentOptions.value?

Hi, @ferm10n ! Welcome to join the discussion. In my personal opinion, maybe? First, because the currentOptions has been defined when this function implementation start. As it use ref as the defined type, all value changing should be based on the currentOptions.value to keep the Vue reactivity.
But in other perspective, maybe in server environment the currentOptions will truly be uninitialize for real? We could do some test to find out:)
Or another possibility what I guess is that maybe in server side, there are something additional logic should be run, since it still in progress.
But to be honest , I think if this code's writer can give us some details about it, we could understand it without too much confusion.

[neil585456525]

  watch(() => isRef(optionsRef) ? optionsRef.value : optionsRef, value => {
    const oldThrottle = currentOptions.value?.throttle;
    const oldDebounce = currentOptions.value?.debounce;
    currentOptions.value = value;
    if (oldThrottle !== value.throttle || oldDebounce !== value.debounce)) {
      updateRestartFn()
    }
    restart()
  }, {
    deep: true,
    immediate: true,
  })

@ferm10n LGTM👍
BTW, after I have read the logic you mentioned, I come up with another solution that like this

watch([documentRef,optionsRef,variablesRef],()=>{
//do logic here
})

Possibly, it could solve the asynchronous problem which you want to deal with.