How to add a module, specifically mention module

[luckyluxx]

im developing a project using vue 3 and use this @vueup/vue-quill
in the latest version @1.2.0 the documentation says to add a module just add it via :module props

this is my code
`<script setup>
import { QuillEditor } from '@vueup/vue-quill'
import { Mention } from 'quill-mention'
const modules = ref(
{
name: 'mention,
module: Mention,
options: {
spaceAfterInsert: true,
mentionDenotationChars: ['@'],
async source(textAfter renderList) {
const matchedPeople = await getOptionsData(textAfter)

    if (!matchedPeople.length)
      return renderList([], textAfter)

    renderList(matchedPeople, textAfter)
  },
},

}
)
</script>`
// as the documentation describe in documentation

but getting an error when rendering the dom like this
err: quill.keyboard.bindings[Keys.TAB] is undefined ----mentions.ts

any hint to ressolve the problem ? thanks btw