diff options
Diffstat (limited to 'src/components/mention_link')
| -rw-r--r-- | src/components/mention_link/mention_link.vue | 30 |
1 files changed, 26 insertions, 4 deletions
diff --git a/src/components/mention_link/mention_link.vue b/src/components/mention_link/mention_link.vue index 84ed3205..80aadd3f 100644 --- a/src/components/mention_link/mention_link.vue +++ b/src/components/mention_link/mention_link.vue @@ -1,12 +1,34 @@ <template> <span class="MentionLink"> - <a v-if="!user" v-html="content" href="url" class="original"/> - <span v-if="user" class="new" :style="style" :class="{ '-you': isYou }" > - <button class="button-unstyled short" @click.prevent="onClick"> + <!-- eslint-disable vue/no-v-html --> + <a + v-if="!user" + href="url" + class="original" + v-html="content" + /> + <!-- eslint-enable vue/no-v-html --> + <span + v-if="user" + class="new" + :style="style" + :class="{ '-you': isYou }" + > + <button + class="button-unstyled short" + @click.prevent="onClick" + > + <!-- eslint-disable vue/no-v-html --> <span class="shortName">@<span v-html="userName" /></span> <span v-if="isYou">(You)</span> + <!-- eslint-enable vue/no-v-html --> </button> - <span class="full" v-if="userName !== userNameFull"> + <span + v-if="userName !== userNameFull" + class="full" + > + <!-- eslint-disable vue/no-v-html --> @<span v-html="userNameFull" /> + <!-- eslint-enable vue/no-v-html --> </span> </span> </span> |