pinafore/routes/_components/status/StatusMentions.html

32 lines
684 B
HTML
Raw Normal View History

{#if mentions.length}
<div class="status-mentions">
<p>
{#each mentions as mention, i}
{#if i > 0}
<!-- empty space -->
&nbsp;
<!-- empty space -->
{/if}
<a href="/accounts/{mention.id}"
title="@{mention.acct}"
focus-key="status-mention-link-{uuid}-{mention.id}">
@{mention.username}
</a>
{/each}
</p>
</div>
{/if}
<style>
.status-mentions {
grid-area: mentions;
margin: 10px 0 10px 5px;
font-size: 0.9em;
}
</style>
<script>
export default {
computed: {
mentions: ({ originalStatus }) => originalStatus.mentions || []
}
}
</script>