diff --git a/src/main.js b/src/main.js
index c024ae8bc9c..47b0dd4e604 100644
--- a/src/main.js
+++ b/src/main.js
@@ -5,19 +5,11 @@
 
 // eslint-disable-next-line import/no-unresolved, n/no-missing-import
 import 'vite/modulepreload-polyfill'
+import Vue from 'vue'
+import DirectEditing from './views/DirectEditing.vue'
 
-if (document.getElementById('app-content')) {
-	Promise.all([
-		import(/* webpackChunkName: "editor" */'vue'),
-		import(/* webpackChunkName: "editor" */'./views/DirectEditing.vue'),
-	]).then((imports) => {
-		const Vue = imports[0].default
-		Vue.prototype.t = window.t
-		Vue.prototype.OCA = window.OCA
-		const DirectEditing = imports[1].default
-		const vm = new Vue({
-			render: h => h(DirectEditing),
-		})
-		vm.$mount(document.getElementById('app-content'))
-	})
-}
+Vue.prototype.t = window.t
+Vue.prototype.OCA = window.OCA
+
+const DirectView = Vue.extend(DirectEditing)
+new DirectView().$mount('#app-content')
diff --git a/src/viewer.js b/src/viewer.js
index d72ac37ab08..a0f89cc9da3 100644
--- a/src/viewer.js
+++ b/src/viewer.js
@@ -2,11 +2,11 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
+// eslint-disable-next-line import/no-unresolved, n/no-missing-import
+import 'vite/modulepreload-polyfill'
 
 import { logger } from './helpers/logger.js'
 import { openMimetypesMarkdown, openMimetypesPlainText } from './helpers/mime.js'
-// eslint-disable-next-line import/no-unresolved, n/no-missing-import
-import 'vite/modulepreload-polyfill'
 
 /**
  * Wrapper for async registration of ViewerComponent.