include marked and transform markdown to html for use in template

package.json

@@ -9,6 +9,7 @@
   },
   "dependencies": {
     "dsteem": "0.10.0",
+    "marked": "^0.5.2",
     "vue": "^2.5.17",
     "vue-router": "^3.0.1"
   },

src/components/SteemPost.vue

@@ -1,12 +1,13 @@
 <template>
   <div>
     <h1>{{ title }}</h1>
-    <main>{{ content }}</main>
+    <main v-html="content"></main>
   </div>
 </template>
 
 <script>
 const dsteem = require('dsteem')
+import marked from 'marked'
 
 export default {
   name: 'SteemPost',
@@ -21,7 +22,7 @@ export default {
     client.call('condenser_api', 'get_content', [this.$route.params.username, this.$route.params.permlink])
     .then(response => {
         this.title = response.title
-        this.content = response.body
+        this.content = marked(response.body, { sanitize: true })
     })
   }
 }

yarn.lock

@@ -4167,6 +4167,10 @@ map-visit@^1.0.0:
   dependencies:
     object-visit "^1.0.0"
 
+marked@^0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/marked/-/marked-0.5.2.tgz#3efdb27b1fd0ecec4f5aba362bddcd18120e5ba9"
+
 md5.js@^1.3.4:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"