diff options
Diffstat (limited to 'src/web/app/desktop/views/components/post-detail.vue')
| -rw-r--r-- | src/web/app/desktop/views/components/post-detail.vue | 18 |
1 files changed, 12 insertions, 6 deletions
diff --git a/src/web/app/desktop/views/components/post-detail.vue b/src/web/app/desktop/views/components/post-detail.vue index 9a8958679c..f09bf4cbd5 100644 --- a/src/web/app/desktop/views/components/post-detail.vue +++ b/src/web/app/desktop/views/components/post-detail.vue @@ -18,22 +18,22 @@ </div> <div class="repost" v-if="isRepost"> <p> - <router-link class="avatar-anchor" :to="`/@${post.user.username}`" v-user-preview="post.user_id"> + <router-link class="avatar-anchor" :to="`/@${acct}`" v-user-preview="post.user_id"> <img class="avatar" :src="`${post.user.avatar_url}?thumbnail&size=32`" alt="avatar"/> </router-link> %fa:retweet% - <router-link class="name" :href="`/@${post.user.username}`">{{ post.user.name }}</router-link> + <router-link class="name" :href="`/@${acct}`">{{ post.user.name }}</router-link> ćRepost </p> </div> <article> - <router-link class="avatar-anchor" :to="`/@${p.user.username}`"> + <router-link class="avatar-anchor" :to="`/@${acct}`"> <img class="avatar" :src="`${p.user.avatar_url}?thumbnail&size=64`" alt="avatar" v-user-preview="p.user.id"/> </router-link> <header> - <router-link class="name" :to="`/@${p.user.username}`" v-user-preview="p.user.id">{{ p.user.name }}</router-link> - <span class="username">@{{ p.user.username }}</span> - <router-link class="time" :to="`/@${p.user.username}/${p.id}`"> + <router-link class="name" :to="`/@${acct}`" v-user-preview="p.user.id">{{ p.user.name }}</router-link> + <span class="username">@{{ acct }}</span> + <router-link class="time" :to="`/@${acct}/${p.id}`"> <mk-time :time="p.created_at"/> </router-link> </header> @@ -78,6 +78,7 @@ <script lang="ts"> import Vue from 'vue'; import dateStringify from '../../../common/scripts/date-stringify'; +import getAcct from '../../../../../common/user/get-acct'; import MkPostFormWindow from './post-form-window.vue'; import MkRepostFormWindow from './repost-form-window.vue'; @@ -98,6 +99,11 @@ export default Vue.extend({ default: false } }, + computed: { + acct() { + return getAcct(this.post.user); + } + }, data() { return { context: [], |