From 029b6bf21c45f08b2d070a44fe13a54848cf007d Mon Sep 17 00:00:00 2001
From: Sam Billingham <sambillie.sb@gmail.com>
Date: Thu, 6 Dec 2018 16:57:40 +0100
Subject: [PATCH] include marked and transform markdown to html for use in
 template

---
 package.json                 | 1 +
 src/components/SteemPost.vue | 5 +++--
 yarn.lock                    | 4 ++++
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index b16ecb0..386b3e1 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
   },
   "dependencies": {
     "dsteem": "0.10.0",
+    "marked": "^0.5.2",
     "vue": "^2.5.17",
     "vue-router": "^3.0.1"
   },
diff --git a/src/components/SteemPost.vue b/src/components/SteemPost.vue
index ef7d608..55f96b6 100644
--- a/src/components/SteemPost.vue
+++ b/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 })
     })
   }
 }
diff --git a/yarn.lock b/yarn.lock
index 9a10142..a524c3a 100644
--- a/yarn.lock
+++ b/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"