Element Size

import { createElementSize } from 'seitu/web'

const size = createElementSize({
  element: document.querySelector('.container'),
})

size.subscribe(({ width, height }) => {
  console.log(width, height)
})

const { width } = size.get()
console.log(width)

'use client'

import * as React from 'react'
import { createElementSize } from 'seitu/web'
import { useSubscription } from 'seitu/react'

function Panel() {
  const [ref, setRef] = React.useState<HTMLDivElement | null>(null)
  const size = useSubscription(() => createElementSize({
    element: ref,
  }), { deps: [ref] })

  return (
    <div ref={setRef}>
      {size.width} × {size.height}
    </div>
  )
}