diff options
Diffstat (limited to 'src/client/components/note-header.vue')
| -rw-r--r-- | src/client/components/note-header.vue | 36 |
1 files changed, 22 insertions, 14 deletions
diff --git a/src/client/components/note-header.vue b/src/client/components/note-header.vue index 039287818f..3be0ba38fe 100644 --- a/src/client/components/note-header.vue +++ b/src/client/components/note-header.vue @@ -1,33 +1,36 @@ <template> <header class="kkwtjztg"> - <router-link class="name" :to="note.user | userPage" v-user-preview="note.user.id"> - <mk-user-name :user="note.user"/> + <router-link class="name" :to="userPage(note.user)" v-user-preview="note.user.id"> + <MkUserName :user="note.user"/> </router-link> <span class="is-bot" v-if="note.user.isBot">bot</span> - <span class="username"><mk-acct :user="note.user"/></span> - <span class="admin" v-if="note.user.isAdmin"><fa :icon="faBookmark"/></span> - <span class="moderator" v-if="!note.user.isAdmin && note.user.isModerator"><fa :icon="farBookmark"/></span> + <span class="username"><MkAcct :user="note.user"/></span> + <span class="admin" v-if="note.user.isAdmin"><Fa :icon="faBookmark"/></span> + <span class="moderator" v-if="!note.user.isAdmin && note.user.isModerator"><Fa :icon="farBookmark"/></span> <div class="info"> - <span class="mobile" v-if="note.viaMobile"><fa :icon="faMobileAlt"/></span> - <router-link class="created-at" :to="note | notePage"> - <mk-time :time="note.createdAt"/> + <span class="mobile" v-if="note.viaMobile"><Fa :icon="faMobileAlt"/></span> + <router-link class="created-at" :to="notePage(note)"> + <MkTime :time="note.createdAt"/> </router-link> <span class="visibility" v-if="note.visibility !== 'public'"> - <fa v-if="note.visibility === 'home'" :icon="faHome"/> - <fa v-if="note.visibility === 'followers'" :icon="faUnlock"/> - <fa v-if="note.visibility === 'specified'" :icon="faEnvelope"/> + <Fa v-if="note.visibility === 'home'" :icon="faHome"/> + <Fa v-if="note.visibility === 'followers'" :icon="faUnlock"/> + <Fa v-if="note.visibility === 'specified'" :icon="faEnvelope"/> </span> - <span class="localOnly" v-if="note.localOnly"><fa :icon="faBiohazard"/></span> + <span class="localOnly" v-if="note.localOnly"><Fa :icon="faBiohazard"/></span> </div> </header> </template> <script lang="ts"> -import Vue from 'vue'; +import { defineComponent } from 'vue'; import { faHome, faUnlock, faEnvelope, faMobileAlt, faBookmark, faBiohazard } from '@fortawesome/free-solid-svg-icons'; import { faBookmark as farBookmark } from '@fortawesome/free-regular-svg-icons'; +import notePage from '../filters/note'; +import { userPage } from '../filters/user'; +import * as os from '@/os'; -export default Vue.extend({ +export default defineComponent({ props: { note: { type: Object, @@ -39,6 +42,11 @@ export default Vue.extend({ return { faHome, faUnlock, faEnvelope, faMobileAlt, faBookmark, farBookmark, faBiohazard }; + }, + + methods: { + notePage, + userPage } }); </script> |