fix: RegexError when typing special characters on mentioning (#24), c…

…loses #23

* Added a test to find out #23 issue.

* Fixed RegexError bug on filteredItems computed (see #23).

* refactor: less toLowerCase calls

Co-authored-by: Guillaume Chau <guillaume.b.chau@gmail.com>

packages/test-e2e/tests/e2e/specs/defaults.js

@@ -98,6 +98,13 @@ describe('with default props', () => {
     cy.get('.preview').should('contain', '@akryumabc')
   })
 
+  it('no error with special characters', () => {
+    cy.visit('/defaults')
+    cy.get('.input').type('@\\')
+    cy.get('.popover').should('be.visible')
+      .should('contain', 'No result')
+  })
+
   it('show suggestion when previous input is space', () => {
     cy.visit('/defaults')
     cy.get('.input').type(' @zzz')

packages/vue-mention/src/Mentionable.vue

@@ -70,19 +70,22 @@ export default {
         return this.items
       }
 
-      const reg = new RegExp(this.searchText, 'i')
+      const searchText = this.searchText.toLowerCase()
+
       return this.items.filter(item => {
+        /** @type {string} */
+        let text
         if (item.searchText) {
-          return reg.test(item.searchText)
-        }
-        if (item.label) {
-          return reg.test(item.label)
-        }
-        let text = ''
-        for (const key in item) {
-          text += item[key]
+          text = item.searchText
+        } else if (item.label) {
+          text = item.label
+        } else {
+          text = ''
+          for (const key in item) {
+            text += item[key]
+          }
         }
-        return reg.test(text)
+        return text.toLowerCase().includes(searchText)
       })
     },