FediMovies/fedimovies-web
1
1
Fork 0
Code Pull requests Activity

Add target=_blank and rel=noreferrer to mentions

Browse source
This commit is contained in:
silverpill 2021-12-11 22:54:08 +00:00
parent 23ce851c42
commit d08936f476
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/Post.vue
View file

@ -41,7 +41,7 @@
{{ formatDate(post.created_at) }}
</a>
</div>
<div class="post-content" v-html="post.content"></div>
<div class="post-content" ref="postContent" v-html="post.content"></div>
<div class="post-attachment" v-if="post.media_attachments.length === 1">
<img :src="post.media_attachments[0].url">
</div>
@ -228,6 +228,16 @@ export default class PostComponent extends Vue {
return { currentUser, ensureAuthToken, instance }
})
$refs!: { postContent: HTMLElement }
mounted() {
const mentions = this.$refs.postContent.getElementsByClassName("mention")
for (const mention of Array.from(mentions)) {
mention.setAttribute("target", "_blank")
mention.setAttribute("rel", "noreferrer")
}
}
get authorName(): string {
return this.post.account.display_name || this.post.account.username
}