title: how to delete document from firebase
body: <p>I need to delete one doc from firebase by clicking on it's icon. The problem is I dont't know how to tag the specific id of each doc in vuetify</p>
  
  <p>this is my card (1 card for 1 project)</p>
  
  <pre><code>  &lt;v-card flat v-for="project in projects" :key="project.title"&gt;
      &lt;v-layout row wrap :class="`pa-3 project ${project.status}`"&gt;
        &lt;v-flex xs12 md6&gt;
          &lt;div class="caption grey--text"&gt;Project title&lt;/div&gt;
          &lt;div&gt;{{ project.title }}&lt;/div&gt;
        &lt;/v-flex&gt;
        &lt;v-flex xs6 sm4 md2&gt;
          &lt;div class="caption grey--text"&gt;Person&lt;/div&gt;
          &lt;div&gt;{{ project.person }}&lt;/div&gt;
        &lt;/v-flex&gt;
        &lt;v-flex xs6 sm4 md2&gt;
          &lt;div class="caption grey--text"&gt;Due by&lt;/div&gt;
          &lt;div&gt;{{ project.due }}&lt;/div&gt;
        &lt;/v-flex&gt;
        &lt;v-flex xs2 sm4 md2&gt;
        &lt;v-btn flat color='red' slot='activator' class='right mx-0 my-0' @click='deleteProject()'&gt;
        &lt;v-icon&gt;delete&lt;/v-icon&gt;
       &lt;/v-btn&gt;
          &lt;div&gt;
            &lt;v-chip small :class="`${project.status} white--text caption mx-0`"&gt;{{ project.status}}&lt;/v-chip&gt;
          &lt;/div&gt;
        &lt;/v-flex&gt;
      &lt;/v-layout&gt;
      &lt;v-divider&gt;&lt;/v-divider&gt;
    &lt;/v-card&gt;
  </code></pre>
  
  <p>And this method I try to write</p>
  
  <pre><code>deleteProject() {
    console.log('deleted');
    let idP = element.id; // obviously that i have problem with this line
    db.collection('projects').doc(idP).delete()
  }
  </code></pre>