Refactor
Make mk-user-name component
This commit is contained in:
		@@ -4,7 +4,7 @@
 | 
			
		||||
		<mk-avatar class="avatar" :user="user"/>
 | 
			
		||||
	</header>
 | 
			
		||||
	<a class="name" :href="user | userPage" target="_blank">
 | 
			
		||||
		<misskey-flavored-markdown :text="user.name || user.username" :shouldBreak="false" :plainText="true" :custom-emojis="user.emojis"/>
 | 
			
		||||
		<mk-user-name :user="user"/>
 | 
			
		||||
	</a>
 | 
			
		||||
	<p class="username"><mk-acct :user="user"/></p>
 | 
			
		||||
	<mk-follow-button class="follow-button" :user="user"/>
 | 
			
		||||
 
 | 
			
		||||
@@ -4,7 +4,7 @@
 | 
			
		||||
	<div class="main">
 | 
			
		||||
		<header>
 | 
			
		||||
			<router-link class="name" :to="user | userPage">
 | 
			
		||||
				<misskey-flavored-markdown :text="user.name || user.username" :shouldBreak="false" :plainText="true" :custom-emojis="user.emojis"/>
 | 
			
		||||
				<mk-user-name :user="user"/>
 | 
			
		||||
			</router-link>
 | 
			
		||||
			<span class="username"><mk-acct :user="user"/></span>
 | 
			
		||||
		</header>
 | 
			
		||||
 
 | 
			
		||||
@@ -5,7 +5,7 @@
 | 
			
		||||
	<main v-if="!fetching">
 | 
			
		||||
		<ul>
 | 
			
		||||
			<li v-for="user in users" :key="user.id"><router-link :to="user | userPage">
 | 
			
		||||
				<misskey-flavored-markdown :text="user.name || user.username" :shouldBreak="false" :plainText="true" :custom-emojis="user.emojis"/>
 | 
			
		||||
				<mk-user-name :user="user"/>
 | 
			
		||||
			</router-link></li>
 | 
			
		||||
		</ul>
 | 
			
		||||
	</main>
 | 
			
		||||
 
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
<template>
 | 
			
		||||
<mk-ui>
 | 
			
		||||
	<template slot="header" v-if="!fetching"><img :src="user.avatarUrl" alt="">
 | 
			
		||||
		<misskey-flavored-markdown :text="user.name || user.username" :shouldBreak="false" :plainText="true" :custom-emojis="user.emojis"/>
 | 
			
		||||
		<mk-user-name :user="user"/>
 | 
			
		||||
	</template>
 | 
			
		||||
	<main v-if="!fetching">
 | 
			
		||||
		<div class="is-suspended" v-if="user.isSuspended"><p><fa icon="exclamation-triangle"/> {{ $t('is-suspended') }}</p></div>
 | 
			
		||||
@@ -17,7 +17,7 @@
 | 
			
		||||
					<mk-follow-button v-if="$store.getters.isSignedIn && $store.state.i.id != user.id" :user="user"/>
 | 
			
		||||
				</div>
 | 
			
		||||
				<div class="title">
 | 
			
		||||
					<h1><misskey-flavored-markdown :text="user.name || user.username" :shouldBreak="false" :plainText="true" :custom-emojis="user.emojis"/></h1>
 | 
			
		||||
					<h1><mk-user-name :user="user"/></h1>
 | 
			
		||||
					<span class="username"><mk-acct :user="user" :detail="true" /></span>
 | 
			
		||||
					<span class="followed" v-if="user.isFollowed">{{ $t('follows-you') }}</span>
 | 
			
		||||
				</div>
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user