useIDBKeyval

idb-keyval のラッパー。

ピア依存関係として idb-keyval をインストール

npm install idb-keyval@^6

使用方法

import { useIDBKeyval } from '@vueuse/integrations/useIDBKeyval'

// オブジェクトをバインド
const { data: storedObject, isFinished } = useIDBKeyval('my-idb-keyval-store', { hello: 'hi', greeting: 'Hello' })

// オブジェクトを更新
storedObject.value.hello = 'hola'

// ブール値をバインド
const flag = useIDBKeyval('my-flag', true) // Ref<boolean> を返す

// 数値をバインド
const count = useIDBKeyval('my-count', 0) // Ref<number> を返す

// IDB トランザクションを待機
await count.set(10)
console.log('IDB トランザクションが完了しました！')

// idb ストレージからデータを削除
storedObject.value = null