fix: register viewer by uniq name instead of "component"

- Anonymous function in object property has a name of the property - component
- This name is used for global viewer component registration
- `component` is not a valid name, because it is a built-in name for Vue and it registers a global component
- Using named function to have an explicit name

Signed-off-by: Grigorii K. Shartsev <[email protected]>

Author: ShGKme

src/viewer.js

@@ -26,13 +26,23 @@ import { openMimetypesMarkdown, openMimetypesPlainText } from './helpers/mime.js
 __webpack_nonce__ = btoa(OC.requestToken) // eslint-disable-line
 __webpack_public_path__ = OC.linkTo('text', 'js/') // eslint-disable-line
 
+/**
+ * Wrapper for async registration of ViewerComponent.
+ * Note: it should be named function - the name is used for component registration.
+ *
+ * @return {Promise<import('./components/ViewerComponent.vue')>} ViewerComponent
+ */
+function AsyncTextViewerComponent() {
+	return import('./components/ViewerComponent.vue')
+}
+
 if (typeof OCA.Viewer === 'undefined') {
 	logger.error('Viewer app is not installed')
 } else {
 	OCA.Viewer.registerHandler({
 		id: 'text',
 		mimes: [...openMimetypesMarkdown, ...openMimetypesPlainText],
-		component: () => import('./components/ViewerComponent.vue'),
+		component: AsyncTextViewerComponent,
 		group: null,
 		theme: 'default',
 		canCompare: true,