aboutsummaryrefslogtreecommitdiff
path: root/src/components/basic_user_card
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2019-04-07 20:33:11 +0300
committerHenry Jameson <me@hjkos.com>2019-04-07 20:33:11 +0300
commit9108737d55300d8a4f822ba94335d8b53f04854d (patch)
tree76c51864a8f84edf260f2cf2fcf7625799f2533f /src/components/basic_user_card
parent8c7f765dff8b66ff27aeeab5bc09cd715ab328a9 (diff)
Webpack 4, ESLint with Vue, Node-sass, updated dependencies overall. New linting.
Diffstat (limited to 'src/components/basic_user_card')
-rw-r--r--src/components/basic_user_card/basic_user_card.vue47
1 files changed, 37 insertions, 10 deletions
diff --git a/src/components/basic_user_card/basic_user_card.vue b/src/components/basic_user_card/basic_user_card.vue
index 8afe8b44..8388deb8 100644
--- a/src/components/basic_user_card/basic_user_card.vue
+++ b/src/components/basic_user_card/basic_user_card.vue
@@ -1,22 +1,49 @@
<template>
<div class="basic-user-card">
<router-link :to="userProfileLink(user)">
- <UserAvatar class="avatar" @click.prevent.native="toggleUserExpanded" :src="user.profile_image_url"/>
+ <UserAvatar
+ class="avatar"
+ :src="user.profile_image_url"
+ @click.prevent.native="toggleUserExpanded"
+ />
</router-link>
- <div class="basic-user-card-expanded-content" v-if="userExpanded">
- <UserCard :user="user" :rounded="true" :bordered="true"/>
+ <div
+ v-if="userExpanded"
+ class="basic-user-card-expanded-content"
+ >
+ <UserCard
+ :user="user"
+ :rounded="true"
+ :bordered="true"
+ />
</div>
- <div class="basic-user-card-collapsed-content" v-else>
- <div :title="user.name" class="basic-user-card-user-name">
- <span v-if="user.name_html" class="basic-user-card-user-name-value" v-html="user.name_html"></span>
- <span v-else class="basic-user-card-user-name-value">{{ user.name }}</span>
+ <div
+ v-else
+ class="basic-user-card-collapsed-content"
+ >
+ <div
+ :title="user.name"
+ class="basic-user-card-user-name"
+ >
+ <span
+ v-if="user.name_html"
+ class="basic-user-card-user-name-value"
+ v-html="user.name_html"
+ />
+ <span
+ v-else
+ class="basic-user-card-user-name-value"
+ >{{ user.name }}</span>
</div>
<div>
- <router-link class="basic-user-card-screen-name" :to="userProfileLink(user)">
- @{{user.screen_name}}
+ <router-link
+ class="basic-user-card-screen-name"
+ :to="userProfileLink(user)"
+ >
+ @{{ user.screen_name }}
</router-link>
</div>
- <slot></slot>
+ <slot />
</div>
</div>
</template>