fix: yjs duplicated import issue

Signed-off-by: Luka Trovic <[email protected]>

src/components/ViewerComponent.vue

@@ -21,13 +21,15 @@
   -->
 
 <template>
-	<Editor :file-id="fileid"
-		:relative-path="filename"
-		:active="active"
-		:autofocus="autofocus"
-		:share-token="shareToken"
-		:mime="mime"
-		:show-outline-outside="showOutlineOutside" />
+	<div v-if="enabled">
+		<Editor :file-id="fileid"
+			:relative-path="filename"
+			:active="active"
+			:autofocus="autofocus"
+			:share-token="shareToken"
+			:mime="mime"
+			:show-outline-outside="showOutlineOutside" />
+	</div>
 </template>
 
 <script>
@@ -68,6 +70,21 @@ export default {
 			default: false,
 		},
 	},
+	data() {
+		return {
+			enabled: false,
+		}
+	},
+	mounted() {
+		if (!window.richWorkspaceEnabled) {
+			this.enabled = true
+		} else {
+			setTimeout(() => {
+				window['__ $YJS$ __'] = false
+				this.enabled = true
+			}, 1200)
+		}
+	},
 }
 </script>
 <style lang="scss" scoped>

src/views/RichWorkspace.vue

@@ -96,6 +96,7 @@ export default {
 	},
 	mounted() {
 		if (this.enabled) {
+			window.richWorkspaceEnabled = true
 			this.getFileInfo()
 		}
 		subscribe('Text::showRichWorkspace', this.showRichWorkspace)
@@ -105,6 +106,7 @@ export default {
 
 	},
 	beforeDestroy() {
+		window.richWorkspaceEnabled = false
 		unsubscribe('Text::showRichWorkspace', this.showRichWorkspace)
 		unsubscribe('Text::hideRichWorkspace', this.hideRichWorkspace)