Fix escaping of placeholder strings

src/components/AppNavigation/AppNavigation.vue

@@ -323,7 +323,13 @@ export default {
 				msg: '',
 			}
 			if (this.isCalendarNameUsed(name, id)) {
-				check.msg = this.$t('tasks', 'The name "{calendar}" is already used.', { calendar: name })
+				check.msg = this.$t(
+					'tasks',
+					'The name "{calendar}" is already used.',
+					{ calendar: name },
+					undefined,
+					{ sanitize: false, escape: false }
+				)
 			} else if (!name) {
 				check.msg = this.$t('tasks', 'An empty name is not allowed.')
 			} else {

src/components/AppNavigation/ListItemCalendar.vue

@@ -205,13 +205,37 @@ export default {
 
 		deleteMessage() {
 			return !this.calendar.isSharedWithMe
-				? this.$t('tasks', 'This will delete the calendar "{calendar}" and all corresponding events and tasks.', { calendar: this.calendar.displayName })
-				: this.$t('tasks', 'This will unshare the calendar "{calendar}".', { calendar: this.calendar.displayName })
+				? this.$t(
+					'tasks',
+					'This will delete the calendar "{calendar}" and all corresponding events and tasks.',
+					{ calendar: this.calendar.displayName },
+					undefined,
+					{ sanitize: false, escape: false }
+				)
+				: this.$t(
+					'tasks',
+					'This will unshare the calendar "{calendar}".',
+					{ calendar: this.calendar.displayName },
+					undefined,
+					{ sanitize: false, escape: false }
+				)
 		},
 		undoDeleteMessage() {
 			return !this.calendar.isSharedWithMe
-				? this.$n('tasks', 'Deleting the calendar in {countdown} second', 'Deleting the calendar in {countdown} seconds', this.countdown, { countdown: this.countdown })
-				: this.$n('tasks', 'Unsharing the calendar in {countdown} second', 'Unsharing the calendar in {countdown} seconds', this.countdown, { countdown: this.countdown })
+				? this.$n(
+					'tasks',
+					'Deleting the calendar in {countdown} second',
+					'Deleting the calendar in {countdown} seconds',
+					this.countdown,
+					{ countdown: this.countdown }
+				)
+				: this.$n(
+					'tasks',
+					'Unsharing the calendar in {countdown} second',
+					'Unsharing the calendar in {countdown} seconds',
+					this.countdown,
+					{ countdown: this.countdown }
+				)
 		},
 		sharingIconClass() {
 			if (this.calendar.shares.length) {

src/components/DeleteCompletedModal.vue

@@ -38,7 +38,8 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 							{
 								taskCount: initialCompletedRootTasksCount,
 								calendar: calendar.displayName
-							}
+							},
+							{ sanitize: false, escape: false }
 						) }}
 					</h3>
 					<button class="delete-completed__button icon-delete"
@@ -49,7 +50,12 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 				</div>
 				<div v-else>
 					<h3 class="delete-completed__header">
-						{{ $t('tasks', 'Deleted all completed tasks from calendar "{calendar}".', { calendar: calendar.displayName }) }}
+						{{ $t('tasks',
+							'Deleted all completed tasks from calendar "{calendar}".',
+							{ calendar: calendar.displayName },
+							undefined,
+							{ sanitize: false, escape: false }
+						) }}
 					</h3>
 				</div>
 				<div>

src/components/TaskBody.vue

@@ -322,7 +322,13 @@ export default {
 		 * @returns {String} the placeholder string to show
 		 */
 		subtasksCreationPlaceholder() {
-			return this.$t('tasks', 'Add a subtask to "{task}"…', { task: this.task.summary })
+			return this.$t(
+				'tasks',
+				'Add a subtask to "{task}"…',
+				{ task: this.task.summary },
+				undefined,
+				{ sanitize: false, escape: false }
+			)
 		},
 
 		/**

src/components/TheCollections/Calendar.vue

@@ -99,7 +99,13 @@ export default {
 		},
 
 		inputString() {
-			return this.$t('tasks', 'Add a task to "{task}"…', { task: this.calendar.displayName })
+			return this.$t(
+				'tasks',
+				'Add a task to "{task}"…',
+				{ task: this.calendar.displayName },
+				undefined,
+				{ sanitize: false, escape: false }
+			)
 		},
 
 		/**

src/components/TheCollections/General.vue

@@ -109,13 +109,37 @@ export default {
 		inputString() {
 			switch (this.collectionId) {
 			case 'starred':
-				return this.$t('tasks', 'Add an important task to "{calendar}"…', { calendar: this.calendar.displayName })
+				return this.$t(
+					'tasks',
+					'Add an important task to "{calendar}"…',
+					{ calendar: this.calendar.displayName },
+					undefined,
+					{ sanitize: false, escape: false }
+				)
 			case 'today':
-				return this.$t('tasks', 'Add a task due today to "{calendar}"…', { calendar: this.calendar.displayName })
+				return this.$t(
+					'tasks',
+					'Add a task due today to "{calendar}"…',
+					{ calendar: this.calendar.displayName },
+					undefined,
+					{ sanitize: false, escape: false }
+				)
 			case 'current':
-				return this.$t('tasks', 'Add a current task to "{calendar}"…', { calendar: this.calendar.displayName })
+				return this.$t(
+					'tasks',
+					'Add a current task to "{calendar}"…',
+					{ calendar: this.calendar.displayName },
+					undefined,
+					{ sanitize: false, escape: false }
+				)
 			default:
-				return this.$t('tasks', 'Add a task to "{calendar}"…', { calendar: this.calendar.displayName })
+				return this.$t(
+					'tasks',
+					'Add a task to "{calendar}"…',
+					{ calendar: this.calendar.displayName },
+					undefined,
+					{ sanitize: false, escape: false }
+				)
 			}
 		},
 		...mapGetters({

src/components/TheCollections/Week.vue

@@ -104,7 +104,13 @@ export default {
 		},
 
 		inputString() {
-			return this.$t('tasks', 'Add a task due today to "{calendar}"…', { calendar: this.calendar.displayName })
+			return this.$t(
+				'tasks',
+				'Add a task due today to "{calendar}"…',
+				{ calendar: this.calendar.displayName },
+				undefined,
+				{ sanitize: false, escape: false }
+			)
 		},
 	},
 	methods: {