<div class="section" v-for="section in sections">
...
</div>
<section-item v-for="section in sections" :sectionData="section"></section-item>
Надеялся что есть решение проще
const h1 = document.querySelector('h1');
document.querySelector('input').addEventListener('input', function() {
const reg = RegExp(this.value.replace(/[[\\^$.|?*+()]/g, '\\$&'), 'gi');
h1.innerHTML = h1.textContent.replace(reg, '<span class="highlight">$&</span>');
});
Ясно. А вот кавычки разные -
- это тоже не случайно? Тоже так и должно быть?