nuxt-modules / apollo

Nuxt.js module to use Vue-Apollo. The Apollo integration for GraphQL.
https://apollo.nuxtjs.org
MIT License
955 stars 198 forks source link

UseAsyncQuery fails to get correct type on res data #632

Open wrzrmzx opened 3 months ago

wrzrmzx commented 3 months ago

Environment

Describe the bug

After I update the deps using pnpm up -Lir, I got wrong type in data: const { data } = await useAsyncQuery<Query>() vscode shows: const data: AsyncData<T, Error> rather than ListNotificationGqlResult(a type in Query) so that I got wrong in const listNoteCountTypesCommentReply = computed(() =>listUnreadNotificationsCount.value.list.find(item => item.msgtype === 'comment_reply')?.count || 0) for item gets any type

Expected behaviour

type of data mentioned above is ListNotificationGqlResult

Reproduction

https://github.com/PatchyVideo/platinum/blob/nuxt/pages/notification.vue#L32 type of data cannot be infered as ListNotificationGqlResult while history version https://github.com/PatchyVideo/platinum/blob/a29204bc08f402dff7f625802a8b51a3e651b34d/pages/notification.vue#L32 can infer it correctly

Additional context

plugin GraphQL v0.1.2 and Apollo GraphQL v1.20.0 is installed in my vscode

Logs

No response

wrzrmzx commented 19 hours ago

It's strange that I found useQuery works well Image