45 lines
905 B
Vue
45 lines
905 B
Vue
<template>
|
|
<div
|
|
class="card-block contain group cursor-pointer relative overflow-hidden"
|
|
>
|
|
<feed-header-misc
|
|
:count="entity.collection_medias.length"
|
|
type="images"
|
|
/>
|
|
<feed-footer-misc
|
|
:is_like="entity.liked"
|
|
:likes="entity.likes"
|
|
:comments="entity.comments"
|
|
@like-feed="likeFeed"
|
|
/>
|
|
|
|
<div class="relative overflow-hidden">
|
|
<img
|
|
class="w-full h-36 md:h-72 object-cover"
|
|
:src="entity.preview"
|
|
alt=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
import FeedFooterMisc from "@/Shared/Feed/FooterMisc";
|
|
import FeedHeaderMisc from "@/Shared/Feed/HeaderMisc";
|
|
export default {
|
|
components: { FeedFooterMisc, FeedHeaderMisc },
|
|
emits: ["likeFeed"],
|
|
props: {
|
|
entity: Object,
|
|
user: Object,
|
|
feed_id: Number,
|
|
},
|
|
methods: {
|
|
likeFeed() {
|
|
this.$emit("likeFeed");
|
|
},
|
|
},
|
|
};
|
|
</script>
|