diff options
| author | Tusooa Zhu <tusooa@kazv.moe> | 2022-01-10 00:37:39 -0500 |
|---|---|---|
| committer | Tusooa Zhu <tusooa@kazv.moe> | 2022-01-29 16:57:59 -0500 |
| commit | 76547fe66d1771f5bff732a34b0547f890f4621a (patch) | |
| tree | 5a0b76c7acdbf44949baa6d6398ecc16610f1b09 /src/components/mention_link | |
| parent | 28ee5721bb88fcbfbdde89df432a408b34045230 (diff) | |
Add a pref for whether to display mention as icon or text
Diffstat (limited to 'src/components/mention_link')
| -rw-r--r-- | src/components/mention_link/mention_link.js | 3 | ||||
| -rw-r--r-- | src/components/mention_link/mention_link.vue | 9 |
2 files changed, 8 insertions, 4 deletions
diff --git a/src/components/mention_link/mention_link.js b/src/components/mention_link/mention_link.js index 65c62baa..637641af 100644 --- a/src/components/mention_link/mention_link.js +++ b/src/components/mention_link/mention_link.js @@ -85,6 +85,9 @@ const MentionLink = { this.highlightType ] }, + useAtIcon () { + return this.mergedConfig.useAtIcon + }, ...mapGetters(['mergedConfig']), ...mapState({ currentUser: state => state.users.currentUser diff --git a/src/components/mention_link/mention_link.vue b/src/components/mention_link/mention_link.vue index a22b486c..f633bf50 100644 --- a/src/components/mention_link/mention_link.vue +++ b/src/components/mention_link/mention_link.vue @@ -24,13 +24,14 @@ > <!-- eslint-disable vue/no-v-html --> <FAIcon + v-if="useAtIcon" size="sm" icon="at" class="at" - /><span class="shortName"><span - class="userName" - v-html="userName" - /></span> + /><span class="shortName">{{ !useAtIcon ? '@' : '' }}<span + class="userName" + v-html="userName" + /></span> <span v-if="isYou" class="you" |