Refetching and rerendering AsyncQueries from Apollo?

I'm using AsyncQuery to fetch content before the page is rendered:

const { data, refresh } = await useAsyncQuery()

const { data, refresh } = await useAsyncQuery()

<template>{{ data }}</template>

<template>{{ data }}</template>

Now I thought calling

refresh

refresh

would re-fetch the data and render the new content, but this does not work. I've also tried

refreshNuxtData()

refreshNuxtData()

, but the updated content does not get rendered as well.

The only so far I've found to work is to execute the query again with

useQuery

useQuery

, but this seems a bit redundant, using two different composables.
Is there something I'm missing?

Nuxt•2y ago•

2 replies

I'm using AsyncQuery to fetch content before the page is rendered:

const { data, refresh } = await useAsyncQuery()

const { data, refresh } = await useAsyncQuery()

<template>{{ data }}</template>

<template>{{ data }}</template>

Now I thought calling

refresh

refresh

would re-fetch the data and render the new content, but this does not work. I've also tried

refreshNuxtData()

refreshNuxtData()

, but the updated content does not get rendered as well.

The only so far I've found to work is to execute the query again with

useQuery

useQuery

, but this seems a bit redundant, using two different composables.
Is there something I'm missing?