Still confused about router params is defineQuery

[marpe]

Sorry I closed the discussion that was up earlier a little too soon. Since it's been marked as done, I'm opening a new one to continue. I made an example repo of the issue I'm having:

Actually I spoke too soon, can't get it to work even with these changes:

export const useDeck = defineQuery(() => {
  const route = useRoute("deck-deckId");
  // const deckId = computed(() => Number(route.params.deckId));

  const result = useQuery({
    key: () => ["decks", { deckId: Number(route.params.deckId) }],
    query: () => useRequestFetch()(`/api/decks`).then(decks => {
      return decks.find(d => d.id === Number(route.params.deckId));
    }) as Promise<(Deck & { cardCount: number }) | undefined>,
  });

  return {
    ...result
  }
});

Initial load works, but navigating back and forth doesn't trigger another fetch. Tried using computed as I've commented out, didn't work either.

Edit: I'll see if i can setup a minimum repro in a bit

Edit: Repro here

Sorry but I forgot to mention earlier that I'm using compatibilityVersion: 4

Originally posted by @marpe in #144 (reply in thread)

[posva]

This seems to come from Nuxt: the useRequestFetch()(`/api/decks?deckId=${Number(route.params.deckId)}`) is only calling the API with the first call, only calling the API with one of the decks id. Subsequent calls fetch the exact same URL. For some reason the useRoute() returns a non reactive route. This seems like a Nuxt bug

[posva]

This seems to come from

• useRoute() does not update with current route after upgrading from 3.11.2 to 3.12.0 nuxt/nuxt#28804 (comment)
• $route updated too early when switching page nuxt/nuxt#20674 (comment)
• callWithNuxt returns old params from useRoute after the await nuxt/nuxt#21283 (comment)

One workaround I found is to use native vue router properties:

• replace NuxtPage with RouterView
• import useRoute from 'vue-router'

[posva]

I was wrong! This was a bug in defined queries: they were injecting local scope

[posva]

Fixed in 2307daf. I checked locally and it's working now 🎉

[wanderowski]

Hi everyone! Same for me. Any workarounds on this issue?