Returnable async promises

Vue.components allow promise (resolve, reject), but they don’t allow returnable promises. I want to be able to return a promise for async components.
I want to do this:

Vue.component('async-component', function () {
  return new Promise(function (resolve, reject) {
    //step 1
  }).then(function () {
    //step 2
  }).then(function () {
    return { 
      template: '<p>hi</p>' 
    }
  })

})

new Vue({ 
    el: '#demo' 
})

rather than this:

Vue.component('async-component', function (resolve, reject) {
  new Promise(function (resolve, reject) {
    //step 1
  }).then(function () {
    //step 2
  }).then(function () {
    resolve({ 
      template: '<p>hi</p>' 
    })
  }).catch(function (error) {
    reject(error)
  })

})

new Vue({ 
    el: '#demo' 
})

[JounQin]

Ok, thx and sorry again for bothering. @posva

[posva]

@JounQin Well that’s another subject I’m sure you’ll find information by searching on Google or the forums