From 3533f776bdb4714e3baabe9bae7322a94c838e14 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Wed, 22 May 2024 10:27:44 +0200
Subject: [PATCH] Load the ContentComponent non-lazily to improve performance

---
 client/src/components/ContentBlock.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/client/src/components/ContentBlock.vue b/client/src/components/ContentBlock.vue
index 006e1596..3efb27ae 100644
--- a/client/src/components/ContentBlock.vue
+++ b/client/src/components/ContentBlock.vue
@@ -100,7 +100,7 @@
 </template>
 
 <script setup lang="ts">
-import { defineAsyncComponent, inject, onMounted, ref, computed, onUnmounted } from 'vue';
+import { inject, onMounted, ref, computed, onUnmounted } from 'vue';
 
 import { useMutation } from '@vue/apollo-composable';
 import AddContentButton from '@/components/AddContentButton.vue';
@@ -109,6 +109,7 @@ import UserWidget from '@/components/UserWidget.vue';
 import VisibilityAction from '@/components/visibility/VisibilityAction.vue';
 import PopoverLink from '@/components/ui/PopoverLink.vue';
 import CopyLink from '@/components/CopyLink.vue';
+import ContentComponent from '@/components/content-blocks/ContentComponent.vue';
 import { useRoute, useRouter } from 'vue-router';
 import { hidden } from '@/helpers/visibility';
 import { insertAtIndex, removeAtIndex } from '@/graphql/immutable-operations';
@@ -144,8 +145,6 @@ export interface Props {
   editMode?: boolean;
 }
 
-const ContentComponent = defineAsyncComponent(() => import('@/components/content-blocks/ContentComponent.vue'));
-
 const { me, schoolClass } = getMe();
 
 const contentBlockDiv = ref<HTMLElement | null>(null);