Put marked call in the template so it's automatically reactive

This commit is contained in:
Jeffrey Biles
2020-03-29 00:57:21 -07:00
parent 169c397855
commit 41bd155563

View File

@@ -9,7 +9,7 @@
<h2 class="mb-0">Subject: <strong>{{email.subject}}</strong></h2> <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><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> </div>
</template> </template>
@@ -19,7 +19,7 @@
import { format } from 'date-fns'; import { format } from 'date-fns';
export default { export default {
setup({email}, {emit}) { setup({}, {emit}) {
let goNewer = () => emit('changeEmail', {amount: -1}) let goNewer = () => emit('changeEmail', {amount: -1})
let goOlder = () => emit('changeEmail', {amount: 1}) let goOlder = () => emit('changeEmail', {amount: 1})
let goNewerAndArchive = () => emit('changeEmail', {amount: -1, toggleArchive: true}) let goNewerAndArchive = () => emit('changeEmail', {amount: -1, toggleArchive: true})
@@ -35,14 +35,13 @@
{key: 'e', fn: toggleArchive} {key: 'e', fn: toggleArchive}
]) ])
let emailMarkdown = marked(email.body);
return { return {
emailMarkdown,
toggleArchive, toggleArchive,
goNewer, goNewer,
goOlder, goOlder,
toggleRead, toggleRead,
format format,
marked,
} }
}, },
props: { props: {