Web Storage Value

import { createWebStorageValue } from 'seitu/web'
import * as z from 'zod'

const tokenStorage = createWebStorageValue({
  type: 'sessionStorage',
  key: 'token',
  schema: z.string().nullable(),
  defaultValue: null,
})

tokenStorage.get() // null
tokenStorage.set('abc')
tokenStorage.get() // 'abc'
tokenStorage.subscribe(console.log)

import { createWebStorage, createWebStorageValue } from 'seitu/web'
import * as z from 'zod'

const sessionStorage = createWebStorage({
  type: 'sessionStorage',
  schemas: { count: z.number(), name: z.string() },
  defaultValues: { count: 0, name: '' },
})

const countStorage = createWebStorageValue({
  storage: sessionStorage,
  key: 'count',
})

countStorage.get() // 0
countStorage.set(1)
countStorage.get() // 1

'use client'

import { createWebStorageValue } from 'seitu/web'
import { useSubscription } from 'seitu/react'
import * as z from 'zod'

const countStorage = createWebStorageValue({
  type: 'sessionStorage',
  key: 'count',
  schema: z.number(),
  defaultValue: 0,
})

export default function Page() {
  const value = useSubscription(countStorage)
  return (
    <div>
      <span>{value}</span>
    </div>
  )
}