fix(useCloned): check for getter function to watch (#3142)

vueuse · Jun 7, 2023 · 6d63027 · 6d63027
1 parent 9d34afc
commit 6d63027
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/packages/core/useCloned/index.test.ts b/packages/core/useCloned/index.test.ts
@@ -29,6 +29,18 @@ describe('useCloned', () => {
     expect(cloned.value).toEqual(data.value)
   })
 
+  it('works with getter function', async () => {
+    const data = ref({ test: 'test' })
+
+    const { cloned } = useCloned(() => data.value)
+
+    data.value.test = 'success'
+
+    await nextTick()
+
+    expect(cloned.value).toEqual(data.value)
+  })
+
   it('works with refs and manual sync', async () => {
     const data = ref({ test: 'test' })
 

diff --git a/packages/core/useCloned/index.ts b/packages/core/useCloned/index.ts
@@ -53,7 +53,7 @@ export function useCloned<T>(
     cloned.value = clone(toValue(source))
   }
 
-  if (!manual && isRef(source)) {
+  if (!manual && (isRef(source) || typeof source === 'function')) {
     watch(source, sync, {
       ...options,
       deep,