feat: accept ref as key

edumudu · Aug 25, 2022 · 7b3d793 · 7b3d793
1 parent d52dbad
commit 7b3d793
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/lib/composables/swr/index.ts b/lib/composables/swr/index.ts
@@ -30,7 +30,7 @@ export const useSWR = <Data = any, Error = any>(
     onError,
   } = mergedConfig;
 
-  const { key, args: fetcherArgs } = toRefs(toReactive(computed(() => serializeKey(_key))));
+  const { key, args: fetcherArgs } = toRefs(toReactive(computed(() => serializeKey(unref(_key)))));
   const fallbackValue = fallbackData === undefined ? fallback?.[key.value] : fallbackData;
 
   const valueInCache = computed(() => cacheProvider.get(key.value));

diff --git a/lib/types/lib.ts b/lib/types/lib.ts
@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import type { DeepMaybeRef, MaybeRef } from '@/types/generics';
 
 export type KeyArguments =
   | string
@@ -9,7 +9,7 @@ export type KeyArguments =
   | false;
 
 export type Key = KeyArguments | (() => KeyArguments);
-export type SWRKey = Key;
+export type SWRKey = MaybeRef<Key>;
 export type SWRFetcher<Data> =
   | ((...args: any[]) => Promise<Data> | Data)
   | (() => Promise<Data> | Data);