Button that awaits promises automatically

return-promise-method.js

export default {
  data:() => ({ posts: [] }),
  methods: {
    onClick(){
      // return a promise from an api service
      return this.$api.get('posts')
      .then(r => {
        this.posts = r.data
      })
      .catch(error => {
        // You can handle the error, like show a notificaiton to the user
        this.$notify.error('We could not fetch the posts, please try again')
        // dont forget to re-throw the error, otherwise the promise will resolve successfully
        throw error
      })
    },
    // using async/await automatically returns the promise
    async asyncAction(){
      await this.performAsyncMethod()
      await this.$store.dispatch('someAction')
    }
  }
}