@arco-design/web-vue/es/_hooks/use-resize-observer.js

Arco Design Vue 2.0: A Vue.js 3 UI Library

import ResizeObserver from "resize-observer-polyfill";
import { isFunction } from "../_utils/is.js";
const useResizeObserver = ({
  elementRef,
  onResize
}) => {
  let resizeObserver;
  const createResizeObserver = () => {
    if (!elementRef.value)
      return;
    resizeObserver = new ResizeObserver((entries) => {
      const entry = entries[0];
      isFunction(onResize) && onResize(entry);
    });
    resizeObserver.observe(elementRef.value);
  };
  const destroyResizeObserver = () => {
    if (resizeObserver) {
      resizeObserver.disconnect();
      resizeObserver = null;
    }
  };
  return {
    createResizeObserver,
    destroyResizeObserver
  };
};
export { useResizeObserver };