title: Nuxt js : How to display result from a promise in the template?
body: <p>I try to display <code>{{ bgColor }}</code> in my template. 
  But it only displays <strong>[object Promise]</strong></p>
  
  <pre><code>const { getColorFromURL } = require('color-thief-node')
  
    export default {
      data() {
        return {
          api_url: process.env.strapiBaseUri,
          bgColor: this.updateBgColor(this.project),
        }
      },
      props: {
        project: Object,
      },
      methods: {
        updateBgColor: async function(project){
          return await getColorFromURL(process.env.strapiBaseUri+this.project.cover.url).then((res) =&gt; {
            const [r, g, b] = res
            console.log( `rgb(${r}, ${g}, ${b})` )
            return `rgb(${r}, ${g}, ${b})`
          })
        }
      }
    }
  </code></pre>
  
  <p>The function looks to work, as I get the result on console.log </p>
  
  <pre><code>rgb(24, 155, 97)
  </code></pre>
  
  <p>I think I'm lost between methods, the plugin and the use of an async function.</p>
  
  <p>Any help appreciated !</p>