useFetch refresh failing to recognise new query params

const { data, refresh } = await useFetch(`/api/images`, {
  query: {
    q: query.value
  }
});

watch(() => route.query.q, async () => {
  await refreshNuxtData();
  await refresh();
});