title: How to elimnate the effect of upper- and lower case in database filter - vue - laravel
body: <p>I have written a filter function that filters by column. I noticed, that when a word is uppercase, it won't give the result if the word is in lowercase. </p>
  
  <p><strong>For example:</strong> I search the term <code>Paper</code>,  I get all of the rows that contain the word <code>Paper</code> but I don't get the rows who contain <code>paper</code>.</p>
  
  <p>I could say when I paste a word to filter, automatically make it lowercase but then I want to get the rows containing <code>Paper</code>. How can I resolve this?</p>
  
  <p>How can I ignore the lower and uppercase in my filter? 
  Thanks for the help. </p>
  
  <h1>html Part</h1>
  
  <pre><code>&lt;b-table class="col-sm-12 table-sm" show-empty striped hover stacked="md" tbody-tr-class="addPointer"
      :items="filter"
      :fields="fields"
      @filter="onFilter"&gt;
  
      &lt;template slot="top-row" &gt;
          &lt;td v-for="field in Object.keys(fields)" :key="field.key"&gt;
              &lt;input class="col-sm" v-if="Object.keys(filters).indexOf(field) !== -1" v-model="filters[field]" :placeholder="field"&gt;
          &lt;/td&gt;
      &lt;/template&gt;
      &lt;template slot="name" slot-scope="row"&gt;
          {{row.item.name}}
      &lt;/template&gt;
  &lt;/b-table&gt;
  </code></pre>
  
  <h1>Function</h1>
  
  <pre><code>data() {
     return {
  
          filters: {
                  name:'',
          },
         }
       },
       computed:{ 
          filter () {
              const filter = this.datas.filter(value =&gt; {
                      String(value[key]).includes(this.filters[key]))
              })
              return filter.length &gt; 0 ? filter : [
                  {
                      name:'',
                  }
              ]
          },
  </code></pre>