<div id="app">

<input type="text" v-model="searchQuery">

<p v-if="isSearching">Searching...</p>
<ul v-for="(item,i) in filteredItems">
  <li :key="i">
    {{item.title}}
  </li>
</ul>

[
{
  "id": 1,
  "title": "ABC",
  "filename": "fileOne.pptx",
  "dateModified": "2017-03-08",
  "class": "A"
},
{
  "id": 2,
  "title": "XYZ",
  "filename": "openskies.pptx",
  "dateModified": "2017-01-08",
  "class": "B"
}