Estoy trabajando en un pequeño proyecto que obtiene datos de un archivo json y los muestra en formato de tabla. Realicé una función de búsqueda que funciona bien, pero también me gustaría que la letra/palabra ingresada se resalte (como si el usuario escribiera algo en la entrada de búsqueda y ese elemento escrito tuviera un estilo diferente para que se destaque en el resultado de la búsqueda) . No puedo entender cómo implementar esto, cualquier ayuda sería apreciada. Realmente me he quedado con este.

 <tr v-for="teacher in mySearchFunc" :key="teacher.id"> <td><router-link :to="{ name: 'Home'}">{{teacher.name}} </router-link></td> <td>{{teacher.birthday}}.{{teacher.birthmonth}}.{{teacher.birthyear}}</td> <td>{{teacher.phoneNum}}</td> <td>{{teacher.type}}</td> <td>{{teacher.id}}</td> <td><router-link to="#" class="subjectsBtn">Subjects</router-link></td> <td><button class="edit_btn"><span class="material-icons">edit</span></button></td> <td><button class="delete_btn"><span class="material-icons">delete</span></button></td> </tr> export default { data() { return { teachers: [], search: '' } }, computed: { mySearchFunc() { return this.teachers.filter(teacher => teacher.name.toLowerCase().includes(this.search.toLowerCase())) } } }