Merge pull request #272 from NiloCK/addnote-api-tests

more dynamic imports for markdown renderer...
NiloCK · Sep 15, 2023 · f9edef8 · f9edef8
2 parents 66bdd7a + 0504a3c
commit f9edef8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/packages/vue/src/base-course/Components/MultipleChoiceOption.vue b/packages/vue/src/base-course/Components/MultipleChoiceOption.vue
@@ -1,17 +1,16 @@
 <template>
   <v-card v-bind:class="`${className}`" v-on:mouseover="select" v-on:click="submitThisOption">
-    <mdr v-bind:md="content" />
+    <markdown-renderer v-bind:md="content" />
   </v-card>
 </template>
 
 <script lang="ts">
-import MarkdownRenderer from '@/base-course/Components/MarkdownRenderer.vue';
 import Vue from 'vue';
 import { Component, Prop } from 'vue-property-decorator';
 
 @Component({
   components: {
-    "mdr": MarkdownRenderer,
+    MarkdownRenderer: () => import('@/base-course/Components/MarkdownRenderer.vue'),
   },
 })
 export default class MultipleChoiceOption extends Vue {

diff --git a/packages/vue/src/courses/default/questions/fillIn/fillIn.vue b/packages/vue/src/courses/default/questions/fillIn/fillIn.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <audio-auto-player v-if="hasAudio" v-bind:src="audioURL" />
-    <mdr v-bind:md="question.mdText" />
+    <markdown-renderer v-bind:md="question.mdText" />
     <radio-multiple-choice v-if="question.options" v-bind:choiceList="truncatedOptions" v-bind:MouseTrap="MouseTrap" />
     <center v-else-if="priorAttempts == 1" class="title">
       <span>
@@ -22,7 +22,6 @@
 
 <script lang="ts">
 import AudioAutoPlayer from '@/base-course/Components/AudioAutoPlayer.vue';
-import MarkdownRenderer from '@/base-course/Components/MarkdownRenderer.vue';
 import RadioMultipleChoice from '@/base-course/Components/RadioMultipleChoice.vue';
 import { QuestionView } from '@/base-course/Viewable';
 import _ from 'lodash';
@@ -40,7 +39,7 @@ const typeMap: {
 
 @Component({
   components: {
-    "MarkdownRenderer": () => import('@/base-course/Components/MarkdownRenderer.vue'), // fix against "unknown custom element" bug (?).
+    MarkdownRenderer: () => import('@/base-course/Components/MarkdownRenderer.vue'), // fix against "unknown custom element" bug (?).
     RadioMultipleChoice,
     blankType: FillInInput,
     textType: FillInText,