elk/components/common/CommonTrending.vue

24 lines
478 B
Vue
Raw Normal View History

2022-12-11 13:52:36 +03:00
<script lang="ts" setup>
2023-01-08 09:21:09 +03:00
import type { mastodon } from 'masto'
2022-12-11 13:52:36 +03:00
const {
history,
maxDay = 2,
} = defineProps<{
2023-01-08 09:21:09 +03:00
history: mastodon.v1.TagHistory[]
2022-12-11 13:52:36 +03:00
maxDay?: number
}>()
const ongoingHot = computed(() => history.slice(0, maxDay))
2022-12-11 13:52:36 +03:00
const people = computed(() =>
ongoingHot.value.reduce((total: number, item) => total + (Number(item.accounts) || 0), 0),
2022-12-11 13:52:36 +03:00
)
</script>
<template>
<p>
{{ $t('command.n_people_in_the_past_n_days', [people, maxDay]) }}
2022-12-11 13:52:36 +03:00
</p>
</template>