33 lines
		
	
	
		
			615 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			33 lines
		
	
	
		
			615 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
| <template>
 | |
| <mk-window width="400px" height="550px" @closed="destroyDom">
 | |
| 	<span slot="header" :class="$style.header">
 | |
| 		<img :src="user.avatarUrl" alt=""/>{{ '%i18n:@following%'.replace('{}', name) }}
 | |
| 	</span>
 | |
| 	<mk-following :user="user"/>
 | |
| </mk-window>
 | |
| </template>
 | |
| 
 | |
| <script lang="ts">
 | |
| import Vue from 'vue';
 | |
| 
 | |
| export default Vue.extend({
 | |
| 	props: ['user'],
 | |
| 	computed: {
 | |
| 		name(): string {
 | |
| 			return Vue.filter('userName')(this.user);
 | |
| 		}
 | |
| 	}
 | |
| });
 | |
| </script>
 | |
| 
 | |
| <style lang="stylus" module>
 | |
| .header
 | |
| 	> img
 | |
| 		display inline-block
 | |
| 		vertical-align bottom
 | |
| 		height calc(100% - 10px)
 | |
| 		margin 5px
 | |
| 		border-radius 4px
 | |
| 
 | |
| </style>
 | 
