feat(useImage): use computed ref (#1776)

vueuse · Jul 7, 2022 · 07aa510 · 07aa510
1 parent 0284aac
commit 07aa510
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/packages/core/useImage/index.ts b/packages/core/useImage/index.ts
@@ -1,7 +1,6 @@
-import type { MaybeRef } from '@vueuse/shared'
-
-import { unref, watch } from 'vue-demi'
-
+import { watch } from 'vue-demi'
+import type { MaybeComputedRef } from '@vueuse/shared'
+import { resolveUnref } from '@vueuse/shared'
 import type { AsyncStateOptions } from '../useAsyncState'
 import { useAsyncState } from '../useAsyncState'
 
@@ -38,11 +37,11 @@ async function loadImage(options: UseImageOptions): Promise<HTMLImageElement> {
  * @param asyncStateOptions
  */
 export const useImage = <Shallow extends true>(
-  options: MaybeRef<UseImageOptions>,
+  options: MaybeComputedRef<UseImageOptions>,
   asyncStateOptions: AsyncStateOptions<Shallow> = {},
 ) => {
   const state = useAsyncState<HTMLImageElement | undefined>(
-    () => loadImage(unref(options)),
+    () => loadImage(resolveUnref(options)),
     undefined,
     {
       resetOnExecute: true,
@@ -51,7 +50,7 @@ export const useImage = <Shallow extends true>(
   )
 
   watch(
-    () => unref(options),
+    () => resolveUnref(options),
     () => state.execute(asyncStateOptions.delay),
     { deep: true },
   )