[useFetch] Feautre request: use refetch also for POST data

Currently useFetch can resend request if I change url. But it would be nice to have the same function if POST data is also changed.

So it can be possible to do something like that:

function useSearch() {
  const query = ref('') // Connect to text input
  const debouncedQuery = ref('')

  // Add delay to not call API while user is typing
  debouncedWatch(query, (query: string) => (debouncedQuery.value = query), { debounce: 500 })

  const { data } = useFetch('https://example.com/search', {
    immediate: false,
    refetch: true,
  })
    .post({ q: query}) // or reactive({ q: query})
    .json()

  return { query, data }
}

[wheatjs]

Going to close this out in favor of using something like @isgj suggested

[isgj]

You can call post in debounceWatch like

function useSearch() {
  const query = ref('') // Connect to text input

  const { data, post } = useFetch('https://example.com/search', {
    immediate: false,
    // refetch: true,
  })
    // .post({ q: query}) // not needed because immediate is false 
    .json()

  // Add delay to not call API while user is typing
  // consider aborting the previous call if one is ongoing before making another call
  debouncedWatch(query, (query: string) => post({ q: query }), { debounce: 500 })

  return { query, data }
}