docs(refDebounced): add usage example with object ref

Co-authored-by: XavierChevalier <XavierChevalier@users.noreply.github.com>
vueuse · OrbisK · Jul 22, 2025 · Jul 21, 2025 · Jul 21, 2025 · Jul 21, 2025
commit 29909b9147672fc0a886db7b5b73d8189d8b2e62
diff --git a/packages/shared/refDebounced/index.md b/packages/shared/refDebounced/index.md
@@ -24,6 +24,32 @@ await sleep(1100)
 console.log(debounced.value) // 'bar'
 ```
 
+An example with object ref.
+
+```js {5}
+import { refDebounced } from '@vueuse/core'
+import { shallowRef } from 'vue';
+
+const data = shallowRef({
+  name: 'foo',
+  age: 18,
+})
+const debounced = refDebounced(data, 1000)
+
+function update() {
+  data.value = {
+    ...data.value,
+    name: 'bar',
+  }
+}
+
+console.log(debounced.value) // { name: 'foo', age: 18 }
+
+await sleep(1100)
+
+console.log(debounced.value) // { name: 'bar', age: 18 }
+```
+
 You can also pass an optional 3rd parameter including maxWait option. See `useDebounceFn` for details.
 
 ## Recommended Reading