what is the problem with my code

[aohanhongzhi]

import 'quill-mention'

const editorOption = {
  debug: false,
  modules: {
    toolbar: false,
    clipboard: {
      // 粘贴版，处理粘贴时候的自带样式
      matchers: [[Node.ELEMENT_NODE, onClipboardMatcher]]
    },

    keyboard: {
      bindings: {
        enter: {
          key: 13,
          handler: onSendMessage
        }
      }
    },

    imageUploader: {
      upload: onEditorUpload
    },

    mention: {
      allowedChars: /^[\u4e00-\u9fa5]*$/,
      mentionDenotationChars: ['@'],
      positioningStrategy: 'fixed',
      renderItem: (data: any) => {
        const el = document.createElement('div')
        el.className = 'ed-member-item'
        el.innerHTML = `<img src="${data.avatar}" class="avator"/>`
        el.innerHTML += `<span class="nickname">${data.nickname}</span>`
        return el
      },
      source: function (searchTerm: string, renderList: any) {
        if (!props.members.length) {
          return renderList([])
        }

        let list = [
          { id: 0, nickname: '所有人', avatar: defAvatar, value: '所有人' },
          ...props.members
        ]

        const items = list.filter(
          (item: any) => item.nickname.toLowerCase().indexOf(searchTerm) !== -1
        )

        renderList(items)
      },
      mentionContainerClass: 'ql-mention-list-container me-scrollbar me-scrollbar-thumb'
    }
  },
  placeholder: '按Enter发送 / Shift+Enter 换行',
  theme: 'snow'
}