From e297a104e465e8e5bfa8935fab987bb4acf0dc99 Mon Sep 17 00:00:00 2001
From: Jeffrey Biles <bilesjeffrey@gmail.comgit config -l>
Date: Wed, 18 Mar 2020 16:10:01 -0700
Subject: [PATCH] markdown display of email body

---
 package.json                |  1 +
 src/components/MailView.vue | 18 ++++++++++++++----
 yarn.lock                   |  5 +++++
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 3dbf275..a15bf60 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
   "dependencies": {
     "core-js": "^3.6.4",
     "date-fns": "^2.11.0",
+    "marked": "^0.8.1",
     "vue": "^3.0.0-alpha.9"
   },
   "devDependencies": {
diff --git a/src/components/MailView.vue b/src/components/MailView.vue
index 9f75e24..0263b8c 100644
--- a/src/components/MailView.vue
+++ b/src/components/MailView.vue
@@ -1,13 +1,20 @@
 <template>
-  <div>
-    From: {{email.from}}<br>
-    Subject: <strong>{{email.subject}}</strong>
-    <p>{{email.body}}</p>
+  <div class="email">
+    <div>From: {{email.from}}</div>
+    <div>Subject: <strong>{{email.subject}}</strong></div>
+    <div v-html="emailMarkdown" />
   </div>
 </template>
 
 <script>
+  import marked from 'marked';
   export default {
+    setup({email}) {
+      let emailMarkdown = marked(email.body);
+      return {
+        emailMarkdown
+      }
+    },
     props: {
       email: {
         type: Object
@@ -17,4 +24,7 @@
 </script>
 
 <style scoped>
+.email {
+  text-align: left;
+}
 </style>
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index c1b2995..386733c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4745,6 +4745,11 @@ map-visit@^1.0.0:
   dependencies:
     object-visit "^1.0.0"
 
+marked@^0.8.1:
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/marked/-/marked-0.8.1.tgz#a233f39572fab15ede53a3c3be8a139bff86d2dd"
+  integrity sha512-tZfJS8uE0zpo7xpTffwFwYRfW9AzNcdo04Qcjs+C9+oCy8MSRD2reD5iDVtYx8mtLaqsGughw/YLlcwNxAHA1g==
+
 md5.js@^1.3.4:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"