title: Boolean display value in BootstrapVue and VueJS
body: <p>In my project I'm using <code>BootstrapVue</code> and <code>VueJS</code>. I'm currently doing a <code>b-table</code> and I have a boolean field in its fields. It displays correctly <code>true</code> and <code>false</code>, but I'd like to display something else (e.g. : <code>Active</code> for <code>true</code> and <code>Inactive</code> for <code>false</code>). I haven't found anything on how to do that (if there is something built-in, I haven't seen it in the docs).
  Here is my current field declaration for the <code>b-table</code> of <code>BootstrapVue</code> :</p>
  <pre class="lang-js prettyprint-override"><code>table_fields: [
    { key: 'username', sortable: true },
    { key: 'firstName', sortable: true },
    { key: 'lastName', sortable: true },
    { key: 'isActive', sortable: true, label: 'Status'},
    { key: 'actions', label: 'Actions' }
  ]
  </code></pre>
  <p>The field that i'd like to change the behavior of is <code>isActive</code>.</p>
  <p>Thanks in advance for your tips ! :)</p>