Suspend Mixin to stop/start component re-rendering

suspend.js

/* eslint-disable no-underscore-dangle */
export default (computedName) => ({
  watch: {
    // We add in a mechanism to delay re-render of this component
    // depending on derived reactive data.
    [computedName](val) {
      const render = this._watcher;
      if (render && val) {
        this._suspendGetter = render.getter;
        render.getter = () => { render.dirty = true; };
      } else if (this._suspendGetter) {
        render.getter = this._suspendGetter;
        delete this._suspendGetter;
        if (render.dirty) {
          render.dirty = false;
          render.update();
        }
      }
    },
  },
});