fix: import TaskBody globally

Signed-off-by: Raimund Schlüßler <[email protected]>

Author: raimund-schluessler

src/components/TaskDragContainer.vue

@@ -41,23 +41,9 @@ import { sort } from '../store/storeHelper.js'
 import draggable from 'vuedraggable'
 import { mapGetters, mapActions, mapMutations } from 'vuex'
 
-import { defineAsyncComponent } from 'vue'
-
-/**
- * We asynchronously import here, because we have a circular dependency
- * between TaskDragContainer and TaskBody which otherwise cannot be resolved.
- * See https://vuejs.org/guide/components/async.html#basic-usage
- *
- * @return {object} The TaskBody component
- */
-const TaskBody = defineAsyncComponent(() =>
-	import('./TaskBody.vue'),
-)
-
 export default {
 	name: 'TaskDragContainer',
 	components: {
-		TaskBody,
 		draggable,
 	},
 	props: {

src/main.js

@@ -24,6 +24,7 @@
 import App from './App.vue'
 import router from './router.js'
 import store from './store/store.js'
+import TaskBody from './components/TaskBody.vue'
 
 import AlertBoxOutline from 'vue-material-design-icons/AlertBoxOutline.vue'
 import CalendarRemove from 'vue-material-design-icons/CalendarRemove.vue'
@@ -68,6 +69,13 @@ Vue.component('IconPulse', Pulse)
 // eslint-disable-next-line vue/match-component-file-name
 Vue.component('IconTrendingUp', TrendingUp)
 
+/**
+ * We import TaskBody here globally, because we have a circular dependency
+ * between TaskDragContainer and TaskBody which otherwise cannot be resolved.
+ */
+// eslint-disable-next-line vue/match-component-file-name
+Vue.component('TaskBody', TaskBody)
+
 if (!OCA.Tasks) {
 	/**
 	 * @namespace OCA.Tasks