Valdres

useStore

Signature
useStore(): Store

valdres-vue Access the current store instance

Returns the current valdres store from the Vue provide/inject context. Useful for imperative operations.

Usage

<script setup>
import { useStore } from "valdres-vue"

const store = useStore()

function logValue() {
    console.log("Current:", store.get(myAtom))
}
</script>

<template>
    <button @click="logValue">Log value</button>
</template>

Transactions

Access the store to perform batched updates:

<script setup>
import { useStore } from "valdres-vue"

const store = useStore()

function resetAll() {
    store.txn(set => {
        set(nameAtom, "")
        set(emailAtom, "")
        set(ageAtom, 0)
    })
}
</script>

<template>
    <button @click="resetAll">Reset all</button>
</template>

See also