fix: improved pinia support (#1571)

vuejs · Aug 23, 2024 · d329d4d · d329d4d
1 parent 7f3cf7d
commit d329d4d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/vue-apollo-composable/src/useQuery.ts b/packages/vue-apollo-composable/src/useQuery.ts
@@ -6,6 +6,7 @@ import {
   watch,
   onServerPrefetch,
   getCurrentScope,
+  getCurrentInstance,
   onScopeDispose,
   nextTick,
   shallowRef,
@@ -152,6 +153,7 @@ export function useQueryImpl<
   lazy = false,
 ): UseQueryReturn<TResult, TVariables> {
   const currentScope = getCurrentScope()
+  const currentInstance = getCurrentInstance()
 
   const currentOptions = ref<UseQueryOptions<TResult, TVariables>>()
 
@@ -200,7 +202,7 @@ export function useQueryImpl<
     firstRejectError = undefined
   }
 
-  currentScope && onServerPrefetch?.(() => {
+  currentInstance && onServerPrefetch?.(() => {
     if (!isEnabled.value || (isServer && currentOptions.value?.prefetch === false)) return
 
     return new Promise<void>((resolve, reject) => {

diff --git a/packages/vue-apollo-composable/src/util/loadingTracking.ts b/packages/vue-apollo-composable/src/util/loadingTracking.ts
@@ -1,4 +1,4 @@
-import { Ref, watch, onUnmounted, ref, getCurrentScope, onScopeDispose } from 'vue-demi'
+import { Ref, watch, ref, getCurrentScope, onScopeDispose } from 'vue-demi'
 import { isServer } from './env.js'
 
 import type { EffectScope } from 'vue-demi'
@@ -36,7 +36,7 @@ export function getCurrentTracking () {
       subscriptions: ref(0),
     })
     // Cleanup
-    onUnmounted(() => {
+    onScopeDispose(() => {
       globalTracking.components.delete(currentScope)
     })
   } else {