Vuepress: Async / await

Created on 18 Apr 2018 · 9Comments · Source: vuejs/vuepress

we can't use async await by default with a custom components in doc

.vuepress
--components
----customcomponents.vue

async sendRequest(){
 const response = await axios.post(this.url, JSON.parse(this.$refs.requestBody.innerText))
  //do soomething
}

need a specific loader (babel i suppose).

Maybe a good thing to embed babel async await loader by default

feature request

Source

dgpgdev

👍2

Most helpful comment

You can also use chainWebpack to replace the loader used for js:

module.exports = {
  chainWebpack: config => {
    const jsRule = config.module.rule('js')
    jsRule.uses.delete('buble-loader')
    jsRule.use('babel-loader').loader('babel-loader')
  }
}

Then install babel-core, babel-loader etc. and configure it as usual.

yyx990803 on 18 Apr 2018

👍6

All 9 comments

VuePress used Buble whose support for Async/Await is still in code review: https://github.com/Rich-Harris/buble/pull/125.

ulivz on 18 Apr 2018

ok, i changed buble to babel into my fork. Hope coming soon :)

dgpgdev on 18 Apr 2018

You can also use chainWebpack to replace the loader used for js:

module.exports = {
  chainWebpack: config => {
    const jsRule = config.module.rule('js')
    jsRule.uses.delete('buble-loader')
    jsRule.use('babel-loader').loader('babel-loader')
  }
}

Then install babel-core, babel-loader etc. and configure it as usual.

yyx990803 on 18 Apr 2018

👍6

done! hope buble implements async await soon :)

dgpgdev on 19 Apr 2018

@yyx990803 Just curious, is there any particular reason that we use buble? It seems to lack a lot of essential features, e.g. proper polyfills, async/await... etc.