Fix talk integration

Signed-off-by: Raimund Schlüßler <[email protected]>

src/helpers/selector.js

@@ -25,27 +25,21 @@
  */
 import store from '../store/store.js'
 
-import Vue from 'vue'
+import { createApp } from 'vue'
 
 const buildSelector = (selector, propsData = {}) => {
 	return new Promise((resolve, reject) => {
 		const container = document.createElement('div')
 		document.getElementById('body-user').append(container)
-		const View = Vue.extend(selector)
-		const ComponentVM = new View({
-			propsData,
-			store,
-		}).$mount(container)
-		ComponentVM.$root.$on('close', () => {
-			ComponentVM.$el.remove()
-			ComponentVM.$destroy()
-			reject(new Error('Selection canceled'))
-		})
-		ComponentVM.$root.$on('select', (id) => {
-			ComponentVM.$el.remove()
-			ComponentVM.$destroy()
-			resolve(id)
+		const dialog = createApp(selector, {
+			...propsData,
+			onClose() {
+				dialog.$el.remove()
+				reject(new Error('Selection canceled'))				
+			},
 		})
+		.use(store)
+		.mount(container)
 	})
 }
 

src/talk.js

@@ -35,16 +35,12 @@ import { getRequestToken } from '@nextcloud/auth'
 import { translate as t, translatePlural as n } from '@nextcloud/l10n'
 import { generateUrl, generateFilePath } from '@nextcloud/router'
 
-import Vue from 'vue'
-
 // eslint-disable-next-line
 __webpack_nonce__ = btoa(getRequestToken())
 
 // eslint-disable-next-line
 __webpack_public_path__ = generateFilePath('tasks', '', 'js/')
 
-Vue.prototype.$OCA = OCA
-
 window.addEventListener('DOMContentLoaded', () => {
 	if (!window.OCA?.Talk?.registerMessageAction) {
 		return