fix suggest not working

2 files changed, 9 insertions, 3 deletions

diff --git a/src/boot/after_store.js b/src/boot/after_store.js
index e0d7aa0f..5ddc7465 100644
--- a/src/boot/after_store.js
+++ b/src/boot/after_store.js
@@ -1,6 +1,6 @@
-import { createApp } from 'vue'
+import { createApp, configureCompat } from 'vue'
 import { createRouter, createWebHistory } from 'vue-router'
-import VueClickOutside from 'v-click-outside'
+import vClickOutside from 'click-outside-vue3'
 
 import { FontAwesomeIcon, FontAwesomeLayers } from '@fortawesome/vue-fontawesome'
 
@@ -15,6 +15,11 @@ import { CURRENT_VERSION } from '../services/theme_data/theme_data.service.js'
 import { applyTheme } from '../services/style_setter/style_setter.js'
 import FaviconService from '../services/favicon_service/favicon_service.js'
 
+// disable compat for certain features
+configureCompat({
+  COMPONENT_V_MODEL: false
+})
+
 let staticInitialResults = null
 
 const parsedInitialResults = () => {
@@ -390,7 +395,7 @@ const afterStoreSetup = async ({ store, i18n }) => {
   app.use(store)
   app.use(i18n)
 
-  app.use(VueClickOutside)
+  app.use(vClickOutside)
   app.use(VBodyScrollLock)
 
   app.component('FAIcon', FontAwesomeIcon)
diff --git a/src/components/emoji_input/emoji_input.js b/src/components/emoji_input/emoji_input.js
index c836317a..5b51da18 100644
--- a/src/components/emoji_input/emoji_input.js
+++ b/src/components/emoji_input/emoji_input.js
@@ -31,6 +31,7 @@ library.add(
  */
 
 const EmojiInput = {
+  emits: ['update:modelValue'],
   props: {
     suggest: {
       /**