If I understood you correctly you could just wrap it in span element by using replace and then use v-html to render html. Something like this:
<q-td key="calories" :props="props" v-html="props.item.calories.replace(searchValue, `<span style='color:yellow'>${searchValue}</span>`" > </q-td>