title: Warning in the console output when using the Vuetify v-data-table component
body: <p>I am using the Vuetify <em>v-data-table</em> component. Here it is:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;v-data-table
        :headers="tableHeaders"
        :items="items"
        hide-actions
        class="elevation-1"
      &gt;
        &lt;template slot="items" slot-scope="props"&gt;
          &lt;td&gt;{{ props.item.name }}&lt;/td&gt;
          &lt;td&gt;{{ props.item.created_at }}&lt;/td&gt;
          &lt;td&gt;{{ props.item.updated_at }}&lt;/td&gt;
        &lt;/template&gt;
      &lt;/v-data-table&gt;
      &lt;AddPlanButton/&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Here are my headers:</p>
  
  <pre><code>data () {
    return {
      items: [],
      tableHeaders: [
        { text: 'Name' },
        { text: 'Created at' },
        { text: 'Updated at' }
      ]
    }
  },
  </code></pre>
  
  <p>And I am getting the next warning in the console:</p>
  
  <pre><code>[Vuetify] Headers must have a value property that corresponds to a value in the v-model array in "v-data-table"
  </code></pre>
  
  <p>I can translate but I can not understand exactly - what should I do in my code?</p>