title: "Filtering the paginated list" is not working on vue-paginate node
body: <p>in my project i have added the pagination by vue-paginate node, and i added filtering by vue-pagination too and it works fine. When i type in my input field something that does not exist in my list it's blank and thats ok too, but when i start to delete letters nothing shows up on the list, and when i remove all letters the list does not appear, just the pagination appeares.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;input class="form-control form-control-search m-input" autocomplete="off" type="text" v-model="search" placeholder="Search..."&gt;
  
  &lt;paginate class="m-list-timeline__items no-timeline" name="items" :list="fLangs" :per="10"&gt;
    &lt;div class="m-list-timeline__item no-timeline" v-for="item in paginated('items')" v-bind:key="item.id"&gt;
      &lt;span class="m-list-timeline__text"&gt;
        &lt;span class="timeline-title"&gt;&lt;span class="clr-black-light"&gt;{{ item.name }}&lt;/span&gt;&lt;/span&gt;
        &lt;span class="timeline-subtitle"&gt;&lt;span class="clr-grey"&gt;{{ item.description }}&lt;/span&gt;&lt;/span&gt;
      &lt;/span&gt;
      &lt;span class="m-list-timeline__time"&gt;
        &lt;button type="button" class="btn btn-default btn-sm m-btn m-btn--icon m-btn--icon-only m-btn--pill" @click="fetchAndUpdateItem(item.id)"&gt;&lt;i class="la la-pencil"&gt;&lt;/i&gt;&lt;/button&gt;
        &lt;button type="button" class="btn btn-default btn-sm m-btn m-btn--icon m-btn--icon-only m-btn--pill" @click="fetchAndRemoveItem(item.id)"&gt;&lt;i class="la la-trash"&gt;&lt;/i&gt;&lt;/button&gt;
      &lt;/span&gt;
    &lt;/div&gt;
  &lt;/paginate&gt;
  &lt;paginate-links for="langs" :hide-single-page="true"&gt;&lt;/paginate-links&gt;
  </code></pre>
  
  <p>Data:</p>
  
  <pre><code>data: function () {
      return {
        search: '',
        paginate: ['langs'],
        langs: ['Item One', 'Item Two', 'Item Three', 'Item Four', 'Item Five', 'Item Six', 'Item Seven', 'Item Eight', 'Item Nine', 'Item Ten', 'Item Eleven', 'Item Twelve', 'Item Thirteen']
    }
  },
  </code></pre>
  
  <p>Computed:</p>
  
  <pre><code>computed: {
    fLangs () {
        const re = new RegExp(this.search, 'i')
        return this.langs.filter(item =&gt; item.match(re))
    }
  }
  </code></pre>
  
  <p>Picture before search:</p>
  
  <p><a href="https://i.stack.imgur.com/bhWec.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bhWec.png" alt="enter image description here"></a></p>
  
  <p>Picture after search and deleting letters: </p>
  
  <p><a href="https://i.stack.imgur.com/VxLfa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VxLfa.png" alt="enter image description here"></a></p>
  
  <p>Don't know why my list is now showing up when i delete the letters, or start deleting it. Can anyone help me please? Thanks.</p>