IndexedDB storage wrapper for VueUse

storage.ts

import { useStorageAsync } from "@vueuse/core";
import { get, set, del } from "idb-keyval";

export const STORAGE_KEY_PREFIX = "app.session.";

// eslint-disable-next-line @typescript-eslint/no-explicit-any
export function useIdbStorage<T = any>(key: string, initialValue: T) {
  return useStorageAsync(`${STORAGE_KEY_PREFIX}${key}`, initialValue, {
    async getItem(key: string) {
      return (await get<string>(key)) ?? null;
    },
    async setItem(key: string, value: string) {
      await set(key, value);
    },
    async removeItem(key: string) {
      await del(key);
    },
  });
}