mirror of
https://github.com/kevin-DL/build-gmail-clone-with-vue-3.git
synced 2026-01-11 18:54:31 +00:00
Put marked call in the template so it's automatically reactive
This commit is contained in:
@@ -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: {
|
||||||
|
|||||||
Reference in New Issue
Block a user