totole/build-gmail-clone-with-vue-3
1
0
Fork 0
mirror of https://github.com/kevin-DL/build-gmail-clone-with-vue-3.git synced 2026-01-21 14:55:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use the Options API for two components

Browse Source
This commit is contained in:
Jeffrey Biles
2020-03-28 16:45:29 -07:00
parent fb0954828c
commit 3bbc469da6
2 changed files with 22 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/MailScreenArchived.vue
View File

@@ -10,19 +10,21 @@
import MailTable from '@/components/MailTable.vue';
import BulkActionBar from '@/components/BulkActionBar.vue';
import { computed } from 'vue';
export default {
async setup({emails}){
let archivedEmails = computed(() => {
return emails.filter(e => e.archived)
})
return {archivedEmails}
},
components: {
MailTable,
BulkActionBar
},
computed: {
archivedEmails(){
return this.emails.filter(e => e.archived)
}
},
props: {
emails: {
type: Object,
required: true
}
}
}
</script>

20
src/components/MailScreenInbox.vue
View File

@@ -10,19 +10,21 @@
import MailTable from '@/components/MailTable.vue';
import BulkActionBar from '@/components/BulkActionBar.vue';
import { computed } from 'vue';
export default {
async setup({emails}){
let inboxEmails = computed(() => {
return emails.filter(e => !e.archived)
})
return {inboxEmails}
},
components: {
MailTable,
BulkActionBar
},
computed: {
inboxEmails(){
return this.emails.filter(e => !e.archived)
}
},
props: {
emails: {
type: Object,
required: true
}
}
}
</script>