xeleos

computed: {
  highlightedText() {
    const { text, search } = this;
    return search
      ? text.split(RegExp(`(${search.replace(/[\\^$|.*?+{}()[\]]/g, '\\$&')})`, 'gi'))
      : [ text ];
  },
},

<template v-for="(n, i) in highlightedText">
  <mark v-if="i % 2">{{ n }}</mark>
  <template v-else>{{ n }}</template>
</template>