2018-06-14 19:52:00 +00:00
|
|
|
{#if mentions.length}
|
|
|
|
<div class="status-mentions">
|
|
|
|
<p>
|
|
|
|
{#each mentions as mention, i}
|
|
|
|
{#if i > 0}
|
|
|
|
|
|
|
|
{/if}
|
|
|
|
<a href="/accounts/{mention.id}"
|
2018-06-15 14:58:12 +00:00
|
|
|
title="@{mention.username}"
|
2018-06-14 19:52:00 +00:00
|
|
|
focus-key="status-mention-link-{uuid}-{mention.id}">
|
2018-06-15 14:58:12 +00:00
|
|
|
@{mention.username}
|
2018-06-14 19:52:00 +00:00
|
|
|
</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>
|