Merge pull request #4684 from nextcloud/backport/4680/stable30

[stable30] feat: load viewer componenty asynchronously to reduce file size

Author: juliusknorr

src/viewer.js

@@ -8,16 +8,16 @@ import '../css/filetypes.scss'
 
 import { getCapabilities } from './services/capabilities.ts'
 import { autoSetupBuiltInCodeServerIfNeeded } from './services/builtInCode.ts'
-import Viewer from './view/Viewer.vue'
 
 const supportedMimes = getCapabilities().mimetypes
+const AsyncViewerComponent = () => import('./view/Viewer.vue')
 
 if (OCA.Viewer) {
 	OCA.Viewer.registerHandler({
 		id: 'richdocuments',
 		group: null,
 		mimes: supportedMimes,
-		component: Viewer,
+		component: AsyncViewerComponent,
 		theme: 'default',
 		canCompare: true,
 	})