1---
2category: State
3related:
4  - useRefHistory
5  - useThrottledRefHistory
6---
7 
8# useDebouncedRefHistory
9 
10Shorthand for `useRefHistory` with debounced filter.
11 
12## Usage
13 
14This function takes a snapshot of your counter after 1000ms when the value of it starts to change.
15 
16```ts
17import { useDebouncedRefHistory } from '@vueuse/core'
18import { shallowRef } from 'vue'
19 
20const counter = shallowRef(0)
21const { history, undo, redo } = useDebouncedRefHistory(counter, { deep: true, debounce: 1000 })
22```
23 
24## Type Declarations
25 
26```ts
27/**
28 * Shorthand for [useRefHistory](https://vueuse.org/useRefHistory) with debounce filter.
29 *
30 * @see https://vueuse.org/useDebouncedRefHistory
31 * @param source
32 * @param options
33 */
34export declare function useDebouncedRefHistory<Raw, Serialized = Raw>(
35  source: Ref<Raw>,
36  options?: Omit<UseRefHistoryOptions<Raw, Serialized>, "eventFilter"> & {
37    debounce?: MaybeRefOrGetter<number>
38  },
39): UseRefHistoryReturn<Raw, Serialized>
40```
41