Not Working Properly on Nuxt about vue-highlights HOT 5 OPEN

@halilyuce looks like you're trying to set the text string directly on the html instead of it being returned from the data in your module. That's why the placeholder is showing there instead of the parsed html.
Check the usage example here: https://pggalaviz.github.io/vue-highlights/#/docs

from vue-highlights.

@halilyuce looks like you're trying to set the text string directly on the html instead of it being returned from the data in your module. That's why the placeholder is showing there instead of the parsed html.
Check the usage example here: https://pggalaviz.github.io/vue-highlights/#/docs

Thanks for the reply @pggalaviz but string data is coming from API, I created a loop in a list and I need to use this for every string. Is it possible? I have a timeline like Twitter and I want to parse @mentions, #hashtags and urls in the text thanks to your repo.

from vue-highlights.

Thanks for the reply @pggalaviz but string data is coming from API, I created a loop in a list and I need to use this for every string. Is it possible? I have a timeline like Twitter and I want to parse @mentions, #hashtags and urls in the text thanks to your repo.

It's possible to do that, but you shouldn't be passing the text string directly to the v-model since this is a "compuded" value from the data object of your module, you should instead create a separate module as a wrap for the vue-hightlights one and compute your data from there as the example in the documentation.

from vue-highlights.

Thanks for the reply @pggalaviz but string data is coming from API, I created a loop in a list and I need to use this for every string. Is it possible? I have a timeline like Twitter and I want to parse @mentions, #hashtags and urls in the text thanks to your repo.

It's possible to do that, but you shouldn't be passing the text string directly to the v-model since this is a "compuded" value from the data object of your module, you should instead create a separate module as a wrap for the vue-hightlights one and compute your data from there as the example in the documentation.

So, you mean create a child component for this and pass string as prop and use that prop value for v-model, am I right?

from vue-highlights.

So, you mean create a child component for this and pass string as prop and use that prop value for v-model, am I right?

Yes, hopefully that solves your issue.

from vue-highlights.