Ponkhy
Ponkhy
PostsComments
NNuxt
Created by Ponkhy on 11/25/2024 in #❓・help
useFetch doesn't send new query
Hello, unfortunately I couldn't really find a simple answer to my problem. I have this useFetch: 
const {
  status,
  refresh,
  data,
  error: errorData,
} = await useFetch(`/api/data/${route.params.id}`, {
  watch: false,
  query: { search: search, types: selectedTypes.value.map(type => type.id) },
})
const {
  status,
  refresh,
  data,
  error: errorData,
} = await useFetch(`/api/data/${route.params.id}`, {
  watch: false,
  query: { search: search, types: selectedTypes.value.map(type => type.id) },
})
selectedTypes is an array of multiple selected items of a USelectMenu Nuxt UI element and search a storeToRefs from Pinia. If a change search the new value of it will properly be send to the API, but if I select something else in selectedTypes it will always use the first value and not the updated one. I'm also watching both values and refresh them like this: 
watch(
  [search, selectedTypes],
  useDebounceFn(() => {
    refresh()
  }, 300),
)
watch(
  [search, selectedTypes],
  useDebounceFn(() => {
    refresh()
  }, 300),
)
How can I active selectedTypes being send properly withe changed value without much overhead?
10 replies