Could someone explain why the output from the compiledMarkdown
function is not sanitized, resulting in unstyled content from the markdown file?
<template>
<div style="padding:35px;">
<div v-html="compiledMarkdown"></div>
</div>
</template>
<script>
import marked from 'marked';
export default {
components: {},
data () {
return {}
},
methods: {
compiledMarkdown: function () {
return marked(this.content, { sanitize: true });
}
},
props: {
content: {
type: String
}
}
}
</script>