Is there a way to remove text__highlight class all togather?

[geongeorge]

Hey,
I noticed I was not able to change the styles even after binding classes.
The text__highlight class is overriding every other classes(tailwind) I add.
I do not wanna use !important, is there any other solution?

<text-highlight 
      :queries="queries"
      :highlightClass="['bg-red-200', 'rounded']"
      >

Regards,
Geon George

[theprobugmaker]

I had the same issue using Tailwind, it's impossible to change the default color because text__highlight is overwriting it.

[AlbertLucianto]

Hi @geongeorge, @zefexdeveloper, thanks for raising the issue!

In v2.0.10, you can do

import TextHighlighter from 'vue-text-highlight/dist/component';
import 'vue-text-highlight/dist/style.css';

Hope that solves your issue! 😄