Delete a post

delete.html

<table class="table table-striped table-sm">
  <thead>
    <tr>
      <th>#</th>
      <th>Title</th>
      <th>Body</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr v-for="(post, i) in posts" :key="i">
      <td>{{post.id}}</td>
      <td>{{post.title}}</td>
      <td>{{post.body}}</td>
      <td><button v-on:click.prevent="onDelete(i)"  class="btn btn-sm btn-danger">delete</button></td>
    </tr>
  </tbody>
</table>