Estoy tratando de recrear la funcionalidad de Gitlab para mostrar la lista de usuarios después de escribir el signo '@'.

Actualmente estoy tratando de agregarlo a Tui Editor (usando Vue).

Sé cómo escuchar la clave y agregarla como Widget, pero tiene algunos inconvenientes.

 editor.on('keyup', (editorType, ev) => { if (ev.key === '@') { const userMenu = this.$refs.userMenu; refEditor.addWidget(userMenu.$el, 'top'); } });

1. Después de escribir cualquier cosa después de que desaparezca la ventana emergente '@'.
2. Cuando escribo algo como '@an' y elimino 'an', no vuelve a mostrar una ventana emergente.
3. Cuando pierdo el enfoque de Markdown y luego lo enfoco nuevamente y el símbolo de intercalación está justo después del signo @, no muestra una ventana emergente.

En este punto no estoy seguro de por dónde debo empezar.

Entonces debería funcionar de esta manera: escribir '@' debería mostrarme una ventana emergente y cuando escribo letras, debería filtrar a los usuarios de acuerdo con esas letras. Debería hacer que la ventana emergente sea visible siempre que @ esté al comienzo de una palabra, por lo que '@@' o 'f@' no deberían funcionar.

Usando: ES6+, Vue 2, Tui Editor, Vuetify.