Whalebird-desktop-client-ma.../src/renderer/components/TimelineSpace/Contents/Cards/Notification.vue

32 lines
851 B
Vue
Raw Normal View History

<template>
<div id="notification">
<favourite v-if="message.type === 'favourite'" :message="message" :filter="filter"></favourite>
<follow v-else-if="message.type === 'follow'" :message="message"></follow>
<mention v-else-if="message.type === 'mention'" :message="message" :filter="filter"></mention>
<reblog v-else-if="message.type == 'reblog'" :message="message" :filter="filter"></reblog>
</div>
</template>
<script>
import Favourite from './Notification/Favourite'
import Follow from './Notification/Follow'
import Mention from './Notification/Mention'
import Reblog from './Notification/Reblog'
export default {
name: 'notification',
props: {
message: {
type: Object,
default: {}
},
filter: {
type: String,
default: ''
}
},
components: { Favourite, Follow, Mention, Reblog }
}
</script>