From 41bd15556361788201fddc5e6b849ed93cc2c4b8 Mon Sep 17 00:00:00 2001
From: Jeffrey Biles <bilesjeffrey@gmail.comgit config -l>
Date: Sun, 29 Mar 2020 00:57:21 -0700
Subject: [PATCH] Put marked call in the template so it's automatically
 reactive

---
 src/components/MailView.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/MailView.vue b/src/components/MailView.vue
index b2fc98a..03eb44d 100644
--- a/src/components/MailView.vue
+++ b/src/components/MailView.vue
@@ -9,7 +9,7 @@
 
     <h2 class="mb-0">Subject: <strong>{{email.subject}}</strong></h2>
     <div><em>From {{email.from}} on {{format(new Date(email.sentAt), 'MMM do yyyy')}}</em></div>
-    <div v-html="emailMarkdown" />
+    <div v-html="marked(email.body)" />
   </div>
 </template>
 
@@ -19,7 +19,7 @@
   import { format } from 'date-fns';
 
   export default {
-    setup({email}, {emit}) {
+    setup({}, {emit}) {
       let goNewer = () => emit('changeEmail', {amount: -1})
       let goOlder = () => emit('changeEmail', {amount: 1})
       let goNewerAndArchive = () => emit('changeEmail', {amount: -1, toggleArchive: true})
@@ -35,14 +35,13 @@
         {key: 'e', fn: toggleArchive}
       ])
 
-      let emailMarkdown = marked(email.body);
       return {
-        emailMarkdown,
         toggleArchive,
         goNewer,
         goOlder,
         toggleRead,
-        format
+        format,
+        marked,
       }
     },
     props: {