Files
site/resources/js/Shared/FeedList/FeedFooter.vue

48 lines
1.1 KiB
Vue
Executable File

<template>
<div class="mt-3 md:mt-6 feed-footer">
<div class="flex justify-between">
<div v-if="ads"></div>
<div v-else class="misc-info flex space-x-4">
<like-count :likes="likes" :liked="liked"
@likeFeed="likeFeed"
/>
<comment-count :comments="comments" />
<share-count />
</div>
<view-count :count="count" />
</div>
</div>
</template>
<script>
import LikeCount from '@/Shared/Misc/LikeCount.vue'
import ViewCount from '@/Shared/Misc/ViewCount.vue'
import CommentCount from '@/Shared/Misc/CommentCount.vue'
import ShareCount from '@/Shared/Misc/ShareCount.vue'
export default {
components: {
LikeCount,
CommentCount,
ShareCount,
ViewCount,
},
props: {
comments: Number,
likes: Number,
liked: Boolean,
ads: Boolean,
count: {
type: Number,
default: 0
},
},
emits:['likeFeed'],
methods:{
likeFeed(){
this.$emit('likeFeed')
}
}
}
</script>