diff options
author | Joas Schilling <coding@schilljs.com> | 2022-03-23 19:11:07 +0300 |
---|---|---|
committer | Joas Schilling <coding@schilljs.com> | 2022-03-23 19:11:07 +0300 |
commit | 15bfeed0235c515acc327c251f477e9404f364db (patch) | |
tree | 67d8cab06f77996fa5ba5074c41f0a78661cc71c | |
parent | 325f29ffb6325de59a9bf500ac1ec466e9282356 (diff) |
Fix handling of the translation string
Signed-off-by: Joas Schilling <coding@schilljs.com>
-rw-r--r-- | src/components/SetGuestUsername.vue | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/src/components/SetGuestUsername.vue b/src/components/SetGuestUsername.vue index f94019686..db34e6b7e 100644 --- a/src/components/SetGuestUsername.vue +++ b/src/components/SetGuestUsername.vue @@ -23,9 +23,7 @@ <!-- Guest username setting form --> <form class="username-form" @submit.prevent="handleChooseUserName"> - <h3> - {{ t('spreed', 'Display name: ') }} <strong>{{ actorDisplayName ? actorDisplayName : t('spreed', 'Guest') }}</strong> - </h3> + <h3 v-html="displayNameLabel" /> <Button @click.prevent="handleEditUsername"> {{ t('spreed', 'Edit') }} <template #icon> @@ -81,6 +79,11 @@ export default { actorDisplayName() { return this.$store.getters.getDisplayName() }, + displayNameLabel() { + return t('spreed', 'Display name: <strong>{name}</strong>', { + name: this.actorDisplayName ? this.actorDisplayName : t('spreed', 'Guest'), + }) + }, actorId() { return this.$store.getters.getActorId() }, |