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; root: string;
editMode: boolean; editMode: boolean;
} }
const TextBlock = defineAsyncComponent(() => import('@/components/content-blocks/TextBlock.vue')); import TextBlock from '@/components/content-blocks/TextBlock.vue';
const InstrumentWidget = defineAsyncComponent(() => import('@/components/content-blocks/InstrumentWidget.vue')); import InstrumentWidget from '@/components/content-blocks/InstrumentWidget.vue';
const ImageBlock = defineAsyncComponent(() => import('@/components/content-blocks/ImageBlock.vue')); import ImageBlock from '@/components/content-blocks/ImageBlock.vue';
const ImageUrlBlock = defineAsyncComponent(() => import('@/components/content-blocks/ImageUrlBlock.vue')); import ImageUrlBlock from '@/components/content-blocks/ImageUrlBlock.vue';
const VideoBlock = defineAsyncComponent(() => import('@/components/content-blocks/VideoBlock.vue')); import VideoBlock from '@/components/content-blocks/VideoBlock.vue';
const LinkBlock = defineAsyncComponent(() => import('@/components/content-blocks/LinkBlock.vue')); import LinkBlock from '@/components/content-blocks/LinkBlock.vue';
const DocumentBlock = defineAsyncComponent(() => import('@/components/content-blocks/DocumentBlock.vue')); import DocumentBlock from '@/components/content-blocks/DocumentBlock.vue';
const CmsDocumentBlock = defineAsyncComponent(() => import('@/components/content-blocks/CmsDocumentBlock.vue')); import CmsDocumentBlock from '@/components/content-blocks/CmsDocumentBlock.vue';
const InfogramBlock = defineAsyncComponent(() => import('@/components/content-blocks/InfogramBlock.vue')); import InfogramBlock from '@/components/content-blocks/InfogramBlock.vue';
const ThinglinkBlock = defineAsyncComponent(() => import('@/components/content-blocks/ThinglinkBlock.vue')); import ThinglinkBlock from '@/components/content-blocks/ThinglinkBlock.vue';
const GeniallyBlock = defineAsyncComponent(() => import('@/components/content-blocks/GeniallyBlock.vue')); import GeniallyBlock from '@/components/content-blocks/GeniallyBlock.vue';
const SubtitleBlock = defineAsyncComponent(() => import('@/components/content-blocks/SubtitleBlock.vue')); import SubtitleBlock from '@/components/content-blocks/SubtitleBlock.vue';
const SectionTitleBlock = defineAsyncComponent(() => import('@/components/content-blocks/SectionTitleBlock.vue')); import SectionTitleBlock from '@/components/content-blocks/SectionTitleBlock.vue';
const ContentListBlock = defineAsyncComponent(() => import('@/components/content-blocks/ContentListBlock.vue')); import ContentListBlock from '@/components/content-blocks/ContentListBlock.vue';
const ModuleRoomSlug = defineAsyncComponent(() => import('@/components/content-blocks/ModuleRoomSlug.vue')); import ModuleRoomSlug from '@/components/content-blocks/ModuleRoomSlug.vue';
const Assignment = defineAsyncComponent(() => import('@/components/content-blocks/assignment/Assignment.vue')); import Assignment from '@/components/content-blocks/assignment/Assignment.vue';
const Survey = defineAsyncComponent(() => import('@/components/content-blocks/SurveyBlock.vue')); import Survey from '@/components/content-blocks/SurveyBlock.vue';
const Solution = defineAsyncComponent(() => import('@/components/content-blocks/Solution.vue')); import Solution from '@/components/content-blocks/Solution.vue';
const Instruction = defineAsyncComponent(() => import('@/components/content-blocks/Instruction.vue')); import Instruction from '@/components/content-blocks/Instruction.vue';
const BookmarkActions = defineAsyncComponent(() => import('@/components/notes/BookmarkActions.vue')); import BookmarkActions from '@/components/notes/BookmarkActions.vue';
type ContentComponentType = type ContentComponentType =
| typeof TextBlock | typeof TextBlock