zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat: use masto client

Browse source
This commit is contained in:
Anthony Fu 2022-11-14 10:20:07 +08:00
parent 4adab40932
commit 90c45b435f
14 changed files with 96 additions and 205 deletions
Download patch file Download diff file Expand all files Collapse all files

27
components/status/StatusActions.vue Normal file
View file

@ -0,0 +1,27 @@
<script setup lang="ts">
import type { Status } from 'masto'
defineProps<{
status: Status
}>()
</script>
<template>
<div flex justify-between gap-4>
<button flex gap-1 justify-center items-center p1 w-full rounded hover="bg-gray/10">
<div i-ri:chat-3-line />
<span>{{ status.repliesCount }}</span>
</button>
<button flex gap-1 justify-center items-center p1 w-full rounded hover="bg-gray/10">
<div i-ri:repeat-fill />
<span>{{ status.reblogsCount }}</span>
</button>
<button flex gap-1 justify-center items-center p1 w-full rounded hover="bg-gray/10">
<div i-ri:heart-3-line />
<span>{{ status.favouritesCount }}</span>
</button>
<button flex gap-1 justify-center items-center p1 w-full rounded hover="bg-gray/10">
<div i-ri:more-2-fill />
</button>
</div>
</template>