Valdres

useResetAtom

Signature
useResetAtom(atom: Atom<any>): () => void

valdres-vue Reset an atom to its default value

Returns a function that resets an atom back to its default value.

Usage

<script setup>
import { atom } from "valdres"
import { useAtom, useResetAtom } from "valdres-vue"

const countAtom = atom(0)
const count = useAtom(countAtom)
const reset = useResetAtom(countAtom)
</script>

<template>
    <div>
        <span>{{ count }}</span>
        <button @click="count++">+</button>
        <button @click="reset()">Reset</button>
    </div>
</template>

See also