do we need window.requestAnimationFrame()? If yes we also need options.window and can pass it to useResizeObserver 😄

why don't we implement this in the resizeobserver? dont we need this in most cases?

why don't we implement this in the resizeobserver? dont we need this in most cases?

Are you mean useResizeObserver? Or what are you referring to?

Are you mean useResizeObserver? Or what are you referring to?

should we wrap every callback from useResizeObserver into requestAnimationFrame to prevent this.

here: https://github.com/vueuse/vueuse/blob/main/packages/core/useResizeObserver/index.ts#L78

maybe not. should be just a wrapper around ResizeObserver

I see, this is worth discussing. I guess requestAnimationFrame is not necessary in all cases (e.g: state change).

I wonder if we should fallback to execute this immediately when window does not exist?

I don't know when this will be needed, but what do you think?

what about tryRequestAnimationFrame 😄

Do you mean ?

function tryRequestAnimationFrame(fn: Fn) {
  if (typeof requestAnimationFrame === 'function') {
    requestAnimationFrame(fn)
  }
  else {
    fn()
  }
}

Do you mean ?

function tryRequestAnimationFrame(fn: Fn) {
  if (typeof requestAnimationFrame === 'function') {
    requestAnimationFrame(fn)
  }
  else {
    fn()
  }
}

function tryRequestAnimationFrame(window, fn) {
  if (typeof window?.requestAnimationFrame === 'function') {
    window.requestAnimationFrame(fn)
  }
  else {
    fn()
  }
}

Maybe we could add this to #4548 and replace all instances with this, if needed.

Do we have other usage like this? If not I think we could just implement this inline for now and refactor later if needed

Do we have other usage like this? If not I think we could just implement this inline for now and refactor later if needed

Maybe there isn't, but I think we can implement it directly.