<div><input v-model="prefix" placeholder="Filter prefix"></div>

<select size="5" v-model="selected">
  <option v-for="name in filteredNames" :key="name">{{ name }}</option>
</select>

<label>Name: <input v-model="first"></label>
<label>Surname: <input v-model="last"></label>

<div class="buttons">
  <button @click="create">Create</button>
  <button @click="update">Update</button>
  <button @click="del">Delete</button>
</div>
