on-element-resize modifier for Ember.js

on-element-resize.js

import { modifier } from 'ember-modifier';
import { run } from '@ember/runloop';

export default modifier(function onElementResize(element, [fn]) {
  const observer = new window.ResizeObserver(() => {
    run(() => {
      fn(element);
    });
 });
 observer.observe(element);
 
 return () => {
   observer.disconnect();
 };
});