text: import { getWindow, getDocument } from 'ssr-window';
  import { getDevice } from '../../shared/get-device';
  
  export default {
    name: 'resize',
    create() {
      const app = this;
      app.getSize = () => {
        if (!app.el) return { width: 0, height: 0, left: 0, top: 0 };
        const offset = app.$el.offset();
        const [width, height, left, top] = [
          app.el.offsetWidth,
          app.el.offsetHeight,
          offset.left,
          offset.top,
        ];
        app.width = width;
        app.height = height;
        app.left = left;
        app.top = top;
        return { width, height, left, top };
      };
    },
    on: {
      init() {
        const app = this;
        const window = getWindow();
  
        // Get Size
        app.getSize();
  
        // Emit resize
        window.addEventListener(
          'resize',
          () => {
            app.emit('resize');
          },
          false,
        );
  
        // Emit orientationchange
        window.addEventListener('orientationchange', () => {
          app.emit('orientationchange');
        });
      },
      orientationchange() {
        const document = getDocument();
        const device = getDevice();
        // Fix iPad weird body scroll
        if (device.ipad) {
          document.body.scrollLeft = 0;
          setTimeout(() => {
            document.body.scrollLeft = 0;
          }, 0);
        }
      },
      resize() {
        const app = this;
        app.getSize();
      },
    },
  };
  