Fix bug where read-only text blocks does not process markdown

deshion · Sep 1, 2022 · df2663a · df2663a
1 parent 517377a
commit df2663a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/components/blocks/QuoteBlock.vue b/src/components/blocks/QuoteBlock.vue
@@ -3,14 +3,15 @@
     v-model="props.block.details.value"
     class="py-1.5 border-l-3 border-black border-solid px-3"
   />
-  <div v-else v-html="props.block.details.value"
+  <div v-else v-html="markdownToHtml(props.block.details.value)"
     class="py-1.5 border-l-3 border-black border-solid px-3"></div>
 </template>
 
 <script setup lang="ts">
 import { PropType } from "vue";
-import { Block } from "@/utils/types";
-import Editor from "../elements/Editor.vue";
+import { Block } from "@/utils/types"
+import { markdownToHtml } from '@/utils/utils'
+import Editor from "../elements/Editor.vue"
 
 const props = defineProps({
   block: {

diff --git a/src/components/blocks/TextBlock.vue b/src/components/blocks/TextBlock.vue
@@ -1,13 +1,14 @@
 <template>
   <Editor v-if="!props.readonly" v-model="props.block.details.value"
     class="py-1.5" />
-  <div v-else v-html="props.block.details.value"
+  <div v-else v-html="markdownToHtml(props.block.details.value)"
     class="py-1.5"></div>
 </template>
 
 <script setup lang="ts">
 import { PropType } from 'vue'
 import { Block } from '@/utils/types'
+import { markdownToHtml } from '@/utils/utils'
 import Editor from '../elements/Editor.vue'
 
 const props = defineProps({