1
0
mirror of https://github.com/elk-zone/elk synced 2024-12-12 21:58:05 +09:00
elk/components/status/StatusVisibilityIndicator.vue

16 lines
455 B
Vue

<script setup lang="ts">
import type { mastodon } from 'masto'
const { status } = defineProps<{
status: mastodon.v1.Status
}>()
const visibility = $computed(() => statusVisibilities.find(v => v.value === status.visibility)!)
</script>
<template>
<CommonTooltip :content="$t(`visibility.${visibility.value}`)" placement="bottom">
<div :class="visibility.icon" :aria-label="$t(`visibility.${visibility.value}`)" />
</CommonTooltip>
</template>