diff options
Diffstat (limited to 'app/assets/javascripts/work_items/components/notes/work_item_note_body.vue')
-rw-r--r-- | app/assets/javascripts/work_items/components/notes/work_item_note_body.vue | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/app/assets/javascripts/work_items/components/notes/work_item_note_body.vue b/app/assets/javascripts/work_items/components/notes/work_item_note_body.vue new file mode 100644 index 00000000000..dcee8750f81 --- /dev/null +++ b/app/assets/javascripts/work_items/components/notes/work_item_note_body.vue @@ -0,0 +1,37 @@ +<script> +import SafeHtml from '~/vue_shared/directives/safe_html'; +import { renderGFM } from '~/behaviors/markdown/render_gfm'; + +export default { + directives: { + SafeHtml, + }, + props: { + note: { + type: Object, + required: true, + }, + }, + mounted() { + this.renderGFM(); + }, + methods: { + renderGFM() { + renderGFM(this.$refs['note-body']); + }, + }, + safeHtmlConfig: { + ADD_TAGS: ['use', 'gl-emoji', 'copy-code'], + }, +}; +</script> + +<template> + <div ref="note-body" class="note-body"> + <div + v-safe-html:[$options.safeHtmlConfig]="note.bodyHtml" + class="note-text md" + data-testid="work-item-note-body" + ></div> + </div> +</template> |