Fix issue of string splitting for translations

Signed-off-by: Joas Schilling <coding@schilljs.com>

src/components/RightSidebar/Participants/ParticipantsList/Participant/ParticipantPermissionsEditor/ParticipantPermissionsEditor.vue

@@ -22,9 +22,8 @@
 <template>
 	<Modal v-on="$listeners">
 		<div class="wrapper">
-			<p class="title">
-				{{ t('spreed', 'In this conversation, ') }}<strong>{{ displayName }}</strong>{{ t('spreed', ' can:') }}
-			</p>
+			<!-- eslint-disable-next-line vue/no-v-html -->
+			<p class="title" v-html="modalTitle" />
 			<form @submit.prevent="handleSubmitPermissions">
 				<CheckboxRadioSwitch
 					ref="callStart"
@@ -124,6 +123,12 @@ export default {
 			return this.participant.displayName
 		},
 
+		modalTitle() {
+			return t('spreed', 'In this conversation <strong>{user}</strong> can:', {
+				user: this.displayName,
+			})
+		},
+
 		/**
 		 * The participant's attendeeId: a unique number that identifies the
 		 * participant.