ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Make dynamic components inside ContentComponent not load asynchronously 

So they load right with the ContentComponent, otherwise we get
"stuttering", and the contents are not ready to be highlighted without a
timeout
This commit is contained in:
Ramon Wenger 2024-01-16 14:14:33 +01:00
parent 9213d57be5
commit 61d23945f7
1 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
client/src/components/content-blocks/ContentComponent.vue
View File

@ -40,26 +40,26 @@ export interface Props {
root: string;
editMode: boolean;
}
const TextBlock = defineAsyncComponent(() => import('@/components/content-blocks/TextBlock.vue'));
const InstrumentWidget = defineAsyncComponent(() => import('@/components/content-blocks/InstrumentWidget.vue'));
const ImageBlock = defineAsyncComponent(() => import('@/components/content-blocks/ImageBlock.vue'));
const ImageUrlBlock = defineAsyncComponent(() => import('@/components/content-blocks/ImageUrlBlock.vue'));
const VideoBlock = defineAsyncComponent(() => import('@/components/content-blocks/VideoBlock.vue'));
const LinkBlock = defineAsyncComponent(() => import('@/components/content-blocks/LinkBlock.vue'));
const DocumentBlock = defineAsyncComponent(() => import('@/components/content-blocks/DocumentBlock.vue'));
const CmsDocumentBlock = defineAsyncComponent(() => import('@/components/content-blocks/CmsDocumentBlock.vue'));
const InfogramBlock = defineAsyncComponent(() => import('@/components/content-blocks/InfogramBlock.vue'));
const ThinglinkBlock = defineAsyncComponent(() => import('@/components/content-blocks/ThinglinkBlock.vue'));
const GeniallyBlock = defineAsyncComponent(() => import('@/components/content-blocks/GeniallyBlock.vue'));
const SubtitleBlock = defineAsyncComponent(() => import('@/components/content-blocks/SubtitleBlock.vue'));
const SectionTitleBlock = defineAsyncComponent(() => import('@/components/content-blocks/SectionTitleBlock.vue'));
const ContentListBlock = defineAsyncComponent(() => import('@/components/content-blocks/ContentListBlock.vue'));
const ModuleRoomSlug = defineAsyncComponent(() => import('@/components/content-blocks/ModuleRoomSlug.vue'));
const Assignment = defineAsyncComponent(() => import('@/components/content-blocks/assignment/Assignment.vue'));
const Survey = defineAsyncComponent(() => import('@/components/content-blocks/SurveyBlock.vue'));
const Solution = defineAsyncComponent(() => import('@/components/content-blocks/Solution.vue'));
const Instruction = defineAsyncComponent(() => import('@/components/content-blocks/Instruction.vue'));
const BookmarkActions = defineAsyncComponent(() => import('@/components/notes/BookmarkActions.vue'));
import TextBlock from '@/components/content-blocks/TextBlock.vue';
import InstrumentWidget from '@/components/content-blocks/InstrumentWidget.vue';
import ImageBlock from '@/components/content-blocks/ImageBlock.vue';
import ImageUrlBlock from '@/components/content-blocks/ImageUrlBlock.vue';
import VideoBlock from '@/components/content-blocks/VideoBlock.vue';
import LinkBlock from '@/components/content-blocks/LinkBlock.vue';
import DocumentBlock from '@/components/content-blocks/DocumentBlock.vue';
import CmsDocumentBlock from '@/components/content-blocks/CmsDocumentBlock.vue';
import InfogramBlock from '@/components/content-blocks/InfogramBlock.vue';
import ThinglinkBlock from '@/components/content-blocks/ThinglinkBlock.vue';
import GeniallyBlock from '@/components/content-blocks/GeniallyBlock.vue';
import SubtitleBlock from '@/components/content-blocks/SubtitleBlock.vue';
import SectionTitleBlock from '@/components/content-blocks/SectionTitleBlock.vue';
import ContentListBlock from '@/components/content-blocks/ContentListBlock.vue';
import ModuleRoomSlug from '@/components/content-blocks/ModuleRoomSlug.vue';
import Assignment from '@/components/content-blocks/assignment/Assignment.vue';
import Survey from '@/components/content-blocks/SurveyBlock.vue';
import Solution from '@/components/content-blocks/Solution.vue';
import Instruction from '@/components/content-blocks/Instruction.vue';
import BookmarkActions from '@/components/notes/BookmarkActions.vue';
type ContentComponentType =
| typeof TextBlock