Allow name property of user to be null
This commit is contained in:
parent
46e8fd44c1
commit
f0e8e6392b
52 changed files with 311 additions and 107 deletions
|
|
@ -2,7 +2,7 @@
|
|||
<div class="post">
|
||||
<header>
|
||||
<a class="index" @click="reply">{{ post.index }}:</a>
|
||||
<router-link class="name" :to="`/@${acct}`" v-user-preview="post.user.id"><b>{{ post.user.name }}</b></router-link>
|
||||
<router-link class="name" :to="`/@${acct}`" v-user-preview="post.user.id"><b>{{ name }}</b></router-link>
|
||||
<span>ID:<i>{{ acct }}</i></span>
|
||||
</header>
|
||||
<div>
|
||||
|
|
@ -20,12 +20,16 @@
|
|||
<script lang="ts">
|
||||
import Vue from 'vue';
|
||||
import getAcct from '../../../../../acct/render';
|
||||
import getUserName from '../../../../../renderers/get-user-name';
|
||||
|
||||
export default Vue.extend({
|
||||
props: ['post'],
|
||||
computed: {
|
||||
acct() {
|
||||
return getAcct(this.post.user);
|
||||
},
|
||||
name() {
|
||||
return getUserName(this.post.user);
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
|
|
|||
|
|
@ -15,19 +15,26 @@
|
|||
title="クリックでアバター編集"
|
||||
v-user-preview="os.i.id"
|
||||
/>
|
||||
<router-link class="name" :to="`/@${os.i.username}`">{{ os.i.name }}</router-link>
|
||||
<router-link class="name" :to="`/@${os.i.username}`">{{ name }}</router-link>
|
||||
<p class="username">@{{ os.i.username }}</p>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import define from '../../../common/define-widget';
|
||||
import getUserName from '../../../../../renderers/get-user-name';
|
||||
|
||||
export default define({
|
||||
name: 'profile',
|
||||
props: () => ({
|
||||
design: 0
|
||||
})
|
||||
}).extend({
|
||||
computed: {
|
||||
name() {
|
||||
return getUserName(this.os.i);
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
func() {
|
||||
if (this.props.design == 2) {
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
<img class="avatar" :src="`${_user.avatarUrl}?thumbnail&size=42`" alt="" v-user-preview="_user.id"/>
|
||||
</router-link>
|
||||
<div class="body">
|
||||
<router-link class="name" :to="`/@${getAcct(_user)}`" v-user-preview="_user.id">{{ _user.name }}</router-link>
|
||||
<router-link class="name" :to="`/@${getAcct(_user)}`" v-user-preview="_user.id">{{ getUserName(_user) }}</router-link>
|
||||
<p class="username">@{{ getAcct(_user) }}</p>
|
||||
</div>
|
||||
<mk-follow-button :user="_user"/>
|
||||
|
|
@ -24,6 +24,7 @@
|
|||
<script lang="ts">
|
||||
import define from '../../../common/define-widget';
|
||||
import getAcct from '../../../../../acct/render';
|
||||
import getUserName from '../../../../../renderers/get-user-name';
|
||||
|
||||
const limit = 3;
|
||||
|
||||
|
|
@ -45,6 +46,7 @@ export default define({
|
|||
},
|
||||
methods: {
|
||||
getAcct,
|
||||
getUserName,
|
||||
func() {
|
||||
this.props.compact = !this.props.compact;
|
||||
},
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue