How to wrap a vue object in a Promise?

Question

JavaScript

I want to make a dialogue on vue.js with a return value.
It turns out something like this:

static changeSizeDialog(direction, currentValue){
    return new Promise((resolve, reject) => {
      const dialog = new Vue({
        el: '#dialogChangeSize',
        data: {
          show: true,
          direction: direction,
          value: currentValue,
        },
        methods:{
          closeDialog(){
            this.show = false;
            dialog.$destroy();
            dialog.$el.remove();
          },
          setSize: function(value){
            this.closeDialog();
            resolve(value);
          }
        }
      });
    });
  }

I want to make the dialog call simple, something like this:

Aperture.dialogChangeSize(param1, param2).then((result) => {...})

How to implement this?