Summary

Hi, there!

When I posted this issue, I was misunderstanding this library's intention to use v-html rather than the {{}} syntax that vue provides.

I thought it would be nicer if there's an option to use {{}}, as it is safer in terms of XSS attack, which is what Vue.js itself suggests in the docs.

So, this PR intends to add support for such case, while preserving the original behavior of supporting v-html.

Notice:

vue-linkify kind of worked with {{}} syntax even without this PR, but it did have a re-render issue above, so this PR tries to solve that as well :)

Example

With this PR,

<div v-linkified>
      <h2>With new vue-linkify</h2>
       my site: {{ msg }}
</div>

will be converted to

<!-- suppose you provide msg as "https://google.com" -->
<div>
      <h2>With new vue-linkify</h2>
       my site: <a href="https://google.com" class="linkified" target="_blank">https://google.com</a>
</div>