title: How to enable sorting Data-table with i18n?
body: <p>I have a vuetify Data-table with multisort enabled like so:</p>
  <pre><code>&lt;v-data-table
            ref=&quot;insuranceTable&quot;
            :headers=&quot;headers&quot;
            :items=&quot;getRows&quot;
            :sort-by=&quot;['created']&quot;
            :sort-desc=&quot;[true]&quot;
            multi-sort
            :search=&quot;search&quot;
            :items-per-page=&quot;10&quot;          
          &gt;
  </code></pre>
  <p>one of the columns in the table is <code>Insurance Type</code>. this value is fetched by using an index  like this <code>{{insuranceType[item.code]}}</code>. The insuranceType array is defined as follows:</p>
  <pre><code>insurancetype:[
   this.$t('insuranceType.life'),
   this.$t('insuranceType.health'),
   this.$t('insuranceType.property'),
  ]
  </code></pre>
  <p>The values are displayed in the data-table without any issue. However, When I try To sort the table by <code>Insurance Type</code> Column, nothing happens. The Sorting works for all other columns. The sorting works for <code>Insurance Type</code> column if I use a non i18n array like this:</p>
  <pre><code>insurancetype:['life','health','property']
  </code></pre>
  <p>How can I configure the <code>V-Data-Table</code> so it can be sorted by columns with i18n values?</p>