From f04e6ac43e0d7fa2d0e691fcaafa891f82f15f6b Mon Sep 17 00:00:00 2001
From: Jan Oberhauser <jan.oberhauser@gmail.com>
Date: Sat, 5 Mar 2022 20:11:34 +0100
Subject: [PATCH] :bug: Fix some i18n line break issues

---
 packages/editor-ui/src/components/PushConnectionTracker.vue | 4 +---
 packages/editor-ui/src/components/RunData.vue               | 4 ++--
 packages/editor-ui/src/components/VersionCard.vue           | 2 +-
 packages/editor-ui/src/plugins/i18n/locales/en.json         | 6 +++---
 4 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/packages/editor-ui/src/components/PushConnectionTracker.vue b/packages/editor-ui/src/components/PushConnectionTracker.vue
index f8ac1bb2be..ebe4cbab42 100644
--- a/packages/editor-ui/src/components/PushConnectionTracker.vue
+++ b/packages/editor-ui/src/components/PushConnectionTracker.vue
@@ -2,9 +2,7 @@
 	<span>
 		<div class="push-connection-lost primary-color" v-if="!pushConnectionActive">
 			<n8n-tooltip placement="bottom-end" >
-				<div slot="content">
-					{{ $locale.baseText('pushConnectionTracker.cannotConnectToServer') }}
-				</div>
+				<div slot="content" v-html="$locale.baseText('pushConnectionTracker.cannotConnectToServer')"></div>
 				<span>
 					<font-awesome-icon icon="exclamation-triangle" />&nbsp; {{ $locale.baseText('pushConnectionTracker.connectionLost') }}
 				</span>
diff --git a/packages/editor-ui/src/components/RunData.vue b/packages/editor-ui/src/components/RunData.vue
index 2b369aafac..8fc8794811 100644
--- a/packages/editor-ui/src/components/RunData.vue
+++ b/packages/editor-ui/src/components/RunData.vue
@@ -98,14 +98,14 @@
 						</h3>
 
 						<div class="text">
-							{{ $locale.baseText(
+							<span v-html="$locale.baseText(
 								'runData.theNodeContains',
 								{
 									interpolate: {
 										numberOfKb: parseInt(dataSize/1024).toLocaleString()
 									}
 								}
-							)}}
+							)"></span>
 						</div>
 
 						<n8n-button
diff --git a/packages/editor-ui/src/components/VersionCard.vue b/packages/editor-ui/src/components/VersionCard.vue
index 22780f94b3..86801fac7d 100644
--- a/packages/editor-ui/src/components/VersionCard.vue
+++ b/packages/editor-ui/src/components/VersionCard.vue
@@ -8,7 +8,7 @@
 				</div>
 				<WarningTooltip v-if="version.hasSecurityIssue">
 					<template>
-						{{ $locale.baseText('versionCard.thisVersionHasASecurityIssue') }}
+						<span v-html="$locale.baseText('versionCard.thisVersionHasASecurityIssue')"></span>
 					</template>
 				</WarningTooltip>
 				<Badge
diff --git a/packages/editor-ui/src/plugins/i18n/locales/en.json b/packages/editor-ui/src/plugins/i18n/locales/en.json
index 806270c2ac..ada7fede5c 100644
--- a/packages/editor-ui/src/plugins/i18n/locales/en.json
+++ b/packages/editor-ui/src/plugins/i18n/locales/en.json
@@ -243,7 +243,7 @@
 			"theWorkflowExecutionFailed": "The workflow execution failed.",
 			"theWorkflowExecutionFailedButTheRetryWasSuccessful": "The workflow execution failed but the retry {entryRetrySuccessId} was successful.",
 			"theWorkflowExecutionIsProbablyStillRunning": "The workflow execution is probably still running but it may have crashed and n8n cannot safely tell. ",
-			"theWorkflowExecutionWasARetryOfAndFailed": "The workflow execution was a retry of {entryRetryOf} and failed.<br />New retries have to be,started from the original execution.",
+			"theWorkflowExecutionWasARetryOfAndFailed": "The workflow execution was a retry of {entryRetryOf} and failed.<br />New retries have to be started from the original execution.",
 			"theWorkflowExecutionWasARetryOfAndItWasSuccessful": "The workflow execution was a retry of {entryRetryOf} and it was successful.",
 			"theWorkflowExecutionWasSuccessful": "The worklow execution was successful.",
 			"theWorkflowIsCurrentlyExecuting": "The worklow is currently executing.",
@@ -444,7 +444,7 @@
 		"time": "Time"
 	},
 	"nodeBase": {
-		"clickToAddNodeOrDragToConnect": "Click to add node<br>or drag to connect"
+		"clickToAddNodeOrDragToConnect": "Click to add node<br />or drag to connect"
 	},
 	"nodeSettings": {
 		"alwaysOutputData": {
@@ -894,7 +894,7 @@
 		"breakingChanges": "Breaking changes",
 		"released": "Released",
 		"securityUpdate": "Security update",
-		"thisVersionHasASecurityIssue": "This version has a security issue.<br/>It is listed here for completeness.",
+		"thisVersionHasASecurityIssue": "This version has a security issue.<br />It is listed here for completeness.",
 		"unknown": "unknown",
 		"version": "Version"
 	},