title: Async Computed in Components - VueJS?
body: <p>I'm finding a solution to async computed method in Components:</p>
  
  <p>Currently, my component is:</p>
  
  <pre><code>&lt;div class="msg_content"&gt;
     {{messages}}
  &lt;/div&gt;
  
  &lt;script&gt;
  export default {
    computed: {
      messages: {
        get () {
          return api.get(`/users/${this.value.username}/message/`, {'headers': { 'Authorization': 'JWT ...' }})
          .then(response =&gt; response.data)
        }
      }
    },
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Result:
  <code>{}</code></p>
  
  <p>How to rewrite it in <code>Promise</code> mode? Because I think we can async computed by writing into Promise mode.</p>