From 6664dcccb97536c6e637cbdbd77f4a0db72ffc40 Mon Sep 17 00:00:00 2001 From: 94726 Date: Fri, 21 Jul 2023 23:36:52 +0200 Subject: [PATCH] fix(nuxt): sync useNuxtData and useAsyncData --- packages/nuxt/src/app/composables/asyncData.ts | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/nuxt/src/app/composables/asyncData.ts b/packages/nuxt/src/app/composables/asyncData.ts index 9cfad40dd4..4500db77db 100644 --- a/packages/nuxt/src/app/composables/asyncData.ts +++ b/packages/nuxt/src/app/composables/asyncData.ts @@ -120,8 +120,9 @@ export function useAsyncData< // Setup nuxt instance payload const nuxt = useNuxtApp() - const getCachedData = () => nuxt.isHydrating ? nuxt.payload.data[key] : nuxt.static.data[key] - const hasCachedData = () => getCachedData() !== undefined + // toRef to make sure asyncData and useNuxtData are synced + const getCachedData = () => nuxt.isHydrating ? toRef(nuxt.payload.data, key) : nuxt.static.data[key] + const hasCachedData = () => unref(getCachedData()) !== undefined // Create or use a shared asyncData entity if (!nuxt._asyncData[key]) {