fix: adjust event handlers in referencePickerModal.js

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

src/components/NcRichText/NcReferencePicker/referencePickerModal.js

@@ -11,6 +11,7 @@ import { createApp } from 'vue'
  * @return {Promise<unknown>}
  */
 export async function getLinkWithPicker(providerId = null, isInsideViewer = undefined) {
+	console.debug('test')
 	return await new Promise((resolve, reject) => {
 		const modalId = 'referencePickerModal'
 		const modalElement = document.createElement('div')
@@ -24,16 +25,19 @@ export async function getLinkWithPicker(providerId = null, isInsideViewer = unde
 		const view = createApp(NcReferencePickerModal, {
 			initialProvider,
 			isInsideViewer,
-		}).mount(modalElement)
-
-		// TODO adjust this for vue3
-		view.$on('cancel', () => {
-			view.$destroy()
-			reject(new Error('User cancellation'))
-		})
-		view.$on('submit', (link) => {
-			view.$destroy()
-			resolve(link)
+			onCancel() {
+				destroyView()
+				reject(new Error('User cancellation'))
+			},
+			onSubmit(link) {
+				destroyView()
+				resolve(link)
+			},
 		})
+		view.mount(modalElement)
+
+		const destroyView = () => {
+			view.unmount()
+		}
 	})
 }