elk/components/common/CommonTrending.vue

<script lang="ts" setup>
import type { mastodon } from 'masto'

const {
  history,
  maxDay = 2,
} = $defineProps<{
  history: mastodon.v1.TagHistory[]
  maxDay?: number
}>()

const ongoingHot = $computed(() => history.slice(0, maxDay))

const people = $computed(() =>
  ongoingHot.reduce((total: number, item) => total + (Number(item.accounts) || 0), 0),
)
</script>

<template>
  <p>
    {{ $t('command_n-people-in-the-past-n-days', { count: people, days: maxDay }) }}
  </p>
</template>