chore(performance): use async components properly

No need to await the import the moment we import the component.
Vue handles this fine when the component is actually needed.

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

Author: max-nextcloud

src/editor.js

@@ -4,7 +4,7 @@
  */
 
 import { emit, subscribe } from '@nextcloud/event-bus'
-import Vue from 'vue'
+import Vue, { defineAsyncComponent } from 'vue'
 import {
 	ATTACHMENT_RESOLVER,
 	EDITOR_UPLOAD,
@@ -265,10 +265,10 @@ window.OCA.Text.createEditor = async function ({
 	onSearch = undefined,
 	onAttachmentsUpdated = ({ attachmentSrcs }) => {},
 }) {
-	const { default: MarkdownContentEditor } = await import(
-		'./components/Editor/MarkdownContentEditor.vue'
+	const MarkdownContentEditor = defineAsyncComponent(
+		() => import('./components/Editor/MarkdownContentEditor.vue'),
 	)
-	const { default: Editor } = await import('./components/Editor.vue')
+	const Editor = defineAsyncComponent(() => import('./components/Editor.vue'))
 
 	const data = Vue.observable({
 		readonlyBarProps: readonlyBar.props,
@@ -365,8 +365,8 @@ window.OCA.Text.createTable = async function ({
 	onLoaded = () => {},
 	onUpdate = ({ markdown }) => {},
 }) {
-	const { default: PlainTableContentEditor } = await import(
-		'./components/Editor/PlainTableContentEditor.vue'
+	const PlainTableContentEditor = defineAsyncComponent(
+		() => import('./components/Editor/PlainTableContentEditor.vue'),
 	)
 
 	const data = Vue.observable({

src/files.ts

@@ -14,9 +14,10 @@ const openReadOnlyEnabled = loadState('text', 'open_read_only_enabled')
 
 document.addEventListener('DOMContentLoaded', async () => {
 	if (workspaceAvailable && window.OCA.Files?.Settings) {
-		const { default: Vue } = await import('vue')
-		const { default: FilesSettings } = await import('./views/FilesSettings.vue')
-
+		const { default: Vue, defineAsyncComponent } = await import('vue')
+		const FilesSettings = defineAsyncComponent(
+			() => import('./views/FilesSettings.vue'),
+		)
 		const vm = new Vue({
 			render: (h) => h(FilesSettings, {}),
 		})