Is there any way to differentiate between v-html and plain text in a template?

Question

Vue.js

Good afternoon!
There is a json file structure like this:

"add": [
                    "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.",
                    "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.",
                    "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.",
                    "<div class='alert info'>Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.</div>"
                ],

It has both plain text and html tags.
In Vue.component, now I specify in the template like this:

<ul class="dots">
<template v-for="(value) in p.add">
<li v-html="value"></li>
</template>
</ul>

Is there any way to split the template into plain text and tagged text?
WHY?
For list elements with a class dots, certain styles are prescribed, but for alertthem I would like to remove them. I'll do it, again, through styles, but I don't know yet how to separate the html tag from the text.

Answer 1

"add": [
  {text: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.", class: null},
  {text: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.", class: null},
  {text: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.", class: 'alert info'},
  {text: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.", class: 'alert info'},
  {text: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.", class: 'alert info'},
  {text: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.", class: null},
],

<ul class="dots">
<template v-for="(value) in p.add">
<li :class="value.class">{{value.text}}</li>
</template>
</ul>