diff options
Diffstat (limited to 'src/web/app/mobile/views/components/post-preview.vue')
| -rw-r--r-- | src/web/app/mobile/views/components/post-preview.vue | 17 |
1 files changed, 12 insertions, 5 deletions
diff --git a/src/web/app/mobile/views/components/post-preview.vue b/src/web/app/mobile/views/components/post-preview.vue index 787e1a3a74..0bd0a355b3 100644 --- a/src/web/app/mobile/views/components/post-preview.vue +++ b/src/web/app/mobile/views/components/post-preview.vue @@ -1,13 +1,13 @@ <template> <div class="mk-post-preview"> - <router-link class="avatar-anchor" :to="`/@${post.user.username}`"> + <router-link class="avatar-anchor" :to="`/@${acct}`"> <img class="avatar" :src="`${post.user.avatar_url}?thumbnail&size=64`" alt="avatar"/> </router-link> <div class="main"> <header> - <router-link class="name" :to="`/@${post.user.username}`">{{ post.user.name }}</router-link> - <span class="username">@{{ post.user.username }}</span> - <router-link class="time" :to="`/@${post.user.username}/${post.id}`"> + <router-link class="name" :to="`/@${acct}`">{{ post.user.name }}</router-link> + <span class="username">@{{ acct }}</span> + <router-link class="time" :to="`/@${acct}/${post.id}`"> <mk-time :time="post.created_at"/> </router-link> </header> @@ -20,8 +20,15 @@ <script lang="ts"> import Vue from 'vue'; +import getAcct from '../../../../../common/user/get-acct'; + export default Vue.extend({ - props: ['post'] + props: ['post'], + computed: { + acct() { + return getAcct(this.post.user); + } + } }); </script> |