refactor: BaseReader for shared code between Readers

Signed-off-by: Max <max@nextcloud.com>

1 files changed, 11 insertions, 38 deletions

diff --git a/src/components/PlainTextReader.vue b/src/components/PlainTextReader.vue
index 8535233ef..6d2ccf7a7 100644
--- a/src/components/PlainTextReader.vue
+++ b/src/components/PlainTextReader.vue
@@ -21,56 +21,29 @@
   -->
 
 <template>
-	<EditorContent v-if="$editor" id="read-only-editor" :editor="$editor" />
+	<BaseReader :content="content" />
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
+import BaseReader from './BaseReader.vue'
 import { PlainText } from './../extensions/index.js'
-import { EditorContent } from '@tiptap/vue-2'
 import escapeHtml from 'escape-html'
 
 export default {
 	name: 'PlainTextReader',
-	components: { EditorContent },
-	props: {
-		content: {
-			type: String,
-			required: true,
-		},
-	},
+	components: { BaseReader },
 
-	computed: {
-		htmlContent() {
-			return '<pre>' + escapeHtml(this.content) + '</pre>'
+	provide: {
+		renderHtml(content) {
+			return '<pre>' + escapeHtml(content) + '</pre>'
 		},
+		extensions: [PlainText],
 	},
 
-	watch: {
-		content() {
-			this.updateContent()
-		},
-	},
-
-	created() {
-		this.$editor = this.createEditor()
-		this.$editor.setOptions({ editable: false })
-	},
-
-	beforeDestroy() {
-		this.$editor.destroy()
-	},
-
-	methods: {
-		createEditor() {
-			return new Editor({
-				content: this.htmlContent,
-				extensions: [PlainText],
-			})
-		},
-
-		updateContent() {
-			this.$editor.commands.setContent(this.htmlContent)
+	props: {
+		content: {
+			type: String,
+			required: true,
 		},
 	},