RegexError when typing special characters on mentioning.

[hirokiky]

Mentionable component will cause error when user type special character like @\ or (@Akyryum) on mentioning.

I think below line may cause error

const reg = new RegExp(this.searchText, 'i')

https://github.com/Akryum/vue-mention/blob/master/packages/vue-mention/src/Mentionable.vue#L73

The this.searchText is user input text, so it can be wrong regexp.
You can check this error on sample application too (Turn on devtools before trying).

https://vue-mention.netlify.app/

Is this rare?

I think it's not rare bug.
The most common case is (@user), like

Hiroki (@hirokiky) reported this bug.

Recommendation

My recommendation is to avoid RegExp.
User inputs won't be regexp basically. So we can simply use .includes and .toLowerCase.

function includesIncase(part, target) {
    return target.toLowerCase().includes(part.toLowerCase())
}