fix(viewer): share Vue constructor from Viewer

src/ViewerVue.js

@@ -0,0 +1,16 @@
+/**
+ * @type {import('Vue').VueConstructor|null}
+ */
+let ViewerVue = null
+
+/**
+ * @param {import('Vue').VueConstructor} VueConstructor - Vue constructor from Viewer
+ */
+export const setViewerVue = (VueConstructor) => {
+	ViewerVue = VueConstructor
+}
+
+/**
+ * @return {import('Vue').VueConstructor|null}
+ */
+export const getViewerVue = () => ViewerVue

src/components/ViewerComponent.vue

@@ -45,6 +45,8 @@ import RichTextReader from './RichTextReader.vue'
 import { getSharingToken } from '../helpers/token.js'
 import getEditorInstance from './Editor.singleton.js'
 
+import { setViewerVue } from '../ViewerVue.js'
+
 export default {
 	name: 'ViewerComponent',
 	components: {
@@ -113,6 +115,14 @@ export default {
 		},
 	},
 
+	beforeCreate() {
+		// This component is rendered in the Viewer app
+		// Get Vue constructor from the Viewer app
+		// To reuse later as Vue constructor and not mix Text's Vue constructor and Viewer's Vue constructor in a single Virtual DOM
+		// Which is not fully supported by Vue
+		setViewerVue(this.$options._base)
+	},
+
 	mounted() {
 		this.loadFileContent()
 	},

src/extensions/LinkBubblePluginView.js

@@ -3,6 +3,8 @@ import tippy from 'tippy.js'
 import { domHref } from '../helpers/links.js'
 import LinkBubbleView from '../components/Link/LinkBubbleView.vue'
 
+import { getViewerVue } from '../ViewerVue.js'
+
 const updateDelay = 250
 
 class LinkBubblePluginView {
@@ -16,7 +18,11 @@ class LinkBubblePluginView {
 		this.editor = editor
 		this.view = view
 
-		this.#component = new VueRenderer(LinkBubbleView, {
+		// When editor is used in Viewer component, it should render comopnent using Viewer's Vue constructor,
+		// Otherwise there are VNodes with different Vue constructors in a single Virtual DOM which is not fully supported by Vue
+		const ViewerVue = getViewerVue()
+		const LinkBubbleViewConstructor = ViewerVue ? ViewerVue.extend(LinkBubbleView) : LinkBubbleView
+		this.#component = new VueRenderer(LinkBubbleViewConstructor, {
 			parent: this.editor.contentComponent,
 			propsData: {
 				editor: this.editor,