2.0 filters only work in mustache tags and v-bind.

How to implement a highlight that was simple in v.1:

{{{ option.title | highlight(searchTerm) }}}

with filter highlight that wrapped found text in spans?

@SlyNet put your highlight into methods, and v-html="highlight(option.title, searchTerm)".

What if I have a filter that outputs HTML? Do I have to use a computed property or is there a better way?

Computed properties are the best way. You get automatic caching.

You can use $options.filters :

v-html="$options.filters.highlight(option.title, searchTerm)".

Fridus - works indeed! But looks like undocumented private API

@Fridus this works fine ,thx

@Fridus You can safely rely on that: $options are the options passed to the Vue constructor when creating a vm (so any component or new Vue). From that point on is just javascript 🙂

@Fridus I really like this way to do it. No nasty mustache tags needed for this! Thanks!

The solution "$options.filters.highlight(option.title, searchTerm)" is ugly, the pipe,
as in <p v-html="message | toHTML"></p>,
is need to be orthogonal... Seems a LANGUAGE DESIGN BUG.