wen i run this script with vue.js and bootstrap ( vertical tab )

```
<vue-tabs class="row" direction="vertical" value="Description" >      
  <div v-for="(item, index) in siteObject.line_info" :key="index">
    <v-tab :title="siteObject.line_info[index].lineid">
      <div class="description text-left">
        <small v-for="(field, key) in item" :key="key">
          <strong>{{ key }}</strong> {{ field }}<br>
        </small>
      </div>
    </v-tab> 
  </div>     
</vue-tabs>

```

I have this result

> 
> nsn 0102753206
> 
> 
> upk 1018.0-1/2
> 
> 
> status ACTIVE
> 
> 
> lex\_id 79VOLGUTD
> 
> 
> 

What can i do that when status is Active then is all text is red?