Web Storage

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

const sessionStorage = createWebStorage({
  type: 'sessionStorage',
  schemas: {
    token: z.string().nullable(),
    preferences: z.object({ theme: z.enum(['light', 'dark']) }),
  },
  defaultValues: { token: null, preferences: { theme: 'light' } },
})

sessionStorage.get() // { token: null, preferences: { theme: 'light' } }
sessionStorage.set({ token: 'abc' })
sessionStorage.get() // { token: 'abc', preferences: { theme: 'light' } }
sessionStorage.subscribe(console.log)

'use client'

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

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

export default function Page() {
  const value = useSubscription(sessionStorage)
  return (
    <div>
      <span>{value.count}</span>
      <span>{value.name}</span>
    </div>
  )
}