ht-data-formatting-view/components/safe-html.js

A Vue component for data formatting view

"use strict";

import DOMPurify from "dompurify";

const safeHtml = {};
safeHtml.install = function install(Vue) {
  Vue.component("safe-html", {
    props: {
      content: {
        type: String,
        required: true
      },
      tag: {
        type: String,
        default: "div"
      }
    },
    render(h) {
      return h(this.tag, {
        class: "safe-html-container",
        domProps: {
          innerHTML: DOMPurify.sanitize(this.content)
        }
      });
    }
  });
}
export default safeHtml;