elk/components/PostActions.vue

28 lines
869 B
Vue
Raw Normal View History

2022-11-13 05:34:43 +00:00
<script setup lang="ts">
import type { Post } from '~/api-client/types'
const props = defineProps<{
post: Post
}>()
</script>
<template>
2022-11-13 16:05:32 +00:00
<div flex justify-between gap-4>
<button flex gap-1 justify-center items-center p1 w-full rounded hover="bg-gray/10">
2022-11-13 05:34:43 +00:00
<div i-ri:chat-3-line />
<span>{{ post.replies_count }}</span>
</button>
2022-11-13 16:05:32 +00:00
<button flex gap-1 justify-center items-center p1 w-full rounded hover="bg-gray/10">
2022-11-13 05:34:43 +00:00
<div i-ri:repeat-fill />
<span>{{ post.reblogs_count }}</span>
</button>
2022-11-13 16:05:32 +00:00
<button flex gap-1 justify-center items-center p1 w-full rounded hover="bg-gray/10">
2022-11-13 05:34:43 +00:00
<div i-ri:heart-3-line />
<span>{{ post.favourites_count }}</span>
</button>
2022-11-13 16:05:32 +00:00
<button flex gap-1 justify-center items-center p1 w-full rounded hover="bg-gray/10">
<div i-ri:more-2-fill />
</button>
2022-11-13 05:34:43 +00:00
</div>
</template>