1---
2category: Reactivity
3---
4 
5# refManualReset
6 
7Create a ref with manual reset functionality.
8 
9## Usage
10 
11```ts
12import { refManualReset } from '@vueuse/core'
13 
14const message = refManualReset('default message')
15 
16message.value = 'message has set'
17 
18message.reset()
19 
20console.log(message.value) // 'default message'
21```
22 
23> [!NOTE]
24> `refManualReset` is shallow, which may cause your UI not updated on value changes.
25> Wrap your value with `reactive` can achieve deep reactivity, but this workaround may not suit all use cases.
26 
27## Type Declarations
28 
29```ts
30/**
31 * Define the shape of a ref that supports manual reset functionality.
32 *
33 * This interface extends the standard `Ref` type from Vue and adds a `reset` method.
34 * The `reset` method allows the ref to be manually reset to its default value.
35 */
36export interface ManualResetRefReturn<T> extends Ref<T> {
37  reset: Fn
38}
39/**
40 * Create a ref with manual reset functionality.
41 *
42 * @see https://vueuse.org/refManualReset
43 * @param defaultValue The value which will be set.
44 */
45export declare function refManualReset<T>(
46  defaultValue: MaybeRefOrGetter<T>,
47): ManualResetRefReturn<T>
48```
49