title: [Vue warn]: Invalid prop: type check failed for prop "Items". Expected array, got Promise
body: <p>I am new to the entire node technology stack and trying to improve myself by taking on a project.  At this point I have had moderate success (possibly by chance), but I am currently stuck.  My client side is using 'axios, vue, vue-router, vuetify' and a few others.  The server side code is 'axios, bluebird, sequelize and sqlite3'.</p>
  
  <p>My issue is as follows, I am trying to populate a 'v-data-table' by making the following function call:</p>
  
  <pre><code>&lt;v-data-table
  :headers="task_headers"
  :items="getTasks(props.item.upgrade_id)"
  hide-actions
  item-key="task_id"
  &gt;
  </code></pre>
  
  <p>My function looks as follows:</p>
  
  <pre><code>  methods: {
        async getTasks (id) {
        try {
          console.log('JAC in getTask value of id is: ', id)
          this.tasks = await TasksService.show(id)
          console.log('JAC value of this.tasks is typeof: ', typeof this.tasks)
          console.log('JAC value of this.tasks values are: ', Object.values(this.tasks))
          console.log('JAC value of this.tasks keys are: ', Object.keys(this.tasks))
          return this.tasks.data
        } catch (err) {
          console.log(err)
        }
     }
  </code></pre>
  
  <p>My debug messages produce the following output:</p>
  
  <pre><code>    JAC value of this.tasks is typeof:  object
  
      JAC value of this.tasks values are:  
      (6) [Array(9), 200, "OK", {…}, {…}, XMLHttpRequest]0: 
  
  
     JAC value of this.tasks keys are:  
     (6) ["data", "status", "statusText", "headers", "config", "request"]
  </code></pre>
  
  <p>this.tasks values Array of 9 is carrying the data returned from the db that I need, but I do not understand how to return the data.  I have many other service calls to the backend which are working just fine. v-data-table is expecting an array and I do not understand what I am missing to get this to work.</p>