Initial commit

resources/js/Shared/FeedList/FeedFooter.vue

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