title: Vue.js search keyword in array
body: <p>I am using Vue.js to filter items from a JSON array, using an input field. The array consists of mobile phones.</p>
  
  <p>Looking at the Samsung array, I have Samsung Galaxy S5, Samsung Galaxy S6 etc.</p>
  
  <p>Now when I type: Samsung, I get a list of all the samsungs. When I type Galaxy S5, I get the Samsung Galaxy S5. But when I type Samsung S5 I get nothing, because in between 'Samsung' and 'S5' there is 'Galaxy'.</p>
  
  <p>I hope someone can help me out on this one.</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;input type="text" v-model="keyword" class="form-control" id="telefoon" placeholder="Search..."&gt;
  
  
  &lt;script&gt;
  var app = new Vue({
    el: '#app',
    data: {
      keyword: '',
      samsungList: []
    },
    computed: {
      samsungFilteredList() {
        return this.samsungList.filter((samsung) =&gt; {
          return samsung.title.toLowerCase().includes(this.keyword.toLowerCase());
        });
      }
    }
  });
  &lt;/script&gt;
  </code></pre>