From 1d991824d1eac83d75532877aa4ed934eb1d47c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Wed, 15 Dec 2021 13:16:53 +0100
Subject: [PATCH] :truck: Rename $i to $locale

---
 packages/editor-ui/src/components/About.vue   |  12 +-
 .../src/components/BinaryDataDisplay.vue      |   8 +-
 .../editor-ui/src/components/CodeEdit.vue     |   4 +-
 .../src/components/CollectionParameter.vue    |   8 +-
 .../editor-ui/src/components/CopyInput.vue    |   2 +-
 .../CredentialEdit/CredentialConfig.vue       |  36 ++---
 .../CredentialEdit/CredentialEdit.vue         |  60 ++++----
 .../CredentialEdit/CredentialInfo.vue         |  12 +-
 .../components/CredentialEdit/OauthButton.vue |   4 +-
 .../src/components/CredentialsList.vue        |  38 ++---
 .../src/components/CredentialsSelectModal.vue |   8 +-
 .../editor-ui/src/components/DataDisplay.vue  |   4 +-
 .../src/components/DisplayWithChange.vue      |  10 +-
 .../components/DuplicateWorkflowDialog.vue    |  14 +-
 .../src/components/Error/NodeErrorView.vue    |  22 +--
 .../src/components/ExecutionsList.vue         | 132 ++++++++--------
 .../src/components/ExpressionEdit.vue         |  10 +-
 .../components/FixedCollectionParameter.vue   |  18 +--
 .../ExecutionDetails/ExecutionDetails.vue     |  14 +-
 .../MainHeader/ExecutionDetails/ReadOnly.vue  |   4 +-
 .../components/MainHeader/WorkflowDetails.vue |  10 +-
 .../editor-ui/src/components/MainSidebar.vue  |  94 ++++++------
 .../src/components/MultipleParameter.vue      |  16 +-
 packages/editor-ui/src/components/Node.vue    |  24 +--
 .../components/NodeCreator/CategoryItem.vue   |   2 +-
 .../src/components/NodeCreator/MainPanel.vue  |   6 +-
 .../src/components/NodeCreator/NoResults.vue  |  14 +-
 .../src/components/NodeCreator/NodeItem.vue   |   6 +-
 .../src/components/NodeCreator/SearchBar.vue  |   2 +-
 .../NodeCreator/SubcategoryItem.vue           |   4 +-
 .../NodeCreator/SubcategoryPanel.vue          |   2 +-
 .../src/components/NodeCredentials.vue        |  14 +-
 .../editor-ui/src/components/NodeSettings.vue |  56 +++----
 .../editor-ui/src/components/NodeWebhooks.vue |  16 +-
 .../src/components/ParameterInput.vue         |  40 ++---
 .../src/components/ParameterInputExpanded.vue |   6 +-
 .../src/components/ParameterInputFull.vue     |   4 +-
 .../src/components/ParameterInputList.vue     |  14 +-
 .../src/components/PersonalizationModal.vue   |  86 +++++------
 .../src/components/PushConnectionTracker.vue  |   4 +-
 packages/editor-ui/src/components/RunData.vue |  54 +++----
 .../editor-ui/src/components/SaveButton.vue   |   6 +-
 .../editor-ui/src/components/TagsDropdown.vue |  14 +-
 .../src/components/TagsManager/NoTagsView.vue |   4 +-
 .../components/TagsManager/TagsManager.vue    |  30 ++--
 .../TagsManager/TagsView/TagsTable.vue        |  24 +--
 .../TagsManager/TagsView/TagsTableHeader.vue  |   4 +-
 .../TagsManager/TagsView/TagsView.vue         |   4 +-
 .../editor-ui/src/components/TextEdit.vue     |   6 +-
 packages/editor-ui/src/components/TimeAgo.vue |  28 ++--
 .../editor-ui/src/components/UpdatesPanel.vue |  10 +-
 .../src/components/VariableSelector.vue       |  18 +--
 .../src/components/VariableSelectorItem.vue   |   4 +-
 .../editor-ui/src/components/VersionCard.vue  |  12 +-
 .../src/components/WorkflowActivator.vue      |  32 ++--
 .../editor-ui/src/components/WorkflowOpen.vue |  30 ++--
 .../src/components/WorkflowSettings.vue       | 110 ++++++-------
 .../src/components/mixins/genericHelpers.ts   |  12 +-
 .../src/components/mixins/nodeBase.ts         |   2 +-
 .../src/components/mixins/pushConnection.ts   |   4 +-
 .../src/components/mixins/showMessage.ts      |   6 +-
 .../src/components/mixins/workflowHelpers.ts  |   8 +-
 .../src/components/mixins/workflowRun.ts      |  10 +-
 packages/editor-ui/src/plugins/i18n/index.ts  |   4 +-
 .../editor-ui/src/plugins/i18n/types.d.ts     |   2 +-
 packages/editor-ui/src/views/NodeView.vue     | 144 +++++++++---------
 66 files changed, 711 insertions(+), 711 deletions(-)

diff --git a/packages/editor-ui/src/components/About.vue b/packages/editor-ui/src/components/About.vue
index 99046a676a..fabe87571f 100644
--- a/packages/editor-ui/src/components/About.vue
+++ b/packages/editor-ui/src/components/About.vue
@@ -1,10 +1,10 @@
 <template>
 	<span>
-		<el-dialog class="n8n-about" :visible="dialogVisible" append-to-body width="50%" :title="$i.baseText('about.aboutN8n')" :before-close="closeDialog">
+		<el-dialog class="n8n-about" :visible="dialogVisible" append-to-body width="50%" :title="$locale.baseText('about.aboutN8n')" :before-close="closeDialog">
 			<div>
 				<el-row>
 					<el-col :span="8" class="info-name">
-						{{ $i.baseText('about.n8nVersion') }}
+						{{ $locale.baseText('about.n8nVersion') }}
 					</el-col>
 					<el-col :span="16">
 						{{ versionCli }}
@@ -12,7 +12,7 @@
 				</el-row>
 				<el-row>
 					<el-col :span="8" class="info-name">
-						{{ $i.baseText('about.sourceCode') }}
+						{{ $locale.baseText('about.sourceCode') }}
 					</el-col>
 					<el-col :span="16">
 						<a href="https://github.com/n8n-io/n8n" target="_blank">https://github.com/n8n-io/n8n</a>
@@ -20,17 +20,17 @@
 				</el-row>
 				<el-row>
 					<el-col :span="8" class="info-name">
-						{{ $i.baseText('about.license') }}
+						{{ $locale.baseText('about.license') }}
 					</el-col>
 					<el-col :span="16">
 						<a href="https://github.com/n8n-io/n8n/blob/master/packages/cli/LICENSE.md" target="_blank">
-							{{ $i.baseText('about.apacheWithCommons20Clause') }}
+							{{ $locale.baseText('about.apacheWithCommons20Clause') }}
 						</a>
 					</el-col>
 				</el-row>
 
 				<div class="action-buttons">
-					<n8n-button @click="closeDialog" :label="$i.baseText('about.close')" />
+					<n8n-button @click="closeDialog" :label="$locale.baseText('about.close')" />
 				</div>
 			</div>
 		</el-dialog>
diff --git a/packages/editor-ui/src/components/BinaryDataDisplay.vue b/packages/editor-ui/src/components/BinaryDataDisplay.vue
index ca3611b7fc..6d1d9de118 100644
--- a/packages/editor-ui/src/components/BinaryDataDisplay.vue
+++ b/packages/editor-ui/src/components/BinaryDataDisplay.vue
@@ -4,18 +4,18 @@
 			@click.stop="closeWindow"
 			size="small"
 			class="binary-data-window-back"
-			:title="$i.baseText('binaryDataDisplay.backToOverviewPage')"
+			:title="$locale.baseText('binaryDataDisplay.backToOverviewPage')"
 			icon="arrow-left"
-			:label="$i.baseText('binaryDataDisplay.backToList')"
+			:label="$locale.baseText('binaryDataDisplay.backToList')"
 		/>
 
 		<div class="binary-data-window-wrapper">
 			<div v-if="!binaryData">
-				{{ $i.baseText('binaryDataDisplay.noDataFoundToDisplay') }}
+				{{ $locale.baseText('binaryDataDisplay.noDataFoundToDisplay') }}
 			</div>
 			<video v-else-if="binaryData.mimeType && binaryData.mimeType.startsWith('video/')" controls autoplay>
 				<source :src="'data:' + binaryData.mimeType + ';base64,' + binaryData.data" :type="binaryData.mimeType">
-				{{ $i.baseText('binaryDataDisplay.yourBrowserDoesNotSupport') }}
+				{{ $locale.baseText('binaryDataDisplay.yourBrowserDoesNotSupport') }}
 			</video>
 			<embed v-else :src="'data:' + binaryData.mimeType + ';base64,' + binaryData.data" class="binary-data" :class="embedClass"/>
 		</div>
diff --git a/packages/editor-ui/src/components/CodeEdit.vue b/packages/editor-ui/src/components/CodeEdit.vue
index 203ec96780..7d29bc0a03 100644
--- a/packages/editor-ui/src/components/CodeEdit.vue
+++ b/packages/editor-ui/src/components/CodeEdit.vue
@@ -1,8 +1,8 @@
 <template>
 	<div v-if="dialogVisible">
-		<el-dialog :visible="dialogVisible" append-to-body :close-on-click-modal="false" width="80%" :title="`${$i.baseText('codeEdit.edit')} ${$i.nodeText().topParameterDisplayName(parameter)}`" :before-close="closeDialog">
+		<el-dialog :visible="dialogVisible" append-to-body :close-on-click-modal="false" width="80%" :title="`${$locale.baseText('codeEdit.edit')} ${$locale.nodeText().topParameterDisplayName(parameter)}`" :before-close="closeDialog">
 			<div class="ignore-key-press">
-				<n8n-input-label :label="$i.nodeText().topParameterDisplayName(parameter)">
+				<n8n-input-label :label="$locale.nodeText().topParameterDisplayName(parameter)">
 					<div :class="$style.editor" @keydown.stop>
 						<prism-editor :lineNumbers="true" :code="value" :readonly="isReadOnly" @change="valueChanged" language="js"></prism-editor>
 					</div>
diff --git a/packages/editor-ui/src/components/CollectionParameter.vue b/packages/editor-ui/src/components/CollectionParameter.vue
index dcb3b15ae3..35361227c7 100644
--- a/packages/editor-ui/src/components/CollectionParameter.vue
+++ b/packages/editor-ui/src/components/CollectionParameter.vue
@@ -2,7 +2,7 @@
 	<div @keydown.stop class="collection-parameter">
 		<div class="collection-parameter-wrapper">
 			<div v-if="getProperties.length === 0" class="no-items-exist">
-				<n8n-text size="small">{{ $i.baseText('collectionParameter.noProperties') }}</n8n-text>
+				<n8n-text size="small">{{ $locale.baseText('collectionParameter.noProperties') }}</n8n-text>
 			</div>
 
 			<parameter-input-list :parameters="getProperties" :nodeValues="nodeValues" :path="path" :hideDelete="hideDelete" :indent="true" @valueChanged="valueChanged" />
@@ -19,7 +19,7 @@
 						<n8n-option
 							v-for="item in parameterOptions"
 							:key="item.name"
-							:label="$i.nodeText().collectionOptionDisplayName(parameter, item)"
+							:label="$locale.nodeText().collectionOptionDisplayName(parameter, item)"
 							:value="item.name">
 						</n8n-option>
 					</n8n-select>
@@ -67,8 +67,8 @@ export default mixins(
 		},
 		computed: {
 			getPlaceholderText (): string {
-				const placeholder = this.$i.nodeText().placeholder(this.parameter);
-				return placeholder ? placeholder : this.$i.baseText('collectionParameter.choose');
+				const placeholder = this.$locale.nodeText().placeholder(this.parameter);
+				return placeholder ? placeholder : this.$locale.baseText('collectionParameter.choose');
 			},
 			getProperties (): INodeProperties[] {
 				const returnProperties = [];
diff --git a/packages/editor-ui/src/components/CopyInput.vue b/packages/editor-ui/src/components/CopyInput.vue
index 5a1ca0516f..1512548410 100644
--- a/packages/editor-ui/src/components/CopyInput.vue
+++ b/packages/editor-ui/src/components/CopyInput.vue
@@ -38,7 +38,7 @@ export default mixins(copyPaste, showMessage).extend({
 			this.copyToClipboard(this.$props.copyContent);
 
 			this.$showMessage({
-				title: this.$i.baseText('credentialsEdit.showMessage.title'),
+				title: this.$locale.baseText('credentialsEdit.showMessage.title'),
 				message: this.$props.successMessage,
 				type: 'success',
 			});
diff --git a/packages/editor-ui/src/components/CredentialEdit/CredentialConfig.vue b/packages/editor-ui/src/components/CredentialEdit/CredentialConfig.vue
index def0127225..2da9b39814 100644
--- a/packages/editor-ui/src/components/CredentialEdit/CredentialConfig.vue
+++ b/packages/editor-ui/src/components/CredentialEdit/CredentialConfig.vue
@@ -3,17 +3,17 @@
 		<banner
 			v-show="showValidationWarning"
 			theme="danger"
-			:message="$i.baseText('credentialEdit.credentialConfig.pleaseCheckTheErrorsBelow')"
+			:message="$locale.baseText('credentialEdit.credentialConfig.pleaseCheckTheErrorsBelow')"
 		/>
 
 		<banner
 			v-if="authError && !showValidationWarning"
 			theme="danger"
-			:message="$i.baseText('credentialEdit.credentialConfig.couldntConnectWithTheseSettings')"
+			:message="$locale.baseText('credentialEdit.credentialConfig.couldntConnectWithTheseSettings')"
 			:details="authError"
-			:buttonLabel="$i.baseText('credentialEdit.credentialConfig.retry')"
+			:buttonLabel="$locale.baseText('credentialEdit.credentialConfig.retry')"
 			buttonLoadingLabel="Retrying"
-			:buttonTitle="$i.baseText('credentialEdit.credentialConfig.retryCredentialTest')"
+			:buttonTitle="$locale.baseText('credentialEdit.credentialConfig.retryCredentialTest')"
 			:buttonLoading="isRetesting"
 			@click="$emit('retest')"
 		/>
@@ -21,37 +21,37 @@
 		<banner
 			v-show="showOAuthSuccessBanner && !showValidationWarning"
 			theme="success"
-			:message="$i.baseText('credentialEdit.credentialConfig.accountConnected')"
-			:buttonLabel="$i.baseText('credentialEdit.credentialConfig.reconnect')"
-			:buttonTitle="$i.baseText('credentialEdit.credentialConfig.reconnectOAuth2Credential')"
+			:message="$locale.baseText('credentialEdit.credentialConfig.accountConnected')"
+			:buttonLabel="$locale.baseText('credentialEdit.credentialConfig.reconnect')"
+			:buttonTitle="$locale.baseText('credentialEdit.credentialConfig.reconnectOAuth2Credential')"
 			@click="$emit('oauth')"
 		/>
 
 		<banner
 			v-show="testedSuccessfully && !showValidationWarning"
 			theme="success"
-			:message="$i.baseText('credentialEdit.credentialConfig.connectionTestedSuccessfully')"
-			:buttonLabel="$i.baseText('credentialEdit.credentialConfig.retry')"
-			:buttonLoadingLabel="$i.baseText('credentialEdit.credentialConfig.retrying')"
-			:buttonTitle="$i.baseText('credentialEdit.credentialConfig.retryCredentialTest')"
+			:message="$locale.baseText('credentialEdit.credentialConfig.connectionTestedSuccessfully')"
+			:buttonLabel="$locale.baseText('credentialEdit.credentialConfig.retry')"
+			:buttonLoadingLabel="$locale.baseText('credentialEdit.credentialConfig.retrying')"
+			:buttonTitle="$locale.baseText('credentialEdit.credentialConfig.retryCredentialTest')"
 			:buttonLoading="isRetesting"
 			@click="$emit('retest')"
 		/>
 
 		<n8n-info-tip v-if="documentationUrl && credentialProperties.length">
-			{{ $i.baseText('credentialEdit.credentialConfig.needHelpFillingOutTheseFields') }}
+			{{ $locale.baseText('credentialEdit.credentialConfig.needHelpFillingOutTheseFields') }}
 			<a :href="documentationUrl" target="_blank" @click="onDocumentationUrlClick">
-				{{ $i.baseText('credentialEdit.credentialConfig.openDocs') }}
+				{{ $locale.baseText('credentialEdit.credentialConfig.openDocs') }}
 			</a>
 		</n8n-info-tip>
 
 		<CopyInput
 			v-if="isOAuthType && credentialProperties.length"
-			:label="$i.baseText('credentialEdit.credentialConfig.oAuthRedirectUrl')"
+			:label="$locale.baseText('credentialEdit.credentialConfig.oAuthRedirectUrl')"
 			:copyContent="oAuthCallbackUrl"
-			:copyButtonText="$i.baseText('credentialEdit.credentialConfig.clickToCopy')"
-			:subtitle="$i.baseText('credentialEdit.credentialConfig.subtitle', { interpolate: { appName } })"
-			:successMessage="$i.baseText('credentialEdit.credentialConfig.redirectUrlCopiedToClipboard')"
+			:copyButtonText="$locale.baseText('credentialEdit.credentialConfig.clickToCopy')"
+			:subtitle="$locale.baseText('credentialEdit.credentialConfig.subtitle', { interpolate: { appName } })"
+			:successMessage="$locale.baseText('credentialEdit.credentialConfig.redirectUrlCopiedToClipboard')"
 		/>
 
 		<CredentialInputs
@@ -143,7 +143,7 @@ export default mixins(restApi).extend({
 				(this.credentialType as ICredentialType).displayName,
 			);
 
-			return appName || this.$i.baseText('credentialEdit.credentialConfig.theServiceYouReConnectingTo');
+			return appName || this.$locale.baseText('credentialEdit.credentialConfig.theServiceYouReConnectingTo');
 		},
 		credentialTypeName(): string {
 			return (this.credentialType as ICredentialType).name;
diff --git a/packages/editor-ui/src/components/CredentialEdit/CredentialEdit.vue b/packages/editor-ui/src/components/CredentialEdit/CredentialEdit.vue
index 089497e0de..b391a7b928 100644
--- a/packages/editor-ui/src/components/CredentialEdit/CredentialEdit.vue
+++ b/packages/editor-ui/src/components/CredentialEdit/CredentialEdit.vue
@@ -25,7 +25,7 @@
 					<n8n-icon-button
 						v-if="currentCredential"
 						size="small"
-						:title="$i.baseText('credentialEdit.credentialEdit.delete')"
+						:title="$locale.baseText('credentialEdit.credentialEdit.delete')"
 						icon="trash"
 						type="text"
 						:disabled="isSaving"
@@ -37,8 +37,8 @@
 						:saved="!hasUnsavedChanges && !isTesting"
 						:isSaving="isSaving || isTesting"
 						:savingLabel="isTesting
-							? $i.baseText('credentialEdit.credentialEdit.testing')
-							: $i.baseText('credentialEdit.credentialEdit.saving')"
+							? $locale.baseText('credentialEdit.credentialEdit.testing')
+							: $locale.baseText('credentialEdit.credentialEdit.saving')"
 						@click="saveCredential"
 					/>
 				</div>
@@ -55,10 +55,10 @@
 						:light="true"
 					>
 						<n8n-menu-item index="connection" :class="$style.credTab"
-							><span slot="title">{{ $i.baseText('credentialEdit.credentialEdit.connection') }}</span></n8n-menu-item
+							><span slot="title">{{ $locale.baseText('credentialEdit.credentialEdit.connection') }}</span></n8n-menu-item
 						>
 						<n8n-menu-item index="details" :class="$style.credTab"
-							><span slot="title">{{ $i.baseText('credentialEdit.credentialEdit.details') }}</span></n8n-menu-item
+							><span slot="title">{{ $locale.baseText('credentialEdit.credentialEdit.details') }}</span></n8n-menu-item
 						>
 					</n8n-menu>
 				</div>
@@ -351,20 +351,20 @@ export default mixins(showMessage, nodeHelpers).extend({
 			if (this.hasUnsavedChanges) {
 				const displayName = this.credentialType ? this.credentialType.displayName : '';
 				keepEditing = await this.confirmMessage(
-					this.$i.baseText('credentialEdit.credentialEdit.confirmMessage.beforeClose1.message', { interpolate: { credentialDisplayName: displayName } }),
-					this.$i.baseText('credentialEdit.credentialEdit.confirmMessage.beforeClose1.headline'),
+					this.$locale.baseText('credentialEdit.credentialEdit.confirmMessage.beforeClose1.message', { interpolate: { credentialDisplayName: displayName } }),
+					this.$locale.baseText('credentialEdit.credentialEdit.confirmMessage.beforeClose1.headline'),
 					null,
-					this.$i.baseText('credentialEdit.credentialEdit.confirmMessage.beforeClose1.cancelButtonText'),
-					this.$i.baseText('credentialEdit.credentialEdit.confirmMessage.beforeClose1.confirmButtonText'),
+					this.$locale.baseText('credentialEdit.credentialEdit.confirmMessage.beforeClose1.cancelButtonText'),
+					this.$locale.baseText('credentialEdit.credentialEdit.confirmMessage.beforeClose1.confirmButtonText'),
 				);
 			}
 			else if (this.isOAuthType && !this.isOAuthConnected) {
 				keepEditing = await this.confirmMessage(
-					this.$i.baseText('credentialEdit.credentialEdit.confirmMessage.beforeClose2.message'),
-					this.$i.baseText('credentialEdit.credentialEdit.confirmMessage.beforeClose2.headline'),
+					this.$locale.baseText('credentialEdit.credentialEdit.confirmMessage.beforeClose2.message'),
+					this.$locale.baseText('credentialEdit.credentialEdit.confirmMessage.beforeClose2.headline'),
 					null,
-					this.$i.baseText('credentialEdit.credentialEdit.confirmMessage.beforeClose2.cancelButtonText'),
-					this.$i.baseText('credentialEdit.credentialEdit.confirmMessage.beforeClose2.confirmButtonText'),
+					this.$locale.baseText('credentialEdit.credentialEdit.confirmMessage.beforeClose2.cancelButtonText'),
+					this.$locale.baseText('credentialEdit.credentialEdit.confirmMessage.beforeClose2.confirmButtonText'),
 				);
 			}
 
@@ -403,7 +403,7 @@ export default mixins(showMessage, nodeHelpers).extend({
 
 			if (!credentialsData) {
 				throw new Error(
-					this.$i.baseText('credentialEdit.credentialEdit.couldNotFindCredentialOfType') + ':' + name,
+					this.$locale.baseText('credentialEdit.credentialEdit.couldNotFindCredentialOfType') + ':' + name,
 				);
 			}
 
@@ -440,7 +440,7 @@ export default mixins(showMessage, nodeHelpers).extend({
 					});
 				if (!currentCredentials) {
 					throw new Error(
-						this.$i.baseText('credentialEdit.credentialEdit.couldNotFindCredentialWithId') + ':' + this.credentialId,
+						this.$locale.baseText('credentialEdit.credentialEdit.couldNotFindCredentialWithId') + ':' + this.credentialId,
 					);
 				}
 
@@ -455,8 +455,8 @@ export default mixins(showMessage, nodeHelpers).extend({
 			} catch (error) {
 				this.$showError(
 					error,
-					this.$i.baseText('credentialEdit.credentialEdit.showError.loadCredential.title'),
-					this.$i.baseText('credentialEdit.credentialEdit.showError.loadCredential.message'),
+					this.$locale.baseText('credentialEdit.credentialEdit.showError.loadCredential.title'),
+					this.$locale.baseText('credentialEdit.credentialEdit.showError.loadCredential.message'),
 				);
 				this.closeDialog();
 
@@ -661,8 +661,8 @@ export default mixins(showMessage, nodeHelpers).extend({
 			} catch (error) {
 				this.$showError(
 					error,
-					this.$i.baseText('credentialEdit.credentialEdit.showError.createCredential.title'),
-					this.$i.baseText('credentialEdit.credentialEdit.showError.createCredential.message'),
+					this.$locale.baseText('credentialEdit.credentialEdit.showError.createCredential.title'),
+					this.$locale.baseText('credentialEdit.credentialEdit.showError.createCredential.message'),
 				);
 
 				return null;
@@ -690,8 +690,8 @@ export default mixins(showMessage, nodeHelpers).extend({
 			} catch (error) {
 				this.$showError(
 					error,
-					this.$i.baseText('credentialEdit.credentialEdit.showError.updateCredential.title'),
-					this.$i.baseText('credentialEdit.credentialEdit.showError.updateCredential.message'),
+					this.$locale.baseText('credentialEdit.credentialEdit.showError.updateCredential.title'),
+					this.$locale.baseText('credentialEdit.credentialEdit.showError.updateCredential.message'),
 				);
 
 				return null;
@@ -712,10 +712,10 @@ export default mixins(showMessage, nodeHelpers).extend({
 			const savedCredentialName = this.currentCredential.name;
 
 			const deleteConfirmed = await this.confirmMessage(
-				this.$i.baseText('credentialEdit.credentialEdit.confirmMessage.deleteCredential.message', { interpolate: { savedCredentialName } }),
-				this.$i.baseText('credentialEdit.credentialEdit.confirmMessage.deleteCredential.headline'),
+				this.$locale.baseText('credentialEdit.credentialEdit.confirmMessage.deleteCredential.message', { interpolate: { savedCredentialName } }),
+				this.$locale.baseText('credentialEdit.credentialEdit.confirmMessage.deleteCredential.headline'),
 				null,
-				this.$i.baseText('credentialEdit.credentialEdit.confirmMessage.deleteCredential.confirmButtonText'),
+				this.$locale.baseText('credentialEdit.credentialEdit.confirmMessage.deleteCredential.confirmButtonText'),
 			);
 
 			if (deleteConfirmed === false) {
@@ -731,8 +731,8 @@ export default mixins(showMessage, nodeHelpers).extend({
 			} catch (error) {
 				this.$showError(
 					error,
-					this.$i.baseText('credentialEdit.credentialEdit.showError.deleteCredential.title'),
-					this.$i.baseText('credentialEdit.credentialEdit.showError.deleteCredential.message'),
+					this.$locale.baseText('credentialEdit.credentialEdit.showError.deleteCredential.title'),
+					this.$locale.baseText('credentialEdit.credentialEdit.showError.deleteCredential.message'),
 				);
 				this.isDeleting = false;
 
@@ -744,8 +744,8 @@ export default mixins(showMessage, nodeHelpers).extend({
 			this.updateNodesCredentialsIssues();
 
 			this.$showMessage({
-				title: this.$i.baseText('credentialEdit.credentialEdit.showMessage.title'),
-				message: this.$i.baseText(
+				title: this.$locale.baseText('credentialEdit.credentialEdit.showMessage.title'),
+				message: this.$locale.baseText(
 					'credentialEdit.credentialEdit.showMessage.message',
 					{ interpolate: { savedCredentialName } },
 				),
@@ -785,8 +785,8 @@ export default mixins(showMessage, nodeHelpers).extend({
 			} catch (error) {
 				this.$showError(
 					error,
-					this.$i.baseText('credentialEdit.credentialEdit.showError.generateAuthorizationUrl.title'),
-					this.$i.baseText('credentialEdit.credentialEdit.showError.generateAuthorizationUrl.message'),
+					this.$locale.baseText('credentialEdit.credentialEdit.showError.generateAuthorizationUrl.title'),
+					this.$locale.baseText('credentialEdit.credentialEdit.showError.generateAuthorizationUrl.message'),
 				);
 
 				return;
diff --git a/packages/editor-ui/src/components/CredentialEdit/CredentialInfo.vue b/packages/editor-ui/src/components/CredentialEdit/CredentialInfo.vue
index 2a40e52fe3..27263c0a56 100644
--- a/packages/editor-ui/src/components/CredentialEdit/CredentialInfo.vue
+++ b/packages/editor-ui/src/components/CredentialEdit/CredentialInfo.vue
@@ -3,7 +3,7 @@
 		<el-row>
 			<el-col :span="8" :class="$style.accessLabel">
 				<n8n-text :compact="true" :bold="true">
-					{{ $i.baseText('credentialEdit.credentialInfo.allowUseBy') }}
+					{{ $locale.baseText('credentialEdit.credentialInfo.allowUseBy') }}
 				</n8n-text>
 			</el-col>
 			<el-col :span="16">
@@ -13,7 +13,7 @@
 					:class="$style.valueLabel"
 				>
 					<el-checkbox
-						:label="$i.headerText({
+						:label="$locale.headerText({
 							key: `headers.${shortNodeType(node)}.displayName`,
 							fallback: node.displayName,
 						})"
@@ -26,7 +26,7 @@
 		<el-row v-if="currentCredential">
 			<el-col :span="8" :class="$style.label">
 				<n8n-text :compact="true" :bold="true">
-					{{ $i.baseText('credentialEdit.credentialInfo.created') }}
+					{{ $locale.baseText('credentialEdit.credentialInfo.created') }}
 				</n8n-text>
 			</el-col>
 			<el-col :span="16" :class="$style.valueLabel">
@@ -36,7 +36,7 @@
 		<el-row v-if="currentCredential">
 			<el-col :span="8" :class="$style.label">
 				<n8n-text :compact="true" :bold="true">
-					{{ $i.baseText('credentialEdit.credentialInfo.lastModified') }}
+					{{ $locale.baseText('credentialEdit.credentialInfo.lastModified') }}
 				</n8n-text>
 			</el-col>
 			<el-col :span="16" :class="$style.valueLabel">
@@ -46,7 +46,7 @@
 		<el-row v-if="currentCredential">
 			<el-col :span="8" :class="$style.label">
 				<n8n-text :compact="true" :bold="true">
-					{{ $i.baseText('credentialEdit.credentialInfo.id') }}
+					{{ $locale.baseText('credentialEdit.credentialInfo.id') }}
 				</n8n-text>
 			</el-col>
 			<el-col :span="16" :class="$style.valueLabel">
@@ -76,7 +76,7 @@ export default Vue.extend({
 			});
 		},
 		shortNodeType(nodeType: INodeTypeDescription) {
-			return this.$i.shortNodeType(nodeType.name);
+			return this.$locale.shortNodeType(nodeType.name);
 		},
 	},
 });
diff --git a/packages/editor-ui/src/components/CredentialEdit/OauthButton.vue b/packages/editor-ui/src/components/CredentialEdit/OauthButton.vue
index 4cd7653d97..aa0b81b514 100644
--- a/packages/editor-ui/src/components/CredentialEdit/OauthButton.vue
+++ b/packages/editor-ui/src/components/CredentialEdit/OauthButton.vue
@@ -4,12 +4,12 @@
 			v-if="isGoogleOAuthType"
 			:src="basePath + 'google-signin-light.png'"
 			:class="$style.googleIcon"
-			:alt="$i.baseText('credentialEdit.oAuthButton.signInWithGoogle')"
+			:alt="$locale.baseText('credentialEdit.oAuthButton.signInWithGoogle')"
 			@click.stop="$emit('click')"
 		/>
 		<n8n-button
 			v-else
-			:label="$i.baseText('credentialEdit.oAuthButton.connectMyAccount')"
+			:label="$locale.baseText('credentialEdit.oAuthButton.connectMyAccount')"
 			size="large"
 			@click.stop="$emit('click')"
 		/>
diff --git a/packages/editor-ui/src/components/CredentialsList.vue b/packages/editor-ui/src/components/CredentialsList.vue
index 1c27a67fa2..eb82f700c7 100644
--- a/packages/editor-ui/src/components/CredentialsList.vue
+++ b/packages/editor-ui/src/components/CredentialsList.vue
@@ -2,32 +2,32 @@
 	<Modal
 		:name="CREDENTIAL_LIST_MODAL_KEY"
 		width="80%"
-		:title="$i.baseText('credentialsList.credentials')"
+		:title="$locale.baseText('credentialsList.credentials')"
 	>
 		<template v-slot:content>
-			<n8n-heading tag="h3" size="small" color="text-light">{{ $i.baseText('credentialsList.yourSavedCredentials') + ':' }}</n8n-heading>
+			<n8n-heading tag="h3" size="small" color="text-light">{{ $locale.baseText('credentialsList.yourSavedCredentials') + ':' }}</n8n-heading>
 			<div class="new-credentials-button">
 				<n8n-button
-					:title="$i.baseText('credentialsList.createNewCredential')"
+					:title="$locale.baseText('credentialsList.createNewCredential')"
 					icon="plus"
-					:label="$i.baseText('credentialsList.addNew')"
+					:label="$locale.baseText('credentialsList.addNew')"
 					size="large"
 					@click="createCredential()"
 				/>
 			</div>
 
 			<el-table :data="credentialsToDisplay" :default-sort = "{prop: 'name', order: 'ascending'}" stripe max-height="450" @row-click="editCredential">
-				<el-table-column property="name" :label="$i.baseText('credentialsList.name')" class-name="clickable" sortable></el-table-column>
-				<el-table-column property="type" :label="$i.baseText('credentialsList.type')" class-name="clickable" sortable></el-table-column>
-				<el-table-column property="createdAt" :label="$i.baseText('credentialsList.created')" class-name="clickable" sortable></el-table-column>
-				<el-table-column property="updatedAt" :label="$i.baseText('credentialsList.updated')" class-name="clickable" sortable></el-table-column>
+				<el-table-column property="name" :label="$locale.baseText('credentialsList.name')" class-name="clickable" sortable></el-table-column>
+				<el-table-column property="type" :label="$locale.baseText('credentialsList.type')" class-name="clickable" sortable></el-table-column>
+				<el-table-column property="createdAt" :label="$locale.baseText('credentialsList.created')" class-name="clickable" sortable></el-table-column>
+				<el-table-column property="updatedAt" :label="$locale.baseText('credentialsList.updated')" class-name="clickable" sortable></el-table-column>
 				<el-table-column
-					:label="$i.baseText('credentialsList.operations')"
+					:label="$locale.baseText('credentialsList.operations')"
 					width="120">
 					<template slot-scope="scope">
 						<div class="cred-operations">
-							<n8n-icon-button :title="$i.baseText('credentialsList.editCredential')" @click.stop="editCredential(scope.row)" size="small" icon="pen" />
-							<n8n-icon-button :title="$i.baseText('credentialsList.deleteCredential')" @click.stop="deleteCredential(scope.row)" size="small" icon="trash" />
+							<n8n-icon-button :title="$locale.baseText('credentialsList.editCredential')" @click.stop="editCredential(scope.row)" size="small" icon="pen" />
+							<n8n-icon-button :title="$locale.baseText('credentialsList.deleteCredential')" @click.stop="deleteCredential(scope.row)" size="small" icon="trash" />
 						</div>
 					</template>
 				</el-table-column>
@@ -104,14 +104,14 @@ export default mixins(
 
 		async deleteCredential (credential: ICredentialsResponse) {
 			const deleteConfirmed = await this.confirmMessage(
-				this.$i.baseText(
+				this.$locale.baseText(
 					'credentialsList.confirmMessage.message',
 					{ interpolate: { credentialName: credential.name }},
 				),
-				this.$i.baseText('credentialsList.confirmMessage.headline'),
+				this.$locale.baseText('credentialsList.confirmMessage.headline'),
 				null,
-				this.$i.baseText('credentialsList.confirmMessage.confirmButtonText'),
-				this.$i.baseText('credentialsList.confirmMessage.cancelButtonText'),
+				this.$locale.baseText('credentialsList.confirmMessage.confirmButtonText'),
+				this.$locale.baseText('credentialsList.confirmMessage.cancelButtonText'),
 			);
 
 			if (deleteConfirmed === false) {
@@ -123,8 +123,8 @@ export default mixins(
 			} catch (error) {
 				this.$showError(
 					error,
-					this.$i.baseText('credentialsList.showError.deleteCredential.title'),
-					this.$i.baseText('credentialsList.showError.deleteCredential.message'),
+					this.$locale.baseText('credentialsList.showError.deleteCredential.title'),
+					this.$locale.baseText('credentialsList.showError.deleteCredential.message'),
 				);
 
 				return;
@@ -134,8 +134,8 @@ export default mixins(
 			this.updateNodesCredentialsIssues();
 
 			this.$showMessage({
-				title: this.$i.baseText('credentialsList.showMessage.title'),
-				message: this.$i.baseText(
+				title: this.$locale.baseText('credentialsList.showMessage.title'),
+				message: this.$locale.baseText(
 					'credentialsList.showMessage.message',
 					{ interpolate: { credentialName: credential.name }},
 				),
diff --git a/packages/editor-ui/src/components/CredentialsSelectModal.vue b/packages/editor-ui/src/components/CredentialsSelectModal.vue
index dab58f6ae7..2f4af064af 100644
--- a/packages/editor-ui/src/components/CredentialsSelectModal.vue
+++ b/packages/editor-ui/src/components/CredentialsSelectModal.vue
@@ -7,15 +7,15 @@
 		maxWidth="460px"
 	>
 		<template slot="header">
-			<h2 :class="$style.title">{{ $i.baseText('credentialSelectModal.addNewCredential') }}</h2>
+			<h2 :class="$style.title">{{ $locale.baseText('credentialSelectModal.addNewCredential') }}</h2>
 		</template>
 		<template slot="content">
 			<div>
-				<div :class="$style.subtitle">{{ $i.baseText('credentialSelectModal.selectAnAppOrServiceToConnectTo') }}</div>
+				<div :class="$style.subtitle">{{ $locale.baseText('credentialSelectModal.selectAnAppOrServiceToConnectTo') }}</div>
 				<n8n-select
 					filterable
 					defaultFirstOption
-					:placeholder="$i.baseText('credentialSelectModal.searchForApp')"
+					:placeholder="$locale.baseText('credentialSelectModal.searchForApp')"
 					size="xlarge"
 					ref="select"
 					:value="selected"
@@ -35,7 +35,7 @@
 		<template slot="footer">
 			<div :class="$style.footer">
 				<n8n-button
-					:label="$i.baseText('credentialSelectModal.continue')"
+					:label="$locale.baseText('credentialSelectModal.continue')"
 					float="right"
 					size="large"
 					:disabled="!selected"
diff --git a/packages/editor-ui/src/components/DataDisplay.vue b/packages/editor-ui/src/components/DataDisplay.vue
index 2a6ef0acbb..487bce1375 100644
--- a/packages/editor-ui/src/components/DataDisplay.vue
+++ b/packages/editor-ui/src/components/DataDisplay.vue
@@ -15,7 +15,7 @@
 		<transition name="fade">
 			<div v-if="nodeType && showDocumentHelp" class="doc-help-wrapper">
 						<svg id="help-logo" :href="documentationUrl" target="_blank" width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-							<title>{{ $i.baseText('dataDisplay.nodeDocumentation') }}</title>
+							<title>{{ $locale.baseText('dataDisplay.nodeDocumentation') }}</title>
 							<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 								<g transform="translate(-1127.000000, -836.000000)" fill-rule="nonzero">
 									<g transform="translate(1117.000000, 825.000000)">
@@ -31,7 +31,7 @@
 						</svg>
 
 					<div class="text">
-						{{ $i.baseText('dataDisplay.needHelp') }} <a id="doc-hyperlink" :href="documentationUrl" target="_blank" @click="onDocumentationUrlClick">{{ $i.baseText('dataDisplay.openDocumentationFor', { interpolate: { nodeTypeDisplayName: nodeType.displayName } }) }}</a>
+						{{ $locale.baseText('dataDisplay.needHelp') }} <a id="doc-hyperlink" :href="documentationUrl" target="_blank" @click="onDocumentationUrlClick">{{ $locale.baseText('dataDisplay.openDocumentationFor', { interpolate: { nodeTypeDisplayName: nodeType.displayName } }) }}</a>
 					</div>
 			</div>
 		</transition>
diff --git a/packages/editor-ui/src/components/DisplayWithChange.vue b/packages/editor-ui/src/components/DisplayWithChange.vue
index 6c90aafe66..f00d25c016 100644
--- a/packages/editor-ui/src/components/DisplayWithChange.vue
+++ b/packages/editor-ui/src/components/DisplayWithChange.vue
@@ -1,12 +1,12 @@
 <template>
 	<span class="static-text-wrapper">
-		<span v-show="!editActive" :title="$i.baseText('displayWithChange.clickToChange')">
+		<span v-show="!editActive" :title="$locale.baseText('displayWithChange.clickToChange')">
 			<span class="static-text" @mousedown="startEdit">{{currentValue}}</span>
 		</span>
 		<span v-show="editActive">
 			<input class="edit-field" ref="inputField" type="text" v-model="newValue" @keydown.enter.stop.prevent="setValue" @keydown.escape.stop.prevent="cancelEdit" @keydown.stop="noOp" @blur="cancelEdit" />
-			<font-awesome-icon icon="times" @mousedown="cancelEdit" class="icons clickable" :title="$i.baseText('displayWithChange.cancelEdit')" />
-			<font-awesome-icon icon="check" @mousedown="setValue" class="icons clickable" :title="$i.baseText('displayWithChange.setValue')" />
+			<font-awesome-icon icon="times" @mousedown="cancelEdit" class="icons clickable" :title="$locale.baseText('displayWithChange.cancelEdit')" />
+			<font-awesome-icon icon="check" @mousedown="setValue" class="icons clickable" :title="$locale.baseText('displayWithChange.setValue')" />
 		</span>
 	</span>
 </template>
@@ -34,9 +34,9 @@ export default mixins(genericHelpers).extend({
 			};
 
 			if (this.keyName === 'name' && this.node.type.startsWith('n8n-nodes-base.')) {
-				const shortNodeType = this.$i.shortNodeType(this.node.type);
+				const shortNodeType = this.$locale.shortNodeType(this.node.type);
 
-				return this.$i.headerText({
+				return this.$locale.headerText({
 					key: `headers.${shortNodeType}.displayName`,
 					fallback: getDescendantProp(this.node, this.keyName),
 				});
diff --git a/packages/editor-ui/src/components/DuplicateWorkflowDialog.vue b/packages/editor-ui/src/components/DuplicateWorkflowDialog.vue
index ac41faf1e2..a4f600eea6 100644
--- a/packages/editor-ui/src/components/DuplicateWorkflowDialog.vue
+++ b/packages/editor-ui/src/components/DuplicateWorkflowDialog.vue
@@ -3,7 +3,7 @@
 		:name="modalName"
 		:eventBus="modalBus"
 		@enter="save"
-		:title="$i.baseText('duplicateWorkflowDialog.duplicateWorkflow')"
+		:title="$locale.baseText('duplicateWorkflowDialog.duplicateWorkflow')"
 		:center="true"
 		minWidth="420px"
 		maxWidth="420px"
@@ -13,7 +13,7 @@
 				<n8n-input
 					v-model="name"
 					ref="nameInput"
-					:placeholder="$i.baseText('duplicateWorkflowDialog.enterWorkflowName')"
+					:placeholder="$locale.baseText('duplicateWorkflowDialog.enterWorkflowName')"
 					:maxlength="MAX_WORKFLOW_NAME_LENGTH"
 				/>
 				<TagsDropdown
@@ -23,15 +23,15 @@
 					@blur="onTagsBlur"
 					@esc="onTagsEsc"
 					@update="onTagsUpdate"
-					:placeholder="$i.baseText('duplicateWorkflowDialog.chooseOrCreateATag')"
+					:placeholder="$locale.baseText('duplicateWorkflowDialog.chooseOrCreateATag')"
 					ref="dropdown"
 				/>
 			</div>
 		</template>
 		<template v-slot:footer="{ close }">
 			<div :class="$style.footer">
-				<n8n-button @click="save" :loading="isSaving" :label="$i.baseText('duplicateWorkflowDialog.save')" float="right" />
-				<n8n-button type="outline" @click="close" :disabled="isSaving" :label="$i.baseText('duplicateWorkflowDialog.cancel')" float="right" />
+				<n8n-button @click="save" :loading="isSaving" :label="$locale.baseText('duplicateWorkflowDialog.save')" float="right" />
+				<n8n-button type="outline" @click="close" :disabled="isSaving" :label="$locale.baseText('duplicateWorkflowDialog.cancel')" float="right" />
 			</div>
 		</template>
 	</Modal>
@@ -101,8 +101,8 @@ export default mixins(showMessage, workflowHelpers).extend({
 			const name = this.name.trim();
 			if (!name) {
 				this.$showMessage({
-					title: this.$i.baseText('duplicateWorkflowDialog.showMessage.title'),
-					message: this.$i.baseText('duplicateWorkflowDialog.showMessage.message'),
+					title: this.$locale.baseText('duplicateWorkflowDialog.showMessage.title'),
+					message: this.$locale.baseText('duplicateWorkflowDialog.showMessage.message'),
 					type: "error",
 				});
 
diff --git a/packages/editor-ui/src/components/Error/NodeErrorView.vue b/packages/editor-ui/src/components/Error/NodeErrorView.vue
index d7628d61c0..6b762781ad 100644
--- a/packages/editor-ui/src/components/Error/NodeErrorView.vue
+++ b/packages/editor-ui/src/components/Error/NodeErrorView.vue
@@ -1,18 +1,18 @@
 <template>
 	<div>
 		<div class="error-header">
-			<div class="error-message">{{ $i.baseText('nodeErrorView.error') + ':' + error.message }}</div>
+			<div class="error-message">{{ $locale.baseText('nodeErrorView.error') + ':' + error.message }}</div>
 			<div class="error-description" v-if="error.description">{{error.description}}</div>
 		</div>
 		<details>
 			<summary class="error-details__summary">
-				<font-awesome-icon class="error-details__icon" icon="angle-right" /> {{ $i.baseText('nodeErrorView.details') }}
+				<font-awesome-icon class="error-details__icon" icon="angle-right" /> {{ $locale.baseText('nodeErrorView.details') }}
 			</summary>
 			<div class="error-details__content">
 				<div v-if="error.timestamp">
 					<el-card class="box-card" shadow="never">
 						<div slot="header" class="clearfix box-card__title">
-							<span>{{ $i.baseText('nodeErrorView.time') }}</span>
+							<span>{{ $locale.baseText('nodeErrorView.time') }}</span>
 						</div>
 						<div>
 							{{new Date(error.timestamp).toLocaleString()}}
@@ -22,7 +22,7 @@
 				<div v-if="error.httpCode">
 					<el-card class="box-card" shadow="never">
 						<div slot="header" class="clearfix box-card__title">
-							<span>{{ $i.baseText('nodeErrorView.httpCode') }}</span>
+							<span>{{ $locale.baseText('nodeErrorView.httpCode') }}</span>
 						</div>
 						<div>
 							{{error.httpCode}}
@@ -32,13 +32,13 @@
 				<div v-if="error.cause">
 					<el-card class="box-card" shadow="never">
 						<div slot="header" class="clearfix box-card__title">
-							<span>{{ $i.baseText('nodeErrorView.cause') }}</span>
+							<span>{{ $locale.baseText('nodeErrorView.cause') }}</span>
 							<br>
-							<span class="box-card__subtitle">{{ $i.baseText('nodeErrorView.dataBelowMayContain') }}</span>
+							<span class="box-card__subtitle">{{ $locale.baseText('nodeErrorView.dataBelowMayContain') }}</span>
 						</div>
 						<div>
 							<div class="copy-button" v-if="displayCause">
-								<n8n-icon-button @click="copyCause" :title="$i.baseText('nodeErrorView.copyToClipboard')" icon="copy" />
+								<n8n-icon-button @click="copyCause" :title="$locale.baseText('nodeErrorView.copyToClipboard')" icon="copy" />
 							</div>
 							<vue-json-pretty
 								v-if="displayCause"
@@ -50,7 +50,7 @@
 								class="json-data"
 							/>
 							<span v-else>
-								<font-awesome-icon icon="info-circle" />{{ $i.baseText('nodeErrorView.theErrorCauseIsTooLargeToBeDisplayed') }}
+								<font-awesome-icon icon="info-circle" />{{ $locale.baseText('nodeErrorView.theErrorCauseIsTooLargeToBeDisplayed') }}
 							</span>
 						</div>
 					</el-card>
@@ -58,7 +58,7 @@
 				<div v-if="error.stack">
 					<el-card class="box-card" shadow="never">
 						<div slot="header" class="clearfix box-card__title">
-							<span>{{ $i.baseText('nodeErrorView.stack') }}</span>
+							<span>{{ $locale.baseText('nodeErrorView.stack') }}</span>
 						</div>
 						<div>
 							<pre><code>{{error.stack}}</code></pre>
@@ -103,8 +103,8 @@ export default mixins(
 		},
 		copySuccess() {
 			this.$showMessage({
-				title: this.$i.baseText('nodeErrorView.showMessage.title'),
-				message: this.$i.baseText('nodeErrorView.showMessage.message'),
+				title: this.$locale.baseText('nodeErrorView.showMessage.title'),
+				message: this.$locale.baseText('nodeErrorView.showMessage.message'),
 				type: 'info',
 			});
 		},
diff --git a/packages/editor-ui/src/components/ExecutionsList.vue b/packages/editor-ui/src/components/ExecutionsList.vue
index 2a394a516e..591eb4ce59 100644
--- a/packages/editor-ui/src/components/ExecutionsList.vue
+++ b/packages/editor-ui/src/components/ExecutionsList.vue
@@ -1,13 +1,13 @@
 <template>
 	<span>
-		<el-dialog :visible="dialogVisible" append-to-body width="80%" :title="`${$i.baseText('executionsList.workflowExecutions')} ${combinedExecutions.length}/${finishedExecutionsCountEstimated === true ? '~' : ''}${combinedExecutionsCount}`" :before-close="closeDialog">
+		<el-dialog :visible="dialogVisible" append-to-body width="80%" :title="`${$locale.baseText('executionsList.workflowExecutions')} ${combinedExecutions.length}/${finishedExecutionsCountEstimated === true ? '~' : ''}${combinedExecutionsCount}`" :before-close="closeDialog">
 			<div class="filters">
 				<el-row>
 					<el-col :span="2" class="filter-headline">
-						{{ $i.baseText('executionsList.filters') }}:
+						{{ $locale.baseText('executionsList.filters') }}:
 					</el-col>
 					<el-col :span="7">
-						<n8n-select v-model="filter.workflowId" :placeholder="$i.baseText('executionsList.selectWorkflow')" size="medium" filterable @change="handleFilterChanged">
+						<n8n-select v-model="filter.workflowId" :placeholder="$locale.baseText('executionsList.selectWorkflow')" size="medium" filterable @change="handleFilterChanged">
 							<n8n-option
 								v-for="item in workflows"
 								:key="item.id"
@@ -17,7 +17,7 @@
 						</n8n-select>
 					</el-col>
 					<el-col :span="5" :offset="1">
-						<n8n-select v-model="filter.status" :placeholder="$i.baseText('executionsList.selectStatus')" size="medium" filterable @change="handleFilterChanged">
+						<n8n-select v-model="filter.status" :placeholder="$locale.baseText('executionsList.selectStatus')" size="medium" filterable @change="handleFilterChanged">
 							<n8n-option
 								v-for="item in statuses"
 								:key="item.id"
@@ -27,15 +27,15 @@
 						</n8n-select>
 					</el-col>
 					<el-col :span="4" :offset="5" class="autorefresh">
-						<el-checkbox v-model="autoRefresh" @change="handleAutoRefreshToggle">{{ $i.baseText('executionsList.autoRefresh') }}</el-checkbox>
+						<el-checkbox v-model="autoRefresh" @change="handleAutoRefreshToggle">{{ $locale.baseText('executionsList.autoRefresh') }}</el-checkbox>
 					</el-col>
 				</el-row>
 			</div>
 
 			<div class="selection-options">
 				<span v-if="checkAll === true || isIndeterminate === true">
-					{{ $i.baseText('executionsList.selected') }}: {{numSelected}} / <span v-if="finishedExecutionsCountEstimated === true">~</span>{{finishedExecutionsCount}}
-					<n8n-icon-button :title="$i.baseText('executionsList.deleteSelected')" icon="trash" size="mini" @click="handleDeleteSelected" />
+					{{ $locale.baseText('executionsList.selected') }}: {{numSelected}} / <span v-if="finishedExecutionsCountEstimated === true">~</span>{{finishedExecutionsCount}}
+					<n8n-icon-button :title="$locale.baseText('executionsList.deleteSelected')" icon="trash" size="mini" @click="handleDeleteSelected" />
 				</span>
 			</div>
 
@@ -49,45 +49,45 @@
 						<el-checkbox v-if="scope.row.stoppedAt !== undefined && scope.row.id" :value="selectedItems[scope.row.id.toString()] || checkAll" @change="handleCheckboxChanged(scope.row.id)" label=" "></el-checkbox>
 					</template>
 				</el-table-column>
-				<el-table-column property="startedAt" :label="$i.baseText('executionsList.startedAtId')" width="205">
+				<el-table-column property="startedAt" :label="$locale.baseText('executionsList.startedAtId')" width="205">
 					<template slot-scope="scope">
 						{{convertToDisplayDate(scope.row.startedAt)}}<br />
 						<small v-if="scope.row.id">ID: {{scope.row.id}}</small>
 					</template>
 				</el-table-column>
-				<el-table-column property="workflowName" :label="$i.baseText('executionsList.name')">
+				<el-table-column property="workflowName" :label="$locale.baseText('executionsList.name')">
 					<template slot-scope="scope">
 						<span class="workflow-name">
-							{{ scope.row.workflowName || $i.baseText('executionsList.unsavedWorkflow') }}
+							{{ scope.row.workflowName || $locale.baseText('executionsList.unsavedWorkflow') }}
 						</span>
 
 						<span v-if="scope.row.stoppedAt === undefined">
-							({{ $i.baseText('executionsList.running') }})
+							({{ $locale.baseText('executionsList.running') }})
 						</span>
 						<span v-if="scope.row.retryOf !== undefined">
-							<br /><small>{{ $i.baseText('executionsList.retryOf') }} "{{scope.row.retryOf}}"</small>
+							<br /><small>{{ $locale.baseText('executionsList.retryOf') }} "{{scope.row.retryOf}}"</small>
 						</span>
 						<span v-else-if="scope.row.retrySuccessId !== undefined">
-							<br /><small>{{ $i.baseText('executionsList.successRetry') }} "{{scope.row.retrySuccessId}}"</small>
+							<br /><small>{{ $locale.baseText('executionsList.successRetry') }} "{{scope.row.retrySuccessId}}"</small>
 						</span>
 					</template>
 				</el-table-column>
-				<el-table-column :label="$i.baseText('executionsList.status')" width="122" align="center">
+				<el-table-column :label="$locale.baseText('executionsList.status')" width="122" align="center">
 					<template slot-scope="scope" align="center">
 
 						<n8n-tooltip placement="top" >
 							<div slot="content" v-html="statusTooltipText(scope.row)"></div>
 							<span class="status-badge running" v-if="scope.row.stoppedAt === undefined">
-								{{ $i.baseText('executionsList.running') }}
+								{{ $locale.baseText('executionsList.running') }}
 							</span>
 							<span class="status-badge success" v-else-if="scope.row.finished">
-								{{ $i.baseText('executionsList.success') }}
+								{{ $locale.baseText('executionsList.success') }}
 							</span>
 							<span class="status-badge error" v-else-if="scope.row.stoppedAt !== null">
-								{{ $i.baseText('executionsList.error') }}
+								{{ $locale.baseText('executionsList.error') }}
 							</span>
 							<span class="status-badge warning" v-else>
-								{{ $i.baseText('executionsList.unknown') }}
+								{{ $locale.baseText('executionsList.unknown') }}
 							</span>
 						</n8n-tooltip>
 
@@ -98,28 +98,28 @@
 									 type="light"
 									 :theme="scope.row.stoppedAt === null ? 'warning': 'danger'"
 									 size="mini"
-									 :title="$i.baseText('executionsList.retryExecution')"
+									 :title="$locale.baseText('executionsList.retryExecution')"
 									 icon="redo"
 								/>
 							</span>
 							<el-dropdown-menu slot="dropdown">
 								<el-dropdown-item :command="{command: 'currentlySaved', row: scope.row}">
-									{{ $i.baseText('executionsList.retryWithCurrentlySavedWorkflow') }}
+									{{ $locale.baseText('executionsList.retryWithCurrentlySavedWorkflow') }}
 								</el-dropdown-item>
 								<el-dropdown-item :command="{command: 'original', row: scope.row}">
-									{{ $i.baseText('executionsList.retryWithOriginalworkflow') }}
+									{{ $locale.baseText('executionsList.retryWithOriginalworkflow') }}
 								</el-dropdown-item>
 							</el-dropdown-menu>
 						</el-dropdown>
 
 					</template>
 				</el-table-column>
-				<el-table-column property="mode" :label="$i.baseText('executionsList.mode')" width="100" align="center">
+				<el-table-column property="mode" :label="$locale.baseText('executionsList.mode')" width="100" align="center">
 					<template slot-scope="scope">
-						{{ $i.baseText(`executionsList.modes.${scope.row.mode}`) }}
+						{{ $locale.baseText(`executionsList.modes.${scope.row.mode}`) }}
 					</template>
 				</el-table-column>
-				<el-table-column :label="$i.baseText('executionsList.runningTime')" width="150" align="center">
+				<el-table-column :label="$locale.baseText('executionsList.runningTime')" width="150" align="center">
 					<template slot-scope="scope">
 						<span v-if="scope.row.stoppedAt === undefined">
 							<font-awesome-icon icon="spinner" spin />
@@ -138,10 +138,10 @@
 					<template slot-scope="scope">
 						<div class="actions-container">
 							<span v-if="scope.row.stoppedAt === undefined || scope.row.waitTill">
-								<n8n-icon-button icon="stop" size="small" :title="$i.baseText('executionsList.stopExecution')" @click.stop="stopExecution(scope.row.id)" :loading="stoppingExecutions.includes(scope.row.id)" />
+								<n8n-icon-button icon="stop" size="small" :title="$locale.baseText('executionsList.stopExecution')" @click.stop="stopExecution(scope.row.id)" :loading="stoppingExecutions.includes(scope.row.id)" />
 							</span>
 							<span v-if="scope.row.stoppedAt !== undefined && scope.row.id" >
-								<n8n-icon-button icon="folder-open" size="small" :title="$i.baseText('executionsList.openPastExecution')" @click.stop="(e) => displayExecution(scope.row, e)" />
+								<n8n-icon-button icon="folder-open" size="small" :title="$locale.baseText('executionsList.openPastExecution')" @click.stop="(e) => displayExecution(scope.row, e)" />
 							</span>
 						</div>
 					</template>
@@ -149,7 +149,7 @@
 			</el-table>
 
 			<div class="load-more" v-if="finishedExecutionsCount > finishedExecutions.length || finishedExecutionsCountEstimated === true">
-				<n8n-button icon="sync" :title="$i.baseText('executionsList.loadMore')" :label="$i.baseText('executionsList.loadMore')" @click="loadMore()" :loading="isDataLoading" />
+				<n8n-button icon="sync" :title="$locale.baseText('executionsList.loadMore')" :label="$locale.baseText('executionsList.loadMore')" @click="loadMore()" :loading="isDataLoading" />
 			</div>
 
 		</el-dialog>
@@ -235,23 +235,23 @@ export default mixins(
 			return [
 				{
 					id: 'ALL',
-					name: this.$i.baseText('executionsList.anyStatus'),
+					name: this.$locale.baseText('executionsList.anyStatus'),
 				},
 				{
 					id: 'error',
-					name: this.$i.baseText('executionsList.error'),
+					name: this.$locale.baseText('executionsList.error'),
 				},
 				{
 					id: 'running',
-					name: this.$i.baseText('executionsList.running'),
+					name: this.$locale.baseText('executionsList.running'),
 				},
 				{
 					id: 'success',
-					name: this.$i.baseText('executionsList.success'),
+					name: this.$locale.baseText('executionsList.success'),
 				},
 				{
 					id: 'waiting',
-					name: this.$i.baseText('executionsList.waiting'),
+					name: this.$locale.baseText('executionsList.waiting'),
 				},
 			];
 		},
@@ -369,14 +369,14 @@ export default mixins(
 		},
 		async handleDeleteSelected () {
 			const deleteExecutions = await this.confirmMessage(
-				this.$i.baseText(
+				this.$locale.baseText(
 					'executionsList.confirmMessage.message',
 					{ interpolate: { numSelected: this.numSelected.toString() }},
 				),
-				this.$i.baseText('executionsList.confirmMessage.headline'),
+				this.$locale.baseText('executionsList.confirmMessage.headline'),
 				'warning',
-				this.$i.baseText('executionsList.confirmMessage.confirmButtonText'),
-				this.$i.baseText('executionsList.confirmMessage.cancelButtonText'),
+				this.$locale.baseText('executionsList.confirmMessage.confirmButtonText'),
+				this.$locale.baseText('executionsList.confirmMessage.cancelButtonText'),
 			);
 
 			if (deleteExecutions === false) {
@@ -400,8 +400,8 @@ export default mixins(
 				this.isDataLoading = false;
 				this.$showError(
 					error,
-					this.$i.baseText('executionsList.showError.handleDeleteSelected.title'),
-					this.$i.baseText('executionsList.showError.handleDeleteSelected.message'),
+					this.$locale.baseText('executionsList.showError.handleDeleteSelected.title'),
+					this.$locale.baseText('executionsList.showError.handleDeleteSelected.message'),
 				);
 
 				return;
@@ -409,8 +409,8 @@ export default mixins(
 			this.isDataLoading = false;
 
 			this.$showMessage({
-				title: this.$i.baseText('executionsList.showMessage.handleDeleteSelected.title'),
-				message: this.$i.baseText('executionsList.showMessage.handleDeleteSelected.message'),
+				title: this.$locale.baseText('executionsList.showMessage.handleDeleteSelected.title'),
+				message: this.$locale.baseText('executionsList.showMessage.handleDeleteSelected.message'),
 				type: 'success',
 			});
 
@@ -563,8 +563,8 @@ export default mixins(
 				this.isDataLoading = false;
 				this.$showError(
 					error,
-					this.$i.baseText('executionsList.showError.loadMore.title'),
-					this.$i.baseText('executionsList.showError.loadMore.message') + ':',
+					this.$locale.baseText('executionsList.showError.loadMore.title'),
+					this.$locale.baseText('executionsList.showError.loadMore.message') + ':',
 				);
 				return;
 			}
@@ -596,15 +596,15 @@ export default mixins(
 				// @ts-ignore
 				workflows.unshift({
 					id: 'ALL',
-					name: this.$i.baseText('executionsList.allWorkflows'),
+					name: this.$locale.baseText('executionsList.allWorkflows'),
 				});
 
 				Vue.set(this, 'workflows', workflows);
 			} catch (error) {
 				this.$showError(
 					error,
-					this.$i.baseText('executionsList.showError.loadWorkflows.title'),
-					this.$i.baseText('executionsList.showError.loadWorkflows.message') + ':',
+					this.$locale.baseText('executionsList.showError.loadWorkflows.title'),
+					this.$locale.baseText('executionsList.showError.loadWorkflows.message') + ':',
 				);
 			}
 		},
@@ -628,14 +628,14 @@ export default mixins(
 
 				if (retrySuccessful === true) {
 					this.$showMessage({
-						title: this.$i.baseText('executionsList.showMessage.retrySuccessfulTrue.title'),
-						message: this.$i.baseText('executionsList.showMessage.retrySuccessfulTrue.message'),
+						title: this.$locale.baseText('executionsList.showMessage.retrySuccessfulTrue.title'),
+						message: this.$locale.baseText('executionsList.showMessage.retrySuccessfulTrue.message'),
 						type: 'success',
 					});
 				} else {
 					this.$showMessage({
-						title: this.$i.baseText('executionsList.showMessage.retrySuccessfulFalse.title'),
-						message: this.$i.baseText('executionsList.showMessage.retrySuccessfulFalse.message'),
+						title: this.$locale.baseText('executionsList.showMessage.retrySuccessfulFalse.title'),
+						message: this.$locale.baseText('executionsList.showMessage.retrySuccessfulFalse.message'),
 						type: 'error',
 					});
 				}
@@ -644,8 +644,8 @@ export default mixins(
 			} catch (error) {
 				this.$showError(
 					error,
-					this.$i.baseText('executionsList.showError.retryExecution.title'),
-					this.$i.baseText('executionsList.showError.retryExecution.message') + ':',
+					this.$locale.baseText('executionsList.showError.retryExecution.title'),
+					this.$locale.baseText('executionsList.showError.retryExecution.message') + ':',
 				);
 
 				this.isDataLoading = false;
@@ -661,8 +661,8 @@ export default mixins(
 			} catch (error) {
 				this.$showError(
 					error,
-					this.$i.baseText('executionsList.showError.refreshData.title'),
-					this.$i.baseText('executionsList.showError.refreshData.message') + ':',
+					this.$locale.baseText('executionsList.showError.refreshData.title'),
+					this.$locale.baseText('executionsList.showError.refreshData.message') + ':',
 				);
 			}
 
@@ -672,10 +672,10 @@ export default mixins(
 			if (entry.waitTill) {
 				const waitDate = new Date(entry.waitTill);
 				if (waitDate.toISOString() === WAIT_TIME_UNLIMITED) {
-					return this.$i.baseText('executionsList.statusTooltipText.theWorkflowIsWaitingIndefinitely');
+					return this.$locale.baseText('executionsList.statusTooltipText.theWorkflowIsWaitingIndefinitely');
 				}
 
-				return this.$i.baseText(
+				return this.$locale.baseText(
 					'executionsList.statusTooltipText.theWorkflowIsWaitingTill',
 					{
 						interpolate: {
@@ -685,28 +685,28 @@ export default mixins(
 					},
 				);
 			} else if (entry.stoppedAt === undefined) {
-				return this.$i.baseText('executionsList.statusTooltipText.theWorkflowIsCurrentlyExecuting');
+				return this.$locale.baseText('executionsList.statusTooltipText.theWorkflowIsCurrentlyExecuting');
 			} else if (entry.finished === true && entry.retryOf !== undefined) {
-				return this.$i.baseText(
+				return this.$locale.baseText(
 					'executionsList.statusTooltipText.theWorkflowExecutionWasARetryOfAndItWasSuccessful',
 					{ interpolate: { entryRetryOf: entry.retryOf }},
 				);
 			} else if (entry.finished === true) {
-				return this.$i.baseText('executionsList.statusTooltipText.theWorkflowExecutionWasSuccessful');
+				return this.$locale.baseText('executionsList.statusTooltipText.theWorkflowExecutionWasSuccessful');
 			} else if (entry.retryOf !== undefined) {
-				return this.$i.baseText(
+				return this.$locale.baseText(
 					'executionsList.statusTooltipText.theWorkflowExecutionWasARetryOfAndFailed',
 					{ interpolate: { entryRetryOf: entry.retryOf }},
 				);
 			} else if (entry.retrySuccessId !== undefined) {
-				return this.$i.baseText(
+				return this.$locale.baseText(
 					'executionsList.statusTooltipText.theWorkflowExecutionFailedButTheRetryWasSuccessful',
 					{ interpolate: { entryRetrySuccessId: entry.retrySuccessId }},
 				);
 			} else if (entry.stoppedAt === null) {
-				return this.$i.baseText('executionsList.statusTooltipText.theWorkflowExecutionIsProbablyStillRunning');
+				return this.$locale.baseText('executionsList.statusTooltipText.theWorkflowExecutionIsProbablyStillRunning');
 			} else {
-				return this.$i.baseText('executionsList.statusTooltipText.theWorkflowExecutionFailed');
+				return this.$locale.baseText('executionsList.statusTooltipText.theWorkflowExecutionFailed');
 			}
 		},
 		async stopExecution (activeExecutionId: string) {
@@ -722,8 +722,8 @@ export default mixins(
 				this.stoppingExecutions.splice(index, 1);
 
 				this.$showMessage({
-					title: this.$i.baseText('executionsList.showMessage.stopExecution.title'),
-					message: this.$i.baseText(
+					title: this.$locale.baseText('executionsList.showMessage.stopExecution.title'),
+					message: this.$locale.baseText(
 						'executionsList.showMessage.stopExecution.message',
 						{ interpolate: { activeExecutionId } },
 					),
@@ -734,8 +734,8 @@ export default mixins(
 			} catch (error) {
 				this.$showError(
 					error,
-					this.$i.baseText('executionsList.showError.stopExecution.title'),
-					this.$i.baseText('executionsList.showError.stopExecution.message'),
+					this.$locale.baseText('executionsList.showError.stopExecution.title'),
+					this.$locale.baseText('executionsList.showError.stopExecution.message'),
 				);
 			}
 		},
diff --git a/packages/editor-ui/src/components/ExpressionEdit.vue b/packages/editor-ui/src/components/ExpressionEdit.vue
index cb12a3bfe5..9b74c381e7 100644
--- a/packages/editor-ui/src/components/ExpressionEdit.vue
+++ b/packages/editor-ui/src/components/ExpressionEdit.vue
@@ -1,14 +1,14 @@
 <template>
 	<div v-if="dialogVisible" @keydown.stop>
-		<el-dialog :visible="dialogVisible" custom-class="expression-dialog classic" append-to-body width="80%" :title="$i.baseText('expressionEdit.editExpression')" :before-close="closeDialog">
+		<el-dialog :visible="dialogVisible" custom-class="expression-dialog classic" append-to-body width="80%" :title="$locale.baseText('expressionEdit.editExpression')" :before-close="closeDialog">
 			<el-row>
 				<el-col :span="8">
 					<div class="header-side-menu">
 						<div class="headline">
-							{{ $i.baseText('expressionEdit.editExpression') }}
+							{{ $locale.baseText('expressionEdit.editExpression') }}
 						</div>
 						<div class="sub-headline">
-							{{ $i.baseText('expressionEdit.variableSelector') }}
+							{{ $locale.baseText('expressionEdit.variableSelector') }}
 						</div>
 					</div>
 
@@ -19,7 +19,7 @@
 				<el-col :span="16" class="right-side">
 					<div class="expression-editor-wrapper">
 						<div class="editor-description">
-							{{ $i.baseText('expressionEdit.expression') }}
+							{{ $locale.baseText('expressionEdit.expression') }}
 						</div>
 						<div class="expression-editor">
 							<expression-input :parameter="parameter" ref="inputFieldExpression" rows="8" :value="value" :path="path" @change="valueChanged" @keydown.stop="noOp"></expression-input>
@@ -28,7 +28,7 @@
 
 					<div class="expression-result-wrapper">
 						<div class="editor-description">
-							{{ $i.baseText('expressionEdit.result') }}
+							{{ $locale.baseText('expressionEdit.result') }}
 						</div>
 						<expression-input :parameter="parameter" resolvedValue="true" ref="expressionResult" rows="8" :value="displayValue" :path="path"></expression-input>
 					</div>
diff --git a/packages/editor-ui/src/components/FixedCollectionParameter.vue b/packages/editor-ui/src/components/FixedCollectionParameter.vue
index 55cde89e3d..eec60d2cf2 100644
--- a/packages/editor-ui/src/components/FixedCollectionParameter.vue
+++ b/packages/editor-ui/src/components/FixedCollectionParameter.vue
@@ -1,12 +1,12 @@
 <template>
 	<div @keydown.stop class="fixed-collection-parameter">
 		<div v-if="getProperties.length === 0" class="no-items-exist">
-			<n8n-text size="small">{{ $i.baseText('fixedCollectionParameter.currentlyNoItemsExist') }}</n8n-text>
+			<n8n-text size="small">{{ $locale.baseText('fixedCollectionParameter.currentlyNoItemsExist') }}</n8n-text>
 		</div>
 
 		<div v-for="property in getProperties" :key="property.name" class="fixed-collection-parameter-property">
 			<n8n-input-label
-				:label="property.displayName === '' || parameter.options.length === 1 ? '' : $i.nodeText().topParameterDisplayName(property)"
+				:label="property.displayName === '' || parameter.options.length === 1 ? '' : $locale.nodeText().topParameterDisplayName(property)"
 				:underline="true"
 				:labelHoverableOnly="true"
 				size="small"
@@ -15,10 +15,10 @@
 					<div v-for="(value, index) in values[property.name]" :key="property.name + index" class="parameter-item">
 						<div class="parameter-item-wrapper">
 							<div class="delete-option" v-if="!isReadOnly">
-								<font-awesome-icon icon="trash" class="reset-icon clickable" :title="$i.baseText('fixedCollectionParameter.deleteItem')" @click="deleteOption(property.name, index)" />
+								<font-awesome-icon icon="trash" class="reset-icon clickable" :title="$locale.baseText('fixedCollectionParameter.deleteItem')" @click="deleteOption(property.name, index)" />
 								<div v-if="sortable" class="sort-icon">
-									<font-awesome-icon v-if="index !== 0" icon="angle-up" class="clickable" :title="$i.baseText('fixedCollectionParameter.moveUp')" @click="moveOptionUp(property.name, index)" />
-									<font-awesome-icon v-if="index !== (values[property.name].length -1)" icon="angle-down" class="clickable" :title="$i.baseText('fixedCollectionParameter.moveDown')" @click="moveOptionDown(property.name, index)" />
+									<font-awesome-icon v-if="index !== 0" icon="angle-up" class="clickable" :title="$locale.baseText('fixedCollectionParameter.moveUp')" @click="moveOptionUp(property.name, index)" />
+									<font-awesome-icon v-if="index !== (values[property.name].length -1)" icon="angle-down" class="clickable" :title="$locale.baseText('fixedCollectionParameter.moveDown')" @click="moveOptionDown(property.name, index)" />
 								</div>
 							</div>
 							<parameter-input-list :parameters="property.values" :nodeValues="nodeValues" :path="getPropertyPath(property.name, index)" :hideDelete="true" @valueChanged="valueChanged" />
@@ -28,7 +28,7 @@
 				<div v-else class="parameter-item">
 					<div class="parameter-item-wrapper">
 						<div class="delete-option" v-if="!isReadOnly">
-							<font-awesome-icon icon="trash" class="reset-icon clickable" :title="$i.baseText('fixedCollectionParameter.deleteItem')" @click="deleteOption(property.name)" />
+							<font-awesome-icon icon="trash" class="reset-icon clickable" :title="$locale.baseText('fixedCollectionParameter.deleteItem')" @click="deleteOption(property.name)" />
 						</div>
 						<parameter-input-list :parameters="property.values" :nodeValues="nodeValues" :path="getPropertyPath(property.name)" class="parameter-item" @valueChanged="valueChanged" :hideDelete="true" />
 					</div>
@@ -43,7 +43,7 @@
 					<n8n-option
 						v-for="item in parameterOptions"
 						:key="item.name"
-						:label="$i.nodeText().collectionOptionDisplayName(parameter, item)"
+						:label="$locale.nodeText().collectionOptionDisplayName(parameter, item)"
 						:value="item.name">
 					</n8n-option>
 				</n8n-select>
@@ -85,8 +85,8 @@ export default mixins(genericHelpers)
 		},
 		computed: {
 			getPlaceholderText (): string {
-				const placeholder = this.$i.nodeText().placeholder(this.parameter);
-				return placeholder ? placeholder : this.$i.baseText('fixedCollectionParameter.choose');
+				const placeholder = this.$locale.nodeText().placeholder(this.parameter);
+				return placeholder ? placeholder : this.$locale.baseText('fixedCollectionParameter.choose');
 			},
 			getProperties (): INodePropertyCollection[] {
 				const returnProperties = [];
diff --git a/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue b/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue
index d171993eb9..0875fbbcab 100644
--- a/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue
+++ b/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="container">
 		<span class="title">
-			{{ $i.baseText('executionDetails.executionId') + ':' }}
+			{{ $locale.baseText('executionDetails.executionId') + ':' }}
 			<span>
 				<strong>{{ executionId }}</strong
 				>&nbsp;
@@ -9,23 +9,23 @@
 					icon="check"
 					class="execution-icon success"
 					v-if="executionFinished"
-					:title="$i.baseText('executionDetails.executionWasSuccessful')"
+					:title="$locale.baseText('executionDetails.executionWasSuccessful')"
 				/>
 				<font-awesome-icon
 					icon="clock"
 					class="execution-icon warning"
 					v-else-if="executionWaiting"
-					:title="$i.baseText('executionDetails.executionWaiting')"
+					:title="$locale.baseText('executionDetails.executionWaiting')"
 				/>
 				<font-awesome-icon
 					icon="times"
 					class="execution-icon error"
 					v-else
-					:title="$i.baseText('executionDetails.executionFailed')"
+					:title="$locale.baseText('executionDetails.executionFailed')"
 				/>
 			</span>
-			{{ $i.baseText('executionDetails.of') }}
-			<span class="primary-color clickable" :title="$i.baseText('executionDetails.openWorkflow')">
+			{{ $locale.baseText('executionDetails.of') }}
+			<span class="primary-color clickable" :title="$locale.baseText('executionDetails.openWorkflow')">
 				<WorkflowNameShort :name="workflowName">
 					<template v-slot="{ shortenedName }">
 						<span @click="openWorkflow(workflowExecution.workflowId)">
@@ -34,7 +34,7 @@
 					</template>
 				</WorkflowNameShort>
 			</span>
-			{{ $i.baseText('executionDetails.workflow') }}
+			{{ $locale.baseText('executionDetails.workflow') }}
 		</span>
 		<ReadOnly class="read-only" />
 	</div>
diff --git a/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ReadOnly.vue b/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ReadOnly.vue
index f8df75507a..b367916b86 100644
--- a/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ReadOnly.vue
+++ b/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ReadOnly.vue
@@ -1,11 +1,11 @@
 <template>
 	<n8n-tooltip class="primary-color" placement="bottom-end" >
 		<div slot="content">
-			<span v-html="$i.baseText('executionDetails.readOnly.youreViewingTheLogOf')"></span>
+			<span v-html="$locale.baseText('executionDetails.readOnly.youreViewingTheLogOf')"></span>
 		</div>
 		<div>
 			<font-awesome-icon icon="exclamation-triangle" />
-			<span v-html="$i.baseText('executionDetails.readOnly.readOnly')"></span>
+			<span v-html="$locale.baseText('executionDetails.readOnly.readOnly')"></span>
 		</div>
 	</n8n-tooltip>
 </template>
diff --git a/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue b/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue
index b67ceee11c..a6ad8d9837 100644
--- a/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue
+++ b/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue
@@ -33,7 +33,7 @@
 				@blur="onTagsBlur"
 				@update="onTagsUpdate"
 				@esc="onTagsEditEsc"
-				:placeholder="$i.baseText('workflowDetails.chooseOrCreateATag')"
+				:placeholder="$locale.baseText('workflowDetails.chooseOrCreateATag')"
 				ref="dropdown"
 				class="tags-edit"
 			/>
@@ -46,7 +46,7 @@
 				class="add-tag clickable"
 				@click="onTagsEditEnable"
 			>
-				+ {{ $i.baseText('workflowDetails.addTag') }}
+				+ {{ $locale.baseText('workflowDetails.addTag') }}
 			</span>
 		</div>
 		<TagsContainer
@@ -62,7 +62,7 @@
 		<PushConnectionTracker class="actions">
 			<template>
 				<span class="activator">
-					<span>{{ $i.baseText('workflowDetails.active') + ':' }}</span>
+					<span>{{ $locale.baseText('workflowDetails.active') + ':' }}</span>
 					<WorkflowActivator :workflow-active="isWorkflowActive" :workflow-id="currentWorkflowId" :disabled="!currentWorkflowId"/>
 				</span>
 				<SaveButton
@@ -197,8 +197,8 @@ export default mixins(workflowHelpers).extend({
 			const newName = name.trim();
 			if (!newName) {
 				this.$showMessage({
-					title: this.$i.baseText('workflowDetails.showMessage.title'),
-					message: this.$i.baseText('workflowDetails.showMessage.message'),
+					title: this.$locale.baseText('workflowDetails.showMessage.title'),
+					message: this.$locale.baseText('workflowDetails.showMessage.message'),
 					type: "error",
 				});
 
diff --git a/packages/editor-ui/src/components/MainSidebar.vue b/packages/editor-ui/src/components/MainSidebar.vue
index cab29f5dff..075b91b285 100644
--- a/packages/editor-ui/src/components/MainSidebar.vue
+++ b/packages/editor-ui/src/components/MainSidebar.vue
@@ -22,94 +22,94 @@
 				<el-submenu index="workflow" title="Workflow" popperClass="sidebar-popper">
 					<template slot="title">
 						<font-awesome-icon icon="network-wired"/>&nbsp;
-						<span slot="title" class="item-title-root">{{ $i.baseText('mainSidebar.workflows') }}</span>
+						<span slot="title" class="item-title-root">{{ $locale.baseText('mainSidebar.workflows') }}</span>
 					</template>
 
 					<n8n-menu-item index="workflow-new">
 						<template slot="title">
 							<font-awesome-icon icon="file"/>&nbsp;
-							<span slot="title" class="item-title">{{ $i.baseText('mainSidebar.new') }}</span>
+							<span slot="title" class="item-title">{{ $locale.baseText('mainSidebar.new') }}</span>
 						</template>
 					</n8n-menu-item>
 					<n8n-menu-item index="workflow-open">
 						<template slot="title">
 							<font-awesome-icon icon="folder-open"/>&nbsp;
-							<span slot="title" class="item-title">{{ $i.baseText('mainSidebar.open') }}</span>
+							<span slot="title" class="item-title">{{ $locale.baseText('mainSidebar.open') }}</span>
 						</template>
 					</n8n-menu-item>
 					<n8n-menu-item index="workflow-save">
 						<template slot="title">
 							<font-awesome-icon icon="save"/>
-							<span slot="title" class="item-title">{{ $i.baseText('mainSidebar.save') }}</span>
+							<span slot="title" class="item-title">{{ $locale.baseText('mainSidebar.save') }}</span>
 						</template>
 					</n8n-menu-item>
 					<n8n-menu-item index="workflow-duplicate" :disabled="!currentWorkflow">
 						<template slot="title">
 							<font-awesome-icon icon="copy"/>
-							<span slot="title" class="item-title">{{ $i.baseText('mainSidebar.duplicate') }}</span>
+							<span slot="title" class="item-title">{{ $locale.baseText('mainSidebar.duplicate') }}</span>
 						</template>
 					</n8n-menu-item>
 					<n8n-menu-item index="workflow-delete" :disabled="!currentWorkflow">
 						<template slot="title">
 							<font-awesome-icon icon="trash"/>
-							<span slot="title" class="item-title">{{ $i.baseText('mainSidebar.delete') }}</span>
+							<span slot="title" class="item-title">{{ $locale.baseText('mainSidebar.delete') }}</span>
 						</template>
 					</n8n-menu-item>
 					<n8n-menu-item index="workflow-download">
 						<template slot="title">
 							<font-awesome-icon icon="file-download"/>
-							<span slot="title" class="item-title">{{ $i.baseText('mainSidebar.download') }}</span>
+							<span slot="title" class="item-title">{{ $locale.baseText('mainSidebar.download') }}</span>
 						</template>
 					</n8n-menu-item>
 					<n8n-menu-item index="workflow-import-url">
 						<template slot="title">
 							<font-awesome-icon icon="cloud"/>
-							<span slot="title" class="item-title">{{ $i.baseText('mainSidebar.importFromUrl') }}</span>
+							<span slot="title" class="item-title">{{ $locale.baseText('mainSidebar.importFromUrl') }}</span>
 						</template>
 					</n8n-menu-item>
 					<n8n-menu-item index="workflow-import-file">
 						<template slot="title">
 							<font-awesome-icon icon="hdd"/>
-							<span slot="title" class="item-title">{{ $i.baseText('mainSidebar.importFromFile') }}</span>
+							<span slot="title" class="item-title">{{ $locale.baseText('mainSidebar.importFromFile') }}</span>
 						</template>
 					</n8n-menu-item>
 					<n8n-menu-item index="workflow-settings" :disabled="!currentWorkflow">
 						<template slot="title">
 							<font-awesome-icon icon="cog"/>
-							<span slot="title" class="item-title">{{ $i.baseText('mainSidebar.settings') }}</span>
+							<span slot="title" class="item-title">{{ $locale.baseText('mainSidebar.settings') }}</span>
 						</template>
 					</n8n-menu-item>
 				</el-submenu>
 
-				<el-submenu index="credentials" :title="$i.baseText('mainSidebar.credentials')" popperClass="sidebar-popper">
+				<el-submenu index="credentials" :title="$locale.baseText('mainSidebar.credentials')" popperClass="sidebar-popper">
 					<template slot="title">
 						<font-awesome-icon icon="key"/>&nbsp;
-						<span slot="title" class="item-title-root">{{ $i.baseText('mainSidebar.credentials') }}</span>
+						<span slot="title" class="item-title-root">{{ $locale.baseText('mainSidebar.credentials') }}</span>
 					</template>
 
 					<n8n-menu-item index="credentials-new">
 						<template slot="title">
 							<font-awesome-icon icon="file"/>
-							<span slot="title" class="item-title">{{ $i.baseText('mainSidebar.new') }}</span>
+							<span slot="title" class="item-title">{{ $locale.baseText('mainSidebar.new') }}</span>
 						</template>
 					</n8n-menu-item>
 					<n8n-menu-item index="credentials-open">
 						<template slot="title">
 							<font-awesome-icon icon="folder-open"/>
-							<span slot="title" class="item-title">{{ $i.baseText('mainSidebar.open') }}</span>
+							<span slot="title" class="item-title">{{ $locale.baseText('mainSidebar.open') }}</span>
 						</template>
 					</n8n-menu-item>
 				</el-submenu>
 
 				<n8n-menu-item index="executions">
 					<font-awesome-icon icon="tasks"/>&nbsp;
-					<span slot="title" class="item-title-root">{{ $i.baseText('mainSidebar.executions') }}</span>
+					<span slot="title" class="item-title-root">{{ $locale.baseText('mainSidebar.executions') }}</span>
 				</n8n-menu-item>
 
 				<el-submenu index="help" class="help-menu" title="Help" popperClass="sidebar-popper">
 					<template slot="title">
 						<font-awesome-icon icon="question"/>&nbsp;
-						<span slot="title" class="item-title-root">{{ $i.baseText('mainSidebar.help') }}</span>
+						<span slot="title" class="item-title-root">{{ $locale.baseText('mainSidebar.help') }}</span>
 					</template>
 
 					<MenuItemsIterator :items="helpMenuItems" :afterItemClick="trackHelpItemClick" />
@@ -117,7 +117,7 @@
 					<n8n-menu-item index="help-about">
 						<template slot="title">
 							<font-awesome-icon class="about-icon" icon="info"/>
-							<span slot="title" class="item-title">{{ $i.baseText('mainSidebar.aboutN8n') }}</span>
+							<span slot="title" class="item-title">{{ $locale.baseText('mainSidebar.aboutN8n') }}</span>
 						</template>
 					</n8n-menu-item>
 				</el-submenu>
@@ -209,7 +209,7 @@ export default mixins(
 						type: 'link',
 						properties: {
 							href: 'https://docs.n8n.io',
-							title: this.$i.baseText('mainSidebar.helpMenuItems.documentation'),
+							title: this.$locale.baseText('mainSidebar.helpMenuItems.documentation'),
 							icon: 'book',
 							newWindow: true,
 						},
@@ -219,7 +219,7 @@ export default mixins(
 						type: 'link',
 						properties: {
 							href: 'https://community.n8n.io',
-							title: this.$i.baseText('mainSidebar.helpMenuItems.forum'),
+							title: this.$locale.baseText('mainSidebar.helpMenuItems.forum'),
 							icon: 'users',
 							newWindow: true,
 						},
@@ -229,7 +229,7 @@ export default mixins(
 						type: 'link',
 						properties: {
 							href: 'https://n8n.io/workflows',
-							title: this.$i.baseText('mainSidebar.helpMenuItems.workflows'),
+							title: this.$locale.baseText('mainSidebar.helpMenuItems.workflows'),
 							icon: 'network-wired',
 							newWindow: true,
 						},
@@ -322,8 +322,8 @@ export default mixins(
 					this.stopExecutionInProgress = true;
 					await this.restApi().stopCurrentExecution(executionId);
 					this.$showMessage({
-						title: this.$i.baseText('mainSidebar.showMessage.stopExecution.title'),
-						message: this.$i.baseText(
+						title: this.$locale.baseText('mainSidebar.showMessage.stopExecution.title'),
+						message: this.$locale.baseText(
 							'mainSidebar.showMessage.stopExecution.message',
 							{ interpolate: { executionId }},
 						),
@@ -332,8 +332,8 @@ export default mixins(
 				} catch (error) {
 					this.$showError(
 						error,
-						this.$i.baseText('mainSidebar.showError.stopExecution.title'),
-						this.$i.baseText('mainSidebar.showError.stopExecution.message') + ':',
+						this.$locale.baseText('mainSidebar.showError.stopExecution.title'),
+						this.$locale.baseText('mainSidebar.showError.stopExecution.message') + ':',
 					);
 				}
 				this.stopExecutionInProgress = false;
@@ -358,8 +358,8 @@ export default mixins(
 						worflowData = JSON.parse(data as string);
 					} catch (error) {
 						this.$showMessage({
-							title: this.$i.baseText('mainSidebar.showMessage.handleFileImport.title'),
-							message: this.$i.baseText('mainSidebar.showMessage.handleFileImport.message'),
+							title: this.$locale.baseText('mainSidebar.showMessage.handleFileImport.title'),
+							message: this.$locale.baseText('mainSidebar.showMessage.handleFileImport.message'),
 							type: 'error',
 						});
 						return;
@@ -382,12 +382,12 @@ export default mixins(
 				} else if (key === 'workflow-import-url') {
 					try {
 						const promptResponse = await this.$prompt(
-							this.$i.baseText('mainSidebar.prompt.workflowUrl') + ':',
-							this.$i.baseText('mainSidebar.prompt.importWorkflowFromUrl') + ':',
+							this.$locale.baseText('mainSidebar.prompt.workflowUrl') + ':',
+							this.$locale.baseText('mainSidebar.prompt.importWorkflowFromUrl') + ':',
 							{
-								confirmButtonText: this.$i.baseText('mainSidebar.prompt.import'),
-								cancelButtonText: this.$i.baseText('mainSidebar.prompt.cancel'),
-								inputErrorMessage: this.$i.baseText('mainSidebar.prompt.invalidUrl'),
+								confirmButtonText: this.$locale.baseText('mainSidebar.prompt.import'),
+								cancelButtonText: this.$locale.baseText('mainSidebar.prompt.cancel'),
+								inputErrorMessage: this.$locale.baseText('mainSidebar.prompt.invalidUrl'),
 								inputPattern: /^http[s]?:\/\/.*\.json$/i,
 							},
 						) as MessageBoxInputData;
@@ -396,14 +396,14 @@ export default mixins(
 					} catch (e) {}
 				} else if (key === 'workflow-delete') {
 					const deleteConfirmed = await this.confirmMessage(
-						this.$i.baseText(
+						this.$locale.baseText(
 							'mainSidebar.confirmMessage.workflowDelete.message',
 							{ interpolate: { workflowName: this.workflowName } },
 						),
-						this.$i.baseText('mainSidebar.confirmMessage.workflowDelete.headline'),
+						this.$locale.baseText('mainSidebar.confirmMessage.workflowDelete.headline'),
 						'warning',
-						this.$i.baseText('mainSidebar.confirmMessage.workflowDelete.confirmButtonText'),
-						this.$i.baseText('mainSidebar.confirmMessage.workflowDelete.cancelButtonText'),
+						this.$locale.baseText('mainSidebar.confirmMessage.workflowDelete.confirmButtonText'),
+						this.$locale.baseText('mainSidebar.confirmMessage.workflowDelete.cancelButtonText'),
 					);
 
 					if (deleteConfirmed === false) {
@@ -415,8 +415,8 @@ export default mixins(
 					} catch (error) {
 						this.$showError(
 							error,
-							this.$i.baseText('mainSidebar.showError.stopExecution.title'),
-							this.$i.baseText('mainSidebar.showError.stopExecution.message') + ':',
+							this.$locale.baseText('mainSidebar.showError.stopExecution.title'),
+							this.$locale.baseText('mainSidebar.showError.stopExecution.message') + ':',
 						);
 						return;
 					}
@@ -424,8 +424,8 @@ export default mixins(
 					// Reset tab title since workflow is deleted.
 					this.$titleReset();
 					this.$showMessage({
-						title: this.$i.baseText('mainSidebar.showMessage.handleSelect1.title'),
-						message: this.$i.baseText(
+						title: this.$locale.baseText('mainSidebar.showMessage.handleSelect1.title'),
+						message: this.$locale.baseText(
 							'mainSidebar.showMessage.handleSelect1.message',
 							{ interpolate: { workflowName: this.workflowName }},
 						),
@@ -465,11 +465,11 @@ export default mixins(
 					const result = this.$store.getters.getStateIsDirty;
 					if(result) {
 						const importConfirm = await this.confirmMessage(
-							this.$i.baseText('mainSidebar.confirmMessage.workflowNew.message'),
-							this.$i.baseText('mainSidebar.confirmMessage.workflowNew.headline'),
+							this.$locale.baseText('mainSidebar.confirmMessage.workflowNew.message'),
+							this.$locale.baseText('mainSidebar.confirmMessage.workflowNew.headline'),
 							'warning',
-							this.$i.baseText('mainSidebar.confirmMessage.workflowNew.confirmButtonText'),
-							this.$i.baseText('mainSidebar.confirmMessage.workflowNew.cancelButtonText'),
+							this.$locale.baseText('mainSidebar.confirmMessage.workflowNew.confirmButtonText'),
+							this.$locale.baseText('mainSidebar.confirmMessage.workflowNew.cancelButtonText'),
 						);
 						if (importConfirm === true) {
 							this.$store.commit('setStateDirty', false);
@@ -480,8 +480,8 @@ export default mixins(
 							}
 
 							this.$showMessage({
-								title: this.$i.baseText('mainSidebar.showMessage.handleSelect2.title'),
-								message: this.$i.baseText('mainSidebar.showMessage.handleSelect2.message'),
+								title: this.$locale.baseText('mainSidebar.showMessage.handleSelect2.title'),
+								message: this.$locale.baseText('mainSidebar.showMessage.handleSelect2.message'),
 								type: 'success',
 							});
 						}
@@ -491,8 +491,8 @@ export default mixins(
 						}
 
 						this.$showMessage({
-							title: this.$i.baseText('mainSidebar.showMessage.handleSelect3.title'),
-							message: this.$i.baseText('mainSidebar.showMessage.handleSelect3.message'),
+							title: this.$locale.baseText('mainSidebar.showMessage.handleSelect3.title'),
+							message: this.$locale.baseText('mainSidebar.showMessage.handleSelect3.message'),
 							type: 'success',
 						});
 					}
diff --git a/packages/editor-ui/src/components/MultipleParameter.vue b/packages/editor-ui/src/components/MultipleParameter.vue
index 60f7eff4d6..a3b0ea4b33 100644
--- a/packages/editor-ui/src/components/MultipleParameter.vue
+++ b/packages/editor-ui/src/components/MultipleParameter.vue
@@ -1,8 +1,8 @@
 <template>
 	<div @keydown.stop class="duplicate-parameter">
 		<n8n-input-label
-			:label="$i.nodeText().topParameterDisplayName(parameter)"
-			:tooltipText="$i.nodeText().topParameterDescription(parameter)"
+			:label="$locale.nodeText().topParameterDisplayName(parameter)"
+			:tooltipText="$locale.nodeText().topParameterDescription(parameter)"
 			:underline="true"
 			:labelHoverableOnly="true"
 			size="small"
@@ -10,10 +10,10 @@
 
 			<div v-for="(value, index) in values" :key="index" class="duplicate-parameter-item" :class="parameter.type">
 				<div class="delete-item clickable" v-if="!isReadOnly">
-					<font-awesome-icon icon="trash" :title="$i.baseText('multipleParameter.deleteItem')" @click="deleteItem(index)" />
+					<font-awesome-icon icon="trash" :title="$locale.baseText('multipleParameter.deleteItem')" @click="deleteItem(index)" />
 					<div v-if="sortable">
-						<font-awesome-icon v-if="index !== 0" icon="angle-up" class="clickable" :title="$i.baseText('multipleParameter.moveUp')" @click="moveOptionUp(index)" />
-						<font-awesome-icon v-if="index !== (values.length -1)" icon="angle-down" class="clickable" :title="$i.baseText('multipleParameter.moveDown')" @click="moveOptionDown(index)" />
+						<font-awesome-icon v-if="index !== 0" icon="angle-up" class="clickable" :title="$locale.baseText('multipleParameter.moveUp')" @click="moveOptionUp(index)" />
+						<font-awesome-icon v-if="index !== (values.length -1)" icon="angle-down" class="clickable" :title="$locale.baseText('multipleParameter.moveDown')" @click="moveOptionDown(index)" />
 					</div>
 				</div>
 				<div v-if="parameter.type === 'collection'">
@@ -26,7 +26,7 @@
 
 			<div class="add-item-wrapper">
 				<div v-if="values && Object.keys(values).length === 0 || isReadOnly" class="no-items-exist">
-					<n8n-text size="small">{{ $i.baseText('multipleParameter.currentlyNoItemsExist') }}</n8n-text>
+					<n8n-text size="small">{{ $locale.baseText('multipleParameter.currentlyNoItemsExist') }}</n8n-text>
 				</div>
 				<n8n-button v-if="!isReadOnly" fullWidth @click="addItem()" :label="addButtonText" />
 			</div>
@@ -68,10 +68,10 @@ export default mixins(genericHelpers)
 					!this.parameter.typeOptions &&
 					!this.parameter.typeOptions.multipleValueButtonText
 				) {
-					return this.$i.baseText('multipleParameter.addItem');
+					return this.$locale.baseText('multipleParameter.addItem');
 				}
 
-				return this.$i.nodeText().multipleValueButtonText(this.parameter);
+				return this.$locale.nodeText().multipleValueButtonText(this.parameter);
 			},
 			hideDelete (): boolean {
 				return this.parameter.options.length === 1;
diff --git a/packages/editor-ui/src/components/Node.vue b/packages/editor-ui/src/components/Node.vue
index 6a261e8b66..39f19fca48 100644
--- a/packages/editor-ui/src/components/Node.vue
+++ b/packages/editor-ui/src/components/Node.vue
@@ -22,7 +22,7 @@
 					</span>
 				</div>
 
-				<div class="node-executing-info" :title="$i.baseText('node.nodeIsExecuting')">
+				<div class="node-executing-info" :title="$locale.baseText('node.nodeIsExecuting')">
 					<font-awesome-icon icon="sync-alt" spin />
 				</div>
 
@@ -37,20 +37,20 @@
 			</div>
 
 			<div class="node-options no-select-on-click" v-if="!isReadOnly" v-show="!hideActions">
-				<div v-touch:tap="deleteNode" class="option" :title="$i.baseText('node.deleteNode')" >
+				<div v-touch:tap="deleteNode" class="option" :title="$locale.baseText('node.deleteNode')" >
 
 					<font-awesome-icon icon="trash" />
 				</div>
-				<div v-touch:tap="disableNode" class="option" :title="$i.baseText('node.activateDeactivateNode')">
+				<div v-touch:tap="disableNode" class="option" :title="$locale.baseText('node.activateDeactivateNode')">
 					<font-awesome-icon :icon="nodeDisabledIcon" />
 				</div>
-				<div v-touch:tap="duplicateNode" class="option" :title="$i.baseText('node.duplicateNode')">
+				<div v-touch:tap="duplicateNode" class="option" :title="$locale.baseText('node.duplicateNode')">
 					<font-awesome-icon icon="clone" />
 				</div>
-				<div v-touch:tap="setNodeActive" class="option touch" :title="$i.baseText('node.editNode')" v-if="!isReadOnly">
+				<div v-touch:tap="setNodeActive" class="option touch" :title="$locale.baseText('node.editNode')" v-if="!isReadOnly">
 					<font-awesome-icon class="execute-icon" icon="cog" />
 				</div>
-				<div v-touch:tap="executeNode" class="option" :title="$i.baseText('node.executeNode')" v-if="!isReadOnly && !workflowRunning">
+				<div v-touch:tap="executeNode" class="option" :title="$locale.baseText('node.executeNode')" v-if="!isReadOnly && !workflowRunning">
 					<font-awesome-icon class="execute-icon" icon="play-circle" />
 				</div>
 			</div>
@@ -62,7 +62,7 @@
 					{{ nodeTitle }}
 				</p>
 				<p v-if="data.disabled">
-					({{ $i.baseText('node.disabled') }})
+					({{ $locale.baseText('node.disabled') }})
 				</p>
 			</div>
 			<div v-if="nodeSubtitle !== undefined" class="node-subtitle" :title="nodeSubtitle">
@@ -171,7 +171,7 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
 
 			const nodeIssues = NodeHelpers.nodeIssuesToString(this.data.issues, this.data);
 
-			return `${this.$i.baseText('node.issues')}:<br />&nbsp;&nbsp;- ` + nodeIssues.join('<br />&nbsp;&nbsp;- ');
+			return `${this.$locale.baseText('node.issues')}:<br />&nbsp;&nbsp;- ` + nodeIssues.join('<br />&nbsp;&nbsp;- ');
 		},
 		nodeDisabledIcon (): string {
 			if (this.data.disabled === false) {
@@ -197,11 +197,11 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
 			return returnStyles;
 		},
 		shortNodeType (): string {
-			return this.$i.shortNodeType(this.data.type);
+			return this.$locale.shortNodeType(this.data.type);
 		},
 		nodeTitle (): string {
 			if (this.data.name === 'Start') {
-				return this.$i.headerText({
+				return this.$locale.headerText({
 					key: `headers.start.displayName`,
 					fallback: 'Start',
 				});
@@ -217,9 +217,9 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
 				if (this.name === lastNodeExecuted) {
 					const waitDate = new Date(workflowExecution.waitTill);
 					if (waitDate.toISOString() === WAIT_TIME_UNLIMITED) {
-						return this.$i.baseText('node.theNodeIsWaitingIndefinitelyForAnIncomingWebhookCall');
+						return this.$locale.baseText('node.theNodeIsWaitingIndefinitelyForAnIncomingWebhookCall');
 					}
-					return this.$i.baseText(
+					return this.$locale.baseText(
 						'node.nodeIsWaitingTill',
 						{
 							interpolate: {
diff --git a/packages/editor-ui/src/components/NodeCreator/CategoryItem.vue b/packages/editor-ui/src/components/NodeCreator/CategoryItem.vue
index c4e0c0c2c5..dcf9bafe1b 100644
--- a/packages/editor-ui/src/components/NodeCreator/CategoryItem.vue
+++ b/packages/editor-ui/src/components/NodeCreator/CategoryItem.vue
@@ -27,7 +27,7 @@ export default Vue.extend({
 		renderCategoryName(categoryName: string) {
 			const key = `nodeCreator.categoryNames.${categoryName}`;
 
-			return this.$i.exists(key) ? this.$i.baseText(key) : categoryName;
+			return this.$locale.exists(key) ? this.$locale.baseText(key) : categoryName;
 		},
 	},
 });
diff --git a/packages/editor-ui/src/components/NodeCreator/MainPanel.vue b/packages/editor-ui/src/components/NodeCreator/MainPanel.vue
index 4ba548fd2d..dbff0d7584 100644
--- a/packages/editor-ui/src/components/NodeCreator/MainPanel.vue
+++ b/packages/editor-ui/src/components/NodeCreator/MainPanel.vue
@@ -11,9 +11,9 @@
 			/>
 			<div class="type-selector">
 				<el-tabs v-model="selectedType" stretch>
-					<el-tab-pane :label="$i.baseText('nodeCreator.mainPanel.all')" :name="ALL_NODE_FILTER"></el-tab-pane>
-					<el-tab-pane :label="$i.baseText('nodeCreator.mainPanel.regular')" :name="REGULAR_NODE_FILTER"></el-tab-pane>
-					<el-tab-pane :label="$i.baseText('nodeCreator.mainPanel.trigger')" :name="TRIGGER_NODE_FILTER"></el-tab-pane>
+					<el-tab-pane :label="$locale.baseText('nodeCreator.mainPanel.all')" :name="ALL_NODE_FILTER"></el-tab-pane>
+					<el-tab-pane :label="$locale.baseText('nodeCreator.mainPanel.regular')" :name="REGULAR_NODE_FILTER"></el-tab-pane>
+					<el-tab-pane :label="$locale.baseText('nodeCreator.mainPanel.trigger')" :name="TRIGGER_NODE_FILTER"></el-tab-pane>
 				</el-tabs>
 			</div>
 			<div v-if="searchFilter.length === 0" class="scrollable">
diff --git a/packages/editor-ui/src/components/NodeCreator/NoResults.vue b/packages/editor-ui/src/components/NodeCreator/NoResults.vue
index 4f7762bee5..42b156e5e3 100644
--- a/packages/editor-ui/src/components/NodeCreator/NoResults.vue
+++ b/packages/editor-ui/src/components/NodeCreator/NoResults.vue
@@ -5,30 +5,30 @@
 		</div>
 		<div class="title">
 			<div>
-				{{ $i.baseText('nodeCreator.noResults.weDidntMakeThatYet') }}
+				{{ $locale.baseText('nodeCreator.noResults.weDidntMakeThatYet') }}
 			</div>
 			<div class="action">
-				{{ $i.baseText('nodeCreator.noResults.dontWorryYouCanProbablyDoItWithThe') }}
-				<a @click="selectHttpRequest">{{ $i.baseText('nodeCreator.noResults.httpRequest') }}</a> or
-				<a @click="selectWebhook">{{ $i.baseText('nodeCreator.noResults.webhook') }}</a> {{ $i.baseText('nodeCreator.noResults.node') }}
+				{{ $locale.baseText('nodeCreator.noResults.dontWorryYouCanProbablyDoItWithThe') }}
+				<a @click="selectHttpRequest">{{ $locale.baseText('nodeCreator.noResults.httpRequest') }}</a> or
+				<a @click="selectWebhook">{{ $locale.baseText('nodeCreator.noResults.webhook') }}</a> {{ $locale.baseText('nodeCreator.noResults.node') }}
 			</div>
 		</div>
 
 		<div class="request">
 			<div>
-				{{ $i.baseText('nodeCreator.noResults.wantUsToMakeItFaster') }}
+				{{ $locale.baseText('nodeCreator.noResults.wantUsToMakeItFaster') }}
 			</div>
 			<div>
 				<a
 					:href="REQUEST_NODE_FORM_URL"
 					target="_blank"
 				>
-					<span>{{ $i.baseText('nodeCreator.noResults.requestTheNode') }}</span>&nbsp;
+					<span>{{ $locale.baseText('nodeCreator.noResults.requestTheNode') }}</span>&nbsp;
 					<span>
 						<font-awesome-icon
 							class="external"
 							icon="external-link-alt"
-							:title="$i.baseText('nodeCreator.noResults.requestTheNode')"
+							:title="$locale.baseText('nodeCreator.noResults.requestTheNode')"
 						/>
 					</span>
 				</a>
diff --git a/packages/editor-ui/src/components/NodeCreator/NodeItem.vue b/packages/editor-ui/src/components/NodeCreator/NodeItem.vue
index ddb77edc47..d7372c8653 100644
--- a/packages/editor-ui/src/components/NodeCreator/NodeItem.vue
+++ b/packages/editor-ui/src/components/NodeCreator/NodeItem.vue
@@ -4,7 +4,7 @@
 		<div>
 			<div :class="$style.details">
 				<span :class="$style.name">
-					{{ $i.headerText({
+					{{ $locale.headerText({
 							key: `headers.${shortNodeType}.displayName`,
 							fallback: nodeType.displayName,
 						})
@@ -15,7 +15,7 @@
 				</span>
 			</div>
 			<div :class="$style.description">
-				{{ $i.headerText({
+				{{ $locale.headerText({
 						key: `headers.${shortNodeType}.description`,
 						fallback: nodeType.description,
 					})
@@ -46,7 +46,7 @@ export default Vue.extend({
 	],
 	computed: {
 		shortNodeType() {
-			return this.$i.shortNodeType(this.nodeType.name);
+			return this.$locale.shortNodeType(this.nodeType.name);
 		},
 	},
 	// @ts-ignore
diff --git a/packages/editor-ui/src/components/NodeCreator/SearchBar.vue b/packages/editor-ui/src/components/NodeCreator/SearchBar.vue
index d1477f118a..531e608e72 100644
--- a/packages/editor-ui/src/components/NodeCreator/SearchBar.vue
+++ b/packages/editor-ui/src/components/NodeCreator/SearchBar.vue
@@ -5,7 +5,7 @@
 		</div>
 		<div class="text">
 			<input
-				:placeholder="$i.baseText('nodeCreator.searchBar.searchNodes')"
+				:placeholder="$locale.baseText('nodeCreator.searchBar.searchNodes')"
 				ref="input"
 				:value="value"
 				@input="onInput"
diff --git a/packages/editor-ui/src/components/NodeCreator/SubcategoryItem.vue b/packages/editor-ui/src/components/NodeCreator/SubcategoryItem.vue
index 537b89a42c..547de84dea 100644
--- a/packages/editor-ui/src/components/NodeCreator/SubcategoryItem.vue
+++ b/packages/editor-ui/src/components/NodeCreator/SubcategoryItem.vue
@@ -2,10 +2,10 @@
 	<div :class="$style.subcategory">
 		<div :class="$style.details">
 			<div :class="$style.title">
-				{{ $i.baseText(`nodeCreator.subcategoryNames.${subcategoryName}`) }}
+				{{ $locale.baseText(`nodeCreator.subcategoryNames.${subcategoryName}`) }}
 			</div>
 			<div v-if="item.properties.description" :class="$style.description">
-				{{ $i.baseText(`nodeCreator.subcategoryDescriptions.${subcategoryDescription}`) }}
+				{{ $locale.baseText(`nodeCreator.subcategoryDescriptions.${subcategoryDescription}`) }}
 			</div>
 		</div>
 		<div :class="$style.action">
diff --git a/packages/editor-ui/src/components/NodeCreator/SubcategoryPanel.vue b/packages/editor-ui/src/components/NodeCreator/SubcategoryPanel.vue
index b23daa9ed2..f7d16d5255 100644
--- a/packages/editor-ui/src/components/NodeCreator/SubcategoryPanel.vue
+++ b/packages/editor-ui/src/components/NodeCreator/SubcategoryPanel.vue
@@ -5,7 +5,7 @@
 				<font-awesome-icon class="back-arrow" icon="arrow-left" />
 			</div>
 			<span>
-				{{ $i.baseText(`nodeCreator.subcategoryNames.${subcategoryName}`) }}
+				{{ $locale.baseText(`nodeCreator.subcategoryNames.${subcategoryName}`) }}
 			</span>
 		</div>
 
diff --git a/packages/editor-ui/src/components/NodeCredentials.vue b/packages/editor-ui/src/components/NodeCredentials.vue
index 75f5f79360..a9171957ad 100644
--- a/packages/editor-ui/src/components/NodeCredentials.vue
+++ b/packages/editor-ui/src/components/NodeCredentials.vue
@@ -2,7 +2,7 @@
 	<div v-if="credentialTypesNodeDescriptionDisplayed.length" :class="$style.container">
 		<div v-for="credentialTypeDescription in credentialTypesNodeDescriptionDisplayed" :key="credentialTypeDescription.name">
 			<n8n-input-label
-				:label="$i.baseText(
+				:label="$locale.baseText(
 					'nodeCredentials.credentialFor',
 					{
 						interpolate: {
@@ -20,7 +20,7 @@
 				</div>
 
 				<div :class="issues.length ? $style.hasIssues : $style.input" v-else >
-					<n8n-select :value="getSelectedId(credentialTypeDescription.name)" @change="(value) => onCredentialSelected(credentialTypeDescription.name, value)" :placeholder="$i.baseText('nodeCredentials.selectCredential')" size="small">
+					<n8n-select :value="getSelectedId(credentialTypeDescription.name)" @change="(value) => onCredentialSelected(credentialTypeDescription.name, value)" :placeholder="$locale.baseText('nodeCredentials.selectCredential')" size="small">
 						<n8n-option
 							v-for="(item) in credentialOptions[credentialTypeDescription.name]"
 							:key="item.id"
@@ -37,13 +37,13 @@
 
 					<div :class="$style.warning" v-if="issues.length">
 						<n8n-tooltip placement="top" >
-							<div slot="content" v-html="`${$i.baseText('nodeCredentials.issues')}:<br />&nbsp;&nbsp;- ` + issues.join('<br />&nbsp;&nbsp;- ')"></div>
+							<div slot="content" v-html="`${$locale.baseText('nodeCredentials.issues')}:<br />&nbsp;&nbsp;- ` + issues.join('<br />&nbsp;&nbsp;- ')"></div>
 							<font-awesome-icon icon="exclamation-triangle" />
 						</n8n-tooltip>
 					</div>
 
 					<div :class="$style.edit" v-if="selected[credentialTypeDescription.name] && isCredentialExisting(credentialTypeDescription.name)">
-						<font-awesome-icon icon="pen" @click="editCredential(credentialTypeDescription.name)" class="clickable" :title="$i.baseText('nodeCredentials.updateCredential')" />
+						<font-awesome-icon icon="pen" @click="editCredential(credentialTypeDescription.name)" class="clickable" :title="$locale.baseText('nodeCredentials.updateCredential')" />
 					</div>
 				</div>
 			</n8n-input-label>
@@ -85,7 +85,7 @@ export default mixins(
 	],
 	data () {
 		return {
-			NEW_CREDENTIALS_TEXT: `- ${this.$i.baseText('nodeCredentials.createNew')} -`,
+			NEW_CREDENTIALS_TEXT: `- ${this.$locale.baseText('nodeCredentials.createNew')} -`,
 			newCredentialUnsubscribe: null as null | (() => void),
 		};
 	},
@@ -215,8 +215,8 @@ export default mixins(
 				});
 				this.updateNodesCredentialsIssues();
 				this.$showMessage({
-					title: this.$i.baseText('nodeCredentials.showMessage.title'),
-					message: this.$i.baseText(
+					title: this.$locale.baseText('nodeCredentials.showMessage.title'),
+					message: this.$locale.baseText(
 						'nodeCredentials.showMessage.message',
 						{
 							interpolate: {
diff --git a/packages/editor-ui/src/components/NodeSettings.vue b/packages/editor-ui/src/components/NodeSettings.vue
index 7f9f3ce86c..7968e80b91 100644
--- a/packages/editor-ui/src/components/NodeSettings.vue
+++ b/packages/editor-ui/src/components/NodeSettings.vue
@@ -5,7 +5,7 @@
 				<display-with-change :key-name="'name'" @valueChanged="valueChanged"></display-with-change>
 				<a v-if="nodeType" :href="'http://n8n.io/nodes/' + nodeType.name" target="_blank" class="node-info">
 					<n8n-tooltip class="clickable" placement="top" >
-						<div slot="content" v-html="`<strong>${$i.baseText('nodeSettings.nodeDescription')}:</strong><br />` + nodeTypeDescription + `<br /><br /><strong>${$i.baseText('nodeSettings.clickOnTheQuestionMarkIcon')}</strong>`"></div>
+						<div slot="content" v-html="`<strong>${$locale.baseText('nodeSettings.nodeDescription')}:</strong><br />` + nodeTypeDescription + `<br /><br /><strong>${$locale.baseText('nodeSettings.clickOnTheQuestionMarkIcon')}</strong>`"></div>
 						<font-awesome-icon icon="question-circle" />
 					</n8n-tooltip>
 				</a>
@@ -14,7 +14,7 @@
 		<div class="node-is-not-valid" v-if="node && !nodeValid">
 			<n8n-text>
 				{{
-					$i.baseText(
+					$locale.baseText(
 						'nodeSettings.theNodeIsNotValidAsItsTypeIsUnknown',
 						{ interpolate: { nodeType: node.type } },
 					)
@@ -23,17 +23,17 @@
 		</div>
 		<div class="node-parameters-wrapper" v-if="node && nodeValid">
 			<el-tabs stretch @tab-click="handleTabClick">
-				<el-tab-pane :label="$i.baseText('nodeSettings.parameters')">
+				<el-tab-pane :label="$locale.baseText('nodeSettings.parameters')">
 					<node-credentials :node="node" @credentialSelected="credentialSelected"></node-credentials>
 					<node-webhooks :node="node" :nodeType="nodeType" />
 					<parameter-input-list :parameters="parametersNoneSetting" :hideDelete="true" :nodeValues="nodeValues" path="parameters" @valueChanged="valueChanged" />
 					<div v-if="parametersNoneSetting.length === 0" class="no-parameters">
 						<n8n-text>
-						{{ $i.baseText('nodeSettings.thisNodeDoesNotHaveAnyParameters') }}
+						{{ $locale.baseText('nodeSettings.thisNodeDoesNotHaveAnyParameters') }}
 						</n8n-text>
 					</div>
 				</el-tab-pane>
-				<el-tab-pane :label="$i.baseText('nodeSettings.settings')">
+				<el-tab-pane :label="$locale.baseText('nodeSettings.settings')">
 					<parameter-input-list :parameters="nodeSettings" :hideDelete="true" :nodeValues="nodeValues" path="" @valueChanged="valueChanged" />
 					<parameter-input-list :parameters="parametersSetting" :nodeValues="nodeValues" path="parameters" @valueChanged="valueChanged" />
 				</el-tab-pane>
@@ -97,9 +97,9 @@ export default mixins(
 			},
 			nodeTypeName(): string {
 				if (this.nodeType) {
-					const shortNodeType = this.$i.shortNodeType(this.nodeType.name);
+					const shortNodeType = this.$locale.shortNodeType(this.nodeType.name);
 
-					return this.$i.headerText({
+					return this.$locale.headerText({
 						key: `headers.${shortNodeType}.displayName`,
 						fallback: this.nodeType.name,
 					});
@@ -109,14 +109,14 @@ export default mixins(
 			},
 			nodeTypeDescription (): string {
 				if (this.nodeType && this.nodeType.description) {
-					const shortNodeType = this.$i.shortNodeType(this.nodeType.name);
+					const shortNodeType = this.$locale.shortNodeType(this.nodeType.name);
 
-					return this.$i.headerText({
+					return this.$locale.headerText({
 						key: `headers.${shortNodeType}.description`,
 						fallback: this.nodeType.description,
 					});
 				} else {
-					return this.$i.baseText('nodeSettings.noDescriptionFound');
+					return this.$locale.baseText('nodeSettings.noDescriptionFound');
 				}
 			},
 			headerStyle (): object {
@@ -171,7 +171,7 @@ export default mixins(
 
 				nodeSettings: [
 					{
-						displayName: this.$i.baseText('nodeSettings.notes.displayName'),
+						displayName: this.$locale.baseText('nodeSettings.notes.displayName'),
 						name: 'notes',
 						type: 'string',
 						typeOptions: {
@@ -179,50 +179,50 @@ export default mixins(
 						},
 						default: '',
 						noDataExpression: true,
-						description: this.$i.baseText('nodeSettings.notes.description'),
+						description: this.$locale.baseText('nodeSettings.notes.description'),
 					},
 					{
-						displayName: this.$i.baseText('nodeSettings.notesInFlow.displayName'),
+						displayName: this.$locale.baseText('nodeSettings.notesInFlow.displayName'),
 						name: 'notesInFlow',
 						type: 'boolean',
 						default: false,
 						noDataExpression: true,
-						description: this.$i.baseText('nodeSettings.notesInFlow.description'),
+						description: this.$locale.baseText('nodeSettings.notesInFlow.description'),
 					},
 					{
-						displayName: this.$i.baseText('nodeSettings.color.displayName'),
+						displayName: this.$locale.baseText('nodeSettings.color.displayName'),
 						name: 'color',
 						type: 'color',
 						default: '#ff0000',
 						noDataExpression: true,
-						description: this.$i.baseText('nodeSettings.color.description'),
+						description: this.$locale.baseText('nodeSettings.color.description'),
 					},
 					{
-						displayName: this.$i.baseText('nodeSettings.alwaysOutputData.displayName'),
+						displayName: this.$locale.baseText('nodeSettings.alwaysOutputData.displayName'),
 						name: 'alwaysOutputData',
 						type: 'boolean',
 						default: false,
 						noDataExpression: true,
-						description: this.$i.baseText('nodeSettings.alwaysOutputData.description'),
+						description: this.$locale.baseText('nodeSettings.alwaysOutputData.description'),
 					},
 					{
-						displayName: this.$i.baseText('nodeSettings.executeOnce.displayName'),
+						displayName: this.$locale.baseText('nodeSettings.executeOnce.displayName'),
 						name: 'executeOnce',
 						type: 'boolean',
 						default: false,
 						noDataExpression: true,
-						description: this.$i.baseText('nodeSettings.executeOnce.description'),
+						description: this.$locale.baseText('nodeSettings.executeOnce.description'),
 					},
 					{
-						displayName: this.$i.baseText('nodeSettings.retryOnFail.displayName'),
+						displayName: this.$locale.baseText('nodeSettings.retryOnFail.displayName'),
 						name: 'retryOnFail',
 						type: 'boolean',
 						default: false,
 						noDataExpression: true,
-						description: this.$i.baseText('nodeSettings.retryOnFail.description'),
+						description: this.$locale.baseText('nodeSettings.retryOnFail.description'),
 					},
 					{
-						displayName: this.$i.baseText('nodeSettings.maxTries.displayName'),
+						displayName: this.$locale.baseText('nodeSettings.maxTries.displayName'),
 						name: 'maxTries',
 						type: 'number',
 						typeOptions: {
@@ -238,10 +238,10 @@ export default mixins(
 							},
 						},
 						noDataExpression: true,
-						description: this.$i.baseText('nodeSettings.maxTries.description'),
+						description: this.$locale.baseText('nodeSettings.maxTries.description'),
 					},
 					{
-						displayName: this.$i.baseText('nodeSettings.waitBetweenTries.displayName'),
+						displayName: this.$locale.baseText('nodeSettings.waitBetweenTries.displayName'),
 						name: 'waitBetweenTries',
 						type: 'number',
 						typeOptions: {
@@ -257,15 +257,15 @@ export default mixins(
 							},
 						},
 						noDataExpression: true,
-						description: this.$i.baseText('nodeSettings.waitBetweenTries.description'),
+						description: this.$locale.baseText('nodeSettings.waitBetweenTries.description'),
 					},
 					{
-						displayName: this.$i.baseText('nodeSettings.continueOnFail.displayName'),
+						displayName: this.$locale.baseText('nodeSettings.continueOnFail.displayName'),
 						name: 'continueOnFail',
 						type: 'boolean',
 						default: false,
 						noDataExpression: true,
-						description: this.$i.baseText('nodeSettings.continueOnFail.description'),
+						description: this.$locale.baseText('nodeSettings.continueOnFail.description'),
 					},
 				] as INodeProperties[],
 
diff --git a/packages/editor-ui/src/components/NodeWebhooks.vue b/packages/editor-ui/src/components/NodeWebhooks.vue
index 7669b1cbe3..38372e7152 100644
--- a/packages/editor-ui/src/components/NodeWebhooks.vue
+++ b/packages/editor-ui/src/components/NodeWebhooks.vue
@@ -1,8 +1,8 @@
 <template>
 	<div v-if="webhooksNode.length" class="webhoooks">
-		<div class="clickable headline" :class="{expanded: !isMinimized}" @click="isMinimized=!isMinimized" :title="isMinimized ? $i.baseText('nodeWebhooks.clickToDisplayWebhookUrls') : $i.baseText('nodeWebhooks.clickToHideWebhookUrls')">
+		<div class="clickable headline" :class="{expanded: !isMinimized}" @click="isMinimized=!isMinimized" :title="isMinimized ? $locale.baseText('nodeWebhooks.clickToDisplayWebhookUrls') : $locale.baseText('nodeWebhooks.clickToHideWebhookUrls')">
 			<font-awesome-icon icon="angle-down" class="minimize-button minimize-icon" />
-			{{ $i.baseText('nodeWebhooks.webhookUrls') }}
+			{{ $locale.baseText('nodeWebhooks.webhookUrls') }}
 		</div>
 		<el-collapse-transition>
 			<div class="node-webhooks" v-if="!isMinimized">
@@ -10,14 +10,14 @@
 					<el-row>
 						<el-col :span="24">
 							<el-radio-group v-model="showUrlFor" size="mini">
-								<el-radio-button label="test">{{ $i.baseText('nodeWebhooks.testUrl') }}</el-radio-button>
-								<el-radio-button label="production">{{ $i.baseText('nodeWebhooks.productionUrl') }}</el-radio-button>
+								<el-radio-button label="test">{{ $locale.baseText('nodeWebhooks.testUrl') }}</el-radio-button>
+								<el-radio-button label="production">{{ $locale.baseText('nodeWebhooks.productionUrl') }}</el-radio-button>
 							</el-radio-group>
 						</el-col>
 					</el-row>
 				</div>
 
-				<n8n-tooltip v-for="(webhook, index) in webhooksNode" :key="index" class="item"  :content="$i.baseText('nodeWebhooks.clickToCopyWebhookUrls')" placement="left">
+				<n8n-tooltip v-for="(webhook, index) in webhooksNode" :key="index" class="item"  :content="$locale.baseText('nodeWebhooks.clickToCopyWebhookUrls')" placement="left">
 					<div class="webhook-wrapper">
 							<div class="http-field">
 								<div class="http-method">
@@ -83,8 +83,8 @@ export default mixins(
 				this.copyToClipboard(webhookUrl);
 
 				this.$showMessage({
-					title: this.$i.baseText('nodeWebhooks.showMessage.title'),
-					message: this.$i.baseText('nodeWebhooks.showMessage.message'),
+					title: this.$locale.baseText('nodeWebhooks.showMessage.title'),
+					message: this.$locale.baseText('nodeWebhooks.showMessage.message'),
 					type: 'success',
 				});
 			},
@@ -95,7 +95,7 @@ export default mixins(
 				try {
 					return this.resolveExpression(webhookData[key] as string) as string;
 				} catch (e) {
-					return this.$i.baseText('nodeWebhooks.invalidExpression');
+					return this.$locale.baseText('nodeWebhooks.invalidExpression');
 				}
 			},
 			getWebhookUrl (webhookData: IWebhookDescription): string {
diff --git a/packages/editor-ui/src/components/ParameterInput.vue b/packages/editor-ui/src/components/ParameterInput.vue
index bdd7523af6..e4cfd87441 100644
--- a/packages/editor-ui/src/components/ParameterInput.vue
+++ b/packages/editor-ui/src/components/ParameterInput.vue
@@ -38,7 +38,7 @@
 				:placeholder="isValueExpression ? '' : getPlaceholder()"
 			>
 				<div slot="suffix" class="expand-input-icon-container">
-					<font-awesome-icon v-if="!isValueExpression && !isReadOnly" icon="external-link-alt" class="edit-window-button clickable" :title="$i.baseText('parameterInput.openEditWindow')" @click="displayEditDialog()" />
+					<font-awesome-icon v-if="!isValueExpression && !isReadOnly" icon="external-link-alt" class="edit-window-button clickable" :title="$locale.baseText('parameterInput.openEditWindow')" @click="displayEditDialog()" />
 				</div>
 			</n8n-input>
 		</div>
@@ -78,7 +78,7 @@
 			:value="displayValue"
 			:title="displayTitle"
 			:disabled="isReadOnly"
-			:placeholder="parameter.placeholder ? getPlaceholder() : $i.baseText('parameterInput.selectDateAndTime')"
+			:placeholder="parameter.placeholder ? getPlaceholder() : $locale.baseText('parameterInput.selectDateAndTime')"
 			:picker-options="dateTimePickerOptions"
 			@change="valueChanged"
 			@focus="setFocus"
@@ -171,7 +171,7 @@
 
 	<div class="parameter-issues" v-if="getIssues.length">
 		<n8n-tooltip placement="top" >
-			<div slot="content" v-html="`${$i.baseText('parameterInput.issues')}:<br />&nbsp;&nbsp;- ` + getIssues.join('<br />&nbsp;&nbsp;- ')"></div>
+			<div slot="content" v-html="`${$locale.baseText('parameterInput.issues')}:<br />&nbsp;&nbsp;- ` + getIssues.join('<br />&nbsp;&nbsp;- ')"></div>
 			<font-awesome-icon icon="exclamation-triangle" />
 		</n8n-tooltip>
 	</div>
@@ -179,13 +179,13 @@
 	<div class="parameter-options" v-if="displayOptionsComputed">
 			<el-dropdown trigger="click" @command="optionSelected" size="mini">
 				<span class="el-dropdown-link">
-					<font-awesome-icon icon="cogs" class="reset-icon clickable" :title="$i.baseText('parameterInput.parameterOptions')"/>
+					<font-awesome-icon icon="cogs" class="reset-icon clickable" :title="$locale.baseText('parameterInput.parameterOptions')"/>
 				</span>
 				<el-dropdown-menu slot="dropdown">
-					<el-dropdown-item command="addExpression" v-if="parameter.noDataExpression !== true && !isValueExpression">{{ $i.baseText('parameterInput.addExpression') }}</el-dropdown-item>
-					<el-dropdown-item command="removeExpression" v-if="parameter.noDataExpression !== true && isValueExpression">{{ $i.baseText('parameterInput.removeExpression') }}</el-dropdown-item>
-					<el-dropdown-item command="refreshOptions" v-if="Boolean(remoteMethod)">{{ $i.baseText('parameterInput.refreshList') }}</el-dropdown-item>
-					<el-dropdown-item command="resetValue" :disabled="isDefault" divided>{{ $i.baseText('parameterInput.resetValue') }}</el-dropdown-item>
+					<el-dropdown-item command="addExpression" v-if="parameter.noDataExpression !== true && !isValueExpression">{{ $locale.baseText('parameterInput.addExpression') }}</el-dropdown-item>
+					<el-dropdown-item command="removeExpression" v-if="parameter.noDataExpression !== true && isValueExpression">{{ $locale.baseText('parameterInput.removeExpression') }}</el-dropdown-item>
+					<el-dropdown-item command="refreshOptions" v-if="Boolean(remoteMethod)">{{ $locale.baseText('parameterInput.refreshList') }}</el-dropdown-item>
+					<el-dropdown-item command="resetValue" :disabled="isDefault" divided>{{ $locale.baseText('parameterInput.resetValue') }}</el-dropdown-item>
 				</el-dropdown-menu>
 			</el-dropdown>
 	</div>
@@ -331,23 +331,23 @@ export default mixins(
 				const interpolation = { interpolate: { shortPath: this.shortPath } };
 
 				if (this.getIssues.length && this.isValueExpression) {
-					return this.$i.baseText(
+					return this.$locale.baseText(
 						'parameterInput.parameterHasIssuesAndExpression',
 						interpolation,
 					);
 				} else if (this.getIssues.length && !this.isValueExpression) {
-					return this.$i.baseText(
+					return this.$locale.baseText(
 						'parameterInput.parameterHasIssues',
 						interpolation,
 					);
 				} else if (!this.getIssues.length && this.isValueExpression) {
-					return this.$i.baseText(
+					return this.$locale.baseText(
 						'parameterInput.parameterHasExpression',
 						interpolation,
 					);
 				}
 
-				return this.$i.baseText('parameterInput.parameter', interpolation);
+				return this.$locale.baseText('parameterInput.parameter', interpolation);
 			},
 			displayValue (): string | number | boolean | null {
 				if (this.remoteParameterOptionsLoading === true) {
@@ -355,7 +355,7 @@ export default mixins(
 					// to user that the data is loading. If not it would
 					// display the user the key instead of the value it
 					// represents
-					return this.$i.baseText('parameterInput.loadingOptions');
+					return this.$locale.baseText('parameterInput.loadingOptions');
 				}
 
 				let returnValue;
@@ -424,7 +424,7 @@ export default mixins(
 				try {
 					computedValue = this.resolveExpression(this.value) as NodeParameterValue;
 				} catch (error) {
-					computedValue = `[${this.$i.baseText('parameterInput.error')}}: ${error.message}]`;
+					computedValue = `[${this.$locale.baseText('parameterInput.error')}}: ${error.message}]`;
 				}
 
 				// Try to convert it into the corret type
@@ -570,18 +570,18 @@ export default mixins(
 		methods: {
 			getPlaceholder(): string {
 				return this.isForCredential
-					? this.$i.credText().placeholder(this.parameter)
-					: this.$i.nodeText().placeholder(this.parameter);
+					? this.$locale.credText().placeholder(this.parameter)
+					: this.$locale.nodeText().placeholder(this.parameter);
 			},
 			getOptionsOptionDisplayName(option: { value: string; name: string }): string {
 				return this.isForCredential
-					? this.$i.credText().optionsOptionDisplayName(this.parameter, option)
-					: this.$i.nodeText().optionsOptionDisplayName(this.parameter, option);
+					? this.$locale.credText().optionsOptionDisplayName(this.parameter, option)
+					: this.$locale.nodeText().optionsOptionDisplayName(this.parameter, option);
 			},
 			getOptionsOptionDescription(option: { value: string; description: string }): string {
 				return this.isForCredential
-					? this.$i.credText().optionsOptionDescription(this.parameter, option)
-					: this.$i.nodeText().optionsOptionDescription(this.parameter, option);
+					? this.$locale.credText().optionsOptionDescription(this.parameter, option)
+					: this.$locale.nodeText().optionsOptionDescription(this.parameter, option);
 			},
 
 			async loadRemoteParameterOptions () {
diff --git a/packages/editor-ui/src/components/ParameterInputExpanded.vue b/packages/editor-ui/src/components/ParameterInputExpanded.vue
index ec31ef3b0c..8d8133f001 100644
--- a/packages/editor-ui/src/components/ParameterInputExpanded.vue
+++ b/packages/editor-ui/src/components/ParameterInputExpanded.vue
@@ -1,7 +1,7 @@
 <template>
 	<n8n-input-label
-		:label="$i.credText().topParameterDisplayName(parameter)"
-		:tooltipText="$i.credText().topParameterDescription(parameter)"
+		:label="$locale.credText().topParameterDisplayName(parameter)"
+		:tooltipText="$locale.credText().topParameterDescription(parameter)"
 		:required="parameter.required"
 		:showTooltip="focused"
 	>
@@ -21,7 +21,7 @@
 			inputSize="large"
 		/>
 		<div class="errors" v-if="showRequiredErrors">
-			{{ $i.baseText('parameterInputExpanded.thisFieldIsRequired') }} <a v-if="documentationUrl" :href="documentationUrl" target="_blank" @click="onDocumentationUrlClick">{{ $i.baseText('parameterInputExpanded.openDocs') }}</a>
+			{{ $locale.baseText('parameterInputExpanded.thisFieldIsRequired') }} <a v-if="documentationUrl" :href="documentationUrl" target="_blank" @click="onDocumentationUrlClick">{{ $locale.baseText('parameterInputExpanded.openDocs') }}</a>
 		</div>
 	</n8n-input-label>
 </template>
diff --git a/packages/editor-ui/src/components/ParameterInputFull.vue b/packages/editor-ui/src/components/ParameterInputFull.vue
index 5065573ba6..decb4cbe1e 100644
--- a/packages/editor-ui/src/components/ParameterInputFull.vue
+++ b/packages/editor-ui/src/components/ParameterInputFull.vue
@@ -1,7 +1,7 @@
 <template>
 	<n8n-input-label
-		:label="$i.nodeText().topParameterDisplayName(parameter)"
-		:tooltipText="$i.nodeText().topParameterDescription(parameter)"
+		:label="$locale.nodeText().topParameterDisplayName(parameter)"
+		:tooltipText="$locale.nodeText().topParameterDescription(parameter)"
 		:showTooltip="focused"
 		:bold="false"
 		size="small"
diff --git a/packages/editor-ui/src/components/ParameterInputList.vue b/packages/editor-ui/src/components/ParameterInputList.vue
index 6406ec7812..697ef1fd48 100644
--- a/packages/editor-ui/src/components/ParameterInputList.vue
+++ b/packages/editor-ui/src/components/ParameterInputList.vue
@@ -16,7 +16,7 @@
 
 			<div v-else-if="parameter.type === 'notice'" class="parameter-item parameter-notice">
 				<n8n-text size="small">
-					<span v-html="$i.nodeText().topParameterDisplayName(parameter)"></span>
+					<span v-html="$locale.nodeText().topParameterDisplayName(parameter)"></span>
 				</n8n-text>
 			</div>
 
@@ -24,17 +24,17 @@
 				v-else-if="['collection', 'fixedCollection'].includes(parameter.type)"
 				class="multi-parameter"
 			>
-				<div class="delete-option clickable" :title="$i.baseText('parameterInputList.delete')" v-if="hideDelete !== true && !isReadOnly">
+				<div class="delete-option clickable" :title="$locale.baseText('parameterInputList.delete')" v-if="hideDelete !== true && !isReadOnly">
 					<font-awesome-icon
 						icon="trash"
 						class="reset-icon clickable"
-						:title="$i.baseText('parameterInputList.parameterOptions')"
+						:title="$locale.baseText('parameterInputList.parameterOptions')"
 						@click="deleteOption(parameter.name)"
 					/>
 				</div>
 				<n8n-input-label
-					:label="$i.nodeText().topParameterDisplayName(parameter)"
-					:tooltipText="$i.nodeText().topParameterDescription(parameter)"
+					:label="$locale.nodeText().topParameterDisplayName(parameter)"
+					:tooltipText="$locale.nodeText().topParameterDescription(parameter)"
 					size="small"
 					:underline="true"
 					:labelHoverableOnly="true"
@@ -59,11 +59,11 @@
 			</div>
 
 			<div v-else-if="displayNodeParameter(parameter)" class="parameter-item">
-				<div class="delete-option clickable" :title="$i.baseText('parameterInputList.delete')" v-if="hideDelete !== true && !isReadOnly">
+				<div class="delete-option clickable" :title="$locale.baseText('parameterInputList.delete')" v-if="hideDelete !== true && !isReadOnly">
 					<font-awesome-icon
 						icon="trash"
 						class="reset-icon clickable"
-						:title="$i.baseText('parameterInputList.deleteParameter')"
+						:title="$locale.baseText('parameterInputList.deleteParameter')"
 						@click="deleteOption(parameter.name)"
 					/>
 				</div>
diff --git a/packages/editor-ui/src/components/PersonalizationModal.vue b/packages/editor-ui/src/components/PersonalizationModal.vue
index 1bb1987e4a..bd101018ac 100644
--- a/packages/editor-ui/src/components/PersonalizationModal.vue
+++ b/packages/editor-ui/src/components/PersonalizationModal.vue
@@ -1,8 +1,8 @@
 <template>
 	<Modal
 		:name="PERSONALIZATION_MODAL_KEY"
-		:title="!submitted? $i.baseText('personalizationModal.getStarted') : $i.baseText('personalizationModal.thanks')"
-		:subtitle="!submitted? $i.baseText('personalizationModal.theseQuestionsHelpUs') : ''"
+		:title="!submitted? $locale.baseText('personalizationModal.getStarted') : $locale.baseText('personalizationModal.thanks')"
+		:subtitle="!submitted? $locale.baseText('personalizationModal.theseQuestionsHelpUs') : ''"
 		:centerTitle="true"
 		:showClose="false"
 		:eventBus="modalBus"
@@ -14,11 +14,11 @@
 		<template v-slot:content>
 			<div v-if="submitted" :class="$style.submittedContainer">
 				<img :class="$style.demoImage" :src="baseUrl + 'suggestednodes.png'" />
-				<n8n-text>{{ $i.baseText('personalizationModal.lookOutForThingsMarked') }}</n8n-text>
+				<n8n-text>{{ $locale.baseText('personalizationModal.lookOutForThingsMarked') }}</n8n-text>
 			</div>
 			<div :class="$style.container" v-else>
-				<n8n-input-label :label="$i.baseText('personalizationModal.howAreYourCodingSkills')">
-					<n8n-select :value="values[CODING_SKILL_KEY]" :placeholder="$i.baseText('personalizationModal.select')" @change="(value) => values[CODING_SKILL_KEY] = value">
+				<n8n-input-label :label="$locale.baseText('personalizationModal.howAreYourCodingSkills')">
+					<n8n-select :value="values[CODING_SKILL_KEY]" :placeholder="$locale.baseText('personalizationModal.select')" @change="(value) => values[CODING_SKILL_KEY] = value">
 						<n8n-option
 							:label="baseText('personalizationModal.neverCoded')"
 							value="0"
@@ -46,76 +46,76 @@
 					</n8n-select>
 				</n8n-input-label>
 
-				<n8n-input-label :label="$i.baseText('personalizationModal.whichOfTheseAreasDoYouMainlyWorkIn')">
-					<n8n-select :value="values[WORK_AREA_KEY]" multiple :placeholder="$i.baseText('personalizationModal.select')" @change="(value) => onMultiInput(WORK_AREA_KEY, value)">
-						<n8n-option :value="FINANCE_WORK_AREA" :label="$i.baseText('personalizationModal.finance')" />
-						<n8n-option :value="HR_WORK_AREA" :label="$i.baseText('personalizationModal.hr')" />
-						<n8n-option :value="IT_ENGINEERING_WORK_AREA" :label="$i.baseText('personalizationModal.itEngineering')" />
-						<n8n-option :value="LEGAL_WORK_AREA" :label="$i.baseText('personalizationModal.legal')" />
-						<n8n-option :value="MARKETING_WORK_AREA" :label="$i.baseText('personalizationModal.marketing')" />
-						<n8n-option :value="OPS_WORK_AREA" :label="$i.baseText('personalizationModal.operations')" />
-						<n8n-option :value="PRODUCT_WORK_AREA" :label="$i.baseText('personalizationModal.product')" />
-						<n8n-option :value="SALES_BUSINESSDEV_WORK_AREA" :label="$i.baseText('personalizationModal.salesBizDev')" />
-						<n8n-option :value="SECURITY_WORK_AREA" :label="$i.baseText('personalizationModal.security')" />
-						<n8n-option :value="SUPPORT_WORK_AREA" :label="$i.baseText('personalizationModal.support')" />
-						<n8n-option :value="EXECUTIVE_WORK_AREA" :label="$i.baseText('personalizationModal.executiveTeam')" />
-						<n8n-option :value="OTHER_WORK_AREA_OPTION" :label="$i.baseText('personalizationModal.otherPleaseSpecify')" />
-						<n8n-option :value="NOT_APPLICABLE_WORK_AREA" :label="$i.baseText('personalizationModal.imNotUsingN8nForWork')" />
+				<n8n-input-label :label="$locale.baseText('personalizationModal.whichOfTheseAreasDoYouMainlyWorkIn')">
+					<n8n-select :value="values[WORK_AREA_KEY]" multiple :placeholder="$locale.baseText('personalizationModal.select')" @change="(value) => onMultiInput(WORK_AREA_KEY, value)">
+						<n8n-option :value="FINANCE_WORK_AREA" :label="$locale.baseText('personalizationModal.finance')" />
+						<n8n-option :value="HR_WORK_AREA" :label="$locale.baseText('personalizationModal.hr')" />
+						<n8n-option :value="IT_ENGINEERING_WORK_AREA" :label="$locale.baseText('personalizationModal.itEngineering')" />
+						<n8n-option :value="LEGAL_WORK_AREA" :label="$locale.baseText('personalizationModal.legal')" />
+						<n8n-option :value="MARKETING_WORK_AREA" :label="$locale.baseText('personalizationModal.marketing')" />
+						<n8n-option :value="OPS_WORK_AREA" :label="$locale.baseText('personalizationModal.operations')" />
+						<n8n-option :value="PRODUCT_WORK_AREA" :label="$locale.baseText('personalizationModal.product')" />
+						<n8n-option :value="SALES_BUSINESSDEV_WORK_AREA" :label="$locale.baseText('personalizationModal.salesBizDev')" />
+						<n8n-option :value="SECURITY_WORK_AREA" :label="$locale.baseText('personalizationModal.security')" />
+						<n8n-option :value="SUPPORT_WORK_AREA" :label="$locale.baseText('personalizationModal.support')" />
+						<n8n-option :value="EXECUTIVE_WORK_AREA" :label="$locale.baseText('personalizationModal.executiveTeam')" />
+						<n8n-option :value="OTHER_WORK_AREA_OPTION" :label="$locale.baseText('personalizationModal.otherPleaseSpecify')" />
+						<n8n-option :value="NOT_APPLICABLE_WORK_AREA" :label="$locale.baseText('personalizationModal.imNotUsingN8nForWork')" />
 					</n8n-select>
 				</n8n-input-label>
 				<n8n-input
 					v-if="otherWorkAreaFieldVisible"
 					:value="values[OTHER_WORK_AREA_KEY]"
-					:placeholder="$i.baseText('personalizationModal.specifyYourWorkArea')"
+					:placeholder="$locale.baseText('personalizationModal.specifyYourWorkArea')"
 					@input="(value) => values[OTHER_WORK_AREA_KEY] = value"
 				/>
 
 				<section v-if="showAllIndustryQuestions">
-					<n8n-input-label :label="$i.baseText('personalizationModal.whichIndustriesIsYourCompanyIn')">
-					<n8n-select :value="values[COMPANY_INDUSTRY_KEY]" multiple :placeholder="$i.baseText('personalizationModal.select')" @change="(value) => onMultiInput(COMPANY_INDUSTRY_KEY, value)">
-						<n8n-option :value="E_COMMERCE_INDUSTRY" :label="$i.baseText('personalizationModal.eCommerce')" />
-						<n8n-option :value="AUTOMATION_CONSULTING_INDUSTRY" :label="$i.baseText('personalizationModal.automationConsulting')" />
-						<n8n-option :value="SYSTEM_INTEGRATION_INDUSTRY" :label="$i.baseText('personalizationModal.systemsIntegration')" />
-						<n8n-option :value="GOVERNMENT_INDUSTRY" :label="$i.baseText('personalizationModal.government')" />
-						<n8n-option :value="LEGAL_INDUSTRY" :label="$i.baseText('personalizationModal.legal')" />
-						<n8n-option :value="HEALTHCARE_INDUSTRY" :label="$i.baseText('personalizationModal.healthcare')" />
-						<n8n-option :value="FINANCE_INDUSTRY" :label="$i.baseText('personalizationModal.finance')" />
-						<n8n-option :value="SECURITY_INDUSTRY" :label="$i.baseText('personalizationModal.security')" />
-						<n8n-option :value="SAAS_INDUSTRY" :label="$i.baseText('personalizationModal.saas')" />
-						<n8n-option :value="OTHER_INDUSTRY_OPTION" :label="$i.baseText('personalizationModal.otherPleaseSpecify')" />
+					<n8n-input-label :label="$locale.baseText('personalizationModal.whichIndustriesIsYourCompanyIn')">
+					<n8n-select :value="values[COMPANY_INDUSTRY_KEY]" multiple :placeholder="$locale.baseText('personalizationModal.select')" @change="(value) => onMultiInput(COMPANY_INDUSTRY_KEY, value)">
+						<n8n-option :value="E_COMMERCE_INDUSTRY" :label="$locale.baseText('personalizationModal.eCommerce')" />
+						<n8n-option :value="AUTOMATION_CONSULTING_INDUSTRY" :label="$locale.baseText('personalizationModal.automationConsulting')" />
+						<n8n-option :value="SYSTEM_INTEGRATION_INDUSTRY" :label="$locale.baseText('personalizationModal.systemsIntegration')" />
+						<n8n-option :value="GOVERNMENT_INDUSTRY" :label="$locale.baseText('personalizationModal.government')" />
+						<n8n-option :value="LEGAL_INDUSTRY" :label="$locale.baseText('personalizationModal.legal')" />
+						<n8n-option :value="HEALTHCARE_INDUSTRY" :label="$locale.baseText('personalizationModal.healthcare')" />
+						<n8n-option :value="FINANCE_INDUSTRY" :label="$locale.baseText('personalizationModal.finance')" />
+						<n8n-option :value="SECURITY_INDUSTRY" :label="$locale.baseText('personalizationModal.security')" />
+						<n8n-option :value="SAAS_INDUSTRY" :label="$locale.baseText('personalizationModal.saas')" />
+						<n8n-option :value="OTHER_INDUSTRY_OPTION" :label="$locale.baseText('personalizationModal.otherPleaseSpecify')" />
 					</n8n-select>
 				</n8n-input-label>
 				<n8n-input
 					v-if="otherCompanyIndustryFieldVisible"
 					:value="values[OTHER_COMPANY_INDUSTRY_KEY]"
-					:placeholder="$i.baseText('personalizationModal.specifyYourCompanysIndustry')"
+					:placeholder="$locale.baseText('personalizationModal.specifyYourCompanysIndustry')"
 					@input="(value) => values[OTHER_COMPANY_INDUSTRY_KEY] = value"
 				/>
 
-				<n8n-input-label :label="$i.baseText('personalizationModal.howBigIsYourCompany')">
+				<n8n-input-label :label="$locale.baseText('personalizationModal.howBigIsYourCompany')">
 					<n8n-select :value="values[COMPANY_SIZE_KEY]" placeholder="Select..." @change="(value) => values[COMPANY_SIZE_KEY] = value">
 						<n8n-option
-							:label="$i.baseText('personalizationModal.lessThan20People')"
+							:label="$locale.baseText('personalizationModal.lessThan20People')"
 							:value="COMPANY_SIZE_20_OR_LESS"
 						/>
 						<n8n-option
-							:label="`20-99 ${$i.baseText('personalizationModal.people')}`"
+							:label="`20-99 ${$locale.baseText('personalizationModal.people')}`"
 							:value="COMPANY_SIZE_20_99"
 						/>
 						<n8n-option
-							:label="`100-499 ${$i.baseText('personalizationModal.people')}`"
+							:label="`100-499 ${$locale.baseText('personalizationModal.people')}`"
 							:value="COMPANY_SIZE_100_499"
 						/>
 						<n8n-option
-							:label="`500-999 ${$i.baseText('personalizationModal.people')}`"
+							:label="`500-999 ${$locale.baseText('personalizationModal.people')}`"
 							:value="COMPANY_SIZE_500_999"
 						/>
 						<n8n-option
-							:label="`1000+ ${$i.baseText('personalizationModal.people')}`"
+							:label="`1000+ ${$locale.baseText('personalizationModal.people')}`"
 							:value="COMPANY_SIZE_1000_OR_MORE"
 						/>
 						<n8n-option
-							:label="$i.baseText('personalizationModal.imNotUsingN8nForWork')"
+							:label="$locale.baseText('personalizationModal.imNotUsingN8nForWork')"
 							:value="COMPANY_SIZE_PERSONAL_USE"
 						/>
 					</n8n-select>
@@ -126,8 +126,8 @@
 		</template>
 		<template v-slot:footer>
 			<div>
-				<n8n-button v-if="submitted" @click="closeDialog" :label="$i.baseText('personalizationModal.getStarted')" float="right" />
-				<n8n-button v-else @click="save" :loading="isSaving" :label="$i.baseText('personalizationModal.continue')" float="right" />
+				<n8n-button v-if="submitted" @click="closeDialog" :label="$locale.baseText('personalizationModal.getStarted')" float="right" />
+				<n8n-button v-else @click="save" :loading="isSaving" :label="$locale.baseText('personalizationModal.continue')" float="right" />
 			</div>
 		</template>
 	</Modal>
diff --git a/packages/editor-ui/src/components/PushConnectionTracker.vue b/packages/editor-ui/src/components/PushConnectionTracker.vue
index cf98910725..f8ac1bb2be 100644
--- a/packages/editor-ui/src/components/PushConnectionTracker.vue
+++ b/packages/editor-ui/src/components/PushConnectionTracker.vue
@@ -3,10 +3,10 @@
 		<div class="push-connection-lost primary-color" v-if="!pushConnectionActive">
 			<n8n-tooltip placement="bottom-end" >
 				<div slot="content">
-					{{ $i.baseText('pushConnectionTracker.cannotConnectToServer') }}
+					{{ $locale.baseText('pushConnectionTracker.cannotConnectToServer') }}
 				</div>
 				<span>
-					<font-awesome-icon icon="exclamation-triangle" />&nbsp; {{ $i.baseText('pushConnectionTracker.connectionLost') }}
+					<font-awesome-icon icon="exclamation-triangle" />&nbsp; {{ $locale.baseText('pushConnectionTracker.connectionLost') }}
 				</span>
 			</n8n-tooltip>
 		</div>
diff --git a/packages/editor-ui/src/components/RunData.vue b/packages/editor-ui/src/components/RunData.vue
index 1d85d94dc8..7e8285ec39 100644
--- a/packages/editor-ui/src/components/RunData.vue
+++ b/packages/editor-ui/src/components/RunData.vue
@@ -7,10 +7,10 @@
 			class="execute-node-button"
 		>
 			<n8n-button
-				:title="$i.baseText('runData.executesThisNodeAfterExecuting', { interpolate: { nodeName: node.name } })"
+				:title="$locale.baseText('runData.executesThisNodeAfterExecuting', { interpolate: { nodeName: node.name } })"
 				:loading="workflowRunning"
 				icon="play-circle"
-				:label="$i.baseText('runData.executeNode')"
+				:label="$locale.baseText('runData.executeNode')"
 				@click.stop="runWorkflow(node.name, 'RunData.ExecuteNodeButton')"
 			/>
 		</div>
@@ -18,10 +18,10 @@
 		<div class="header">
 			<div class="title-text">
 				<n8n-text :bold="true" v-if="dataCount < maxDisplayItems">
-					{{ $i.baseText('runData.items') }}: {{ dataCount }}
+					{{ $locale.baseText('runData.items') }}: {{ dataCount }}
 				</n8n-text>
 				<div v-else class="title-text">
-					<n8n-text :bold="true">{{ $i.baseText('runData.items') }}:</n8n-text>
+					<n8n-text :bold="true">{{ $locale.baseText('runData.items') }}:</n8n-text>
 					<span class="opts">
 						<n8n-select size="mini" v-model="maxDisplayItems" @click.stop>
 							<n8n-option v-for="option in maxDisplayItemsOptions" :label="option" :value="option" :key="option" />
@@ -34,13 +34,13 @@
 					placement="right"
 				>
 					<div slot="content">
-						<n8n-text :bold="true" size="small">{{ $i.baseText('runData.startTime') + ':' }}</n8n-text> {{runMetadata.startTime}}<br/>
-						<n8n-text :bold="true" size="small">{{ $i.baseText('runData.executionTime') + ':' }}</n8n-text> {{runMetadata.executionTime}} {{ $i.baseText('runData.ms') }}
+						<n8n-text :bold="true" size="small">{{ $locale.baseText('runData.startTime') + ':' }}</n8n-text> {{runMetadata.startTime}}<br/>
+						<n8n-text :bold="true" size="small">{{ $locale.baseText('runData.executionTime') + ':' }}</n8n-text> {{runMetadata.executionTime}} {{ $locale.baseText('runData.ms') }}
 					</div>
 					<font-awesome-icon icon="info-circle" class="primary-color" />
 				</n8n-tooltip>
 				<n8n-text :bold="true" v-if="maxOutputIndex > 0">
-					| {{ $i.baseText('runData.output') }}:
+					| {{ $locale.baseText('runData.output') }}:
 				</n8n-text>
 				<span class="opts" v-if="maxOutputIndex > 0" >
 					<n8n-select size="mini" v-model="outputIndex" @click.stop>
@@ -50,7 +50,7 @@
 				</span>
 
 				<n8n-text :bold="true" v-if="maxRunIndex > 0">
-					| {{ $i.baseText('runData.dataOfExecution') }}:
+					| {{ $locale.baseText('runData.dataOfExecution') }}:
 				</n8n-text>
 				<span class="opts">
 					<n8n-select v-if="maxRunIndex > 0" size="mini" v-model="runIndex" @click.stop>
@@ -62,25 +62,25 @@
 			</div>
 			<div v-if="hasNodeRun && !hasRunError" class="title-data-display-selector" @click.stop>
 				<el-radio-group v-model="displayMode" size="mini">
-					<el-radio-button :label="$i.baseText('runData.json')" :disabled="showData === false"></el-radio-button>
-					<el-radio-button :label="$i.baseText('runData.table')"></el-radio-button>
-					<el-radio-button :label="$i.baseText('runData.binary')" v-if="binaryData.length !== 0"></el-radio-button>
+					<el-radio-button :label="$locale.baseText('runData.json')" :disabled="showData === false"></el-radio-button>
+					<el-radio-button :label="$locale.baseText('runData.table')"></el-radio-button>
+					<el-radio-button :label="$locale.baseText('runData.binary')" v-if="binaryData.length !== 0"></el-radio-button>
 				</el-radio-group>
 			</div>
 			<div v-if="hasNodeRun && !hasRunError && displayMode === 'JSON' && state.path !== deselectedPlaceholder" class="select-button">
 				<el-dropdown trigger="click" @command="handleCopyClick">
 					<span class="el-dropdown-link">
-						<n8n-icon-button :title="$i.baseText('runData.copyToClipboard')" icon="copy" />
+						<n8n-icon-button :title="$locale.baseText('runData.copyToClipboard')" icon="copy" />
 					</span>
 					<el-dropdown-menu slot="dropdown">
 						<el-dropdown-item :command="{command: 'itemPath'}">
-							{{ $i.baseText('runData.copyItemPath') }}
+							{{ $locale.baseText('runData.copyItemPath') }}
 						</el-dropdown-item>
 						<el-dropdown-item :command="{command: 'parameterPath'}">
-							{{ $i.baseText('runData.copyParameterPath') }}
+							{{ $locale.baseText('runData.copyParameterPath') }}
 						</el-dropdown-item>
 						<el-dropdown-item :command="{command: 'value'}">
-							{{ $i.baseText('runData.copyValue') }}
+							{{ $locale.baseText('runData.copyValue') }}
 						</el-dropdown-item>
 					</el-dropdown-menu>
 				</el-dropdown>
@@ -94,7 +94,7 @@
 				<span v-else>
 					<div v-if="showData === false" class="too-much-data">
 						<h3>
-							{{ $i.baseText('runData.nodeReturnedALargeAmountOfData') }}
+							{{ $locale.baseText('runData.nodeReturnedALargeAmountOfData') }}
 						</h3>
 
 						<div class="text">
@@ -110,17 +110,17 @@
 
 						<n8n-button
 							icon="eye"
-							:label="$i.baseText('runData.displayDataAnyway')"
+							:label="$locale.baseText('runData.displayDataAnyway')"
 							@click="displayMode = 'Table';showData = true;"
 						/>
 					</div>
 					<div v-else-if="['JSON', 'Table'].includes(displayMode)">
 						<div v-if="jsonData.length === 0" class="no-data">
-							{{ $i.baseText('runData.noTextDataFound') }}
+							{{ $locale.baseText('runData.noTextDataFound') }}
 						</div>
 						<div v-else-if="displayMode === 'Table'">
 							<div v-if="tableData !== null && tableData.columns.length === 0" class="no-data">
-								{{ $i.baseText('runData.entriesExistButThey') }}
+								{{ $locale.baseText('runData.entriesExistButThey') }}
 							</div>
 							<table v-else-if="tableData !== null">
 								<tr>
@@ -148,7 +148,7 @@
 					</div>
 					<div v-else-if="displayMode === 'Binary'">
 						<div v-if="binaryData.length === 0" class="no-data">
-							{{ $i.baseText('runData.noBinaryDataFound') }}
+							{{ $locale.baseText('runData.noBinaryDataFound') }}
 						</div>
 
 						<div v-else>
@@ -166,24 +166,24 @@
 												{{key}}
 											</div>
 											<div v-if="binaryData.fileName">
-												<div class="label">{{ $i.baseText('runData.fileName') }}: </div>
+												<div class="label">{{ $locale.baseText('runData.fileName') }}: </div>
 												<div class="value">{{binaryData.fileName}}</div>
 											</div>
 											<div v-if="binaryData.directory">
-												<div class="label">{{ $i.baseText('runData.directory') }}: </div>
+												<div class="label">{{ $locale.baseText('runData.directory') }}: </div>
 												<div class="value">{{binaryData.directory}}</div>
 											</div>
 											<div v-if="binaryData.fileExtension">
-												<div class="label">{{ $i.baseText('runData.fileExtension') }}:</div>
+												<div class="label">{{ $locale.baseText('runData.fileExtension') }}:</div>
 												<div class="value">{{binaryData.fileExtension}}</div>
 											</div>
 											<div v-if="binaryData.mimeType">
-												<div class="label">{{ $i.baseText('runData.mimeType') }}: </div>
+												<div class="label">{{ $locale.baseText('runData.mimeType') }}: </div>
 												<div class="value">{{binaryData.mimeType}}</div>
 											</div>
 
 											<div class="binary-data-show-data-button-wrapper">
-												<n8n-button size="small" :label="$i.baseText('runData.showBinaryData')" class="binary-data-show-data-button" @click="displayBinaryData(index, key)" />
+												<n8n-button size="small" :label="$locale.baseText('runData.showBinaryData')" class="binary-data-show-data-button" @click="displayBinaryData(index, key)" />
 											</div>
 
 										</div>
@@ -196,9 +196,9 @@
 			</span>
 			<div v-else class="message">
 				<div>
-					<n8n-text :bold="true">{{ $i.baseText('runData.noData') }}</n8n-text ><br />
+					<n8n-text :bold="true">{{ $locale.baseText('runData.noData') }}</n8n-text ><br />
 					<br />
-					{{ $i.baseText('runData.dataReturnedByThisNodeWillDisplayHere') }}<br />
+					{{ $locale.baseText('runData.dataReturnedByThisNodeWillDisplayHere') }}<br />
 				</div>
 			</div>
 		</div>
diff --git a/packages/editor-ui/src/components/SaveButton.vue b/packages/editor-ui/src/components/SaveButton.vue
index fb80da1aac..c8e6f074c4 100644
--- a/packages/editor-ui/src/components/SaveButton.vue
+++ b/packages/editor-ui/src/components/SaveButton.vue
@@ -1,6 +1,6 @@
 <template>
 	<span :class="$style.container">
-		<span :class="$style.saved" v-if="saved">{{ $i.baseText('saveButton.saved') }}</span>
+		<span :class="$style.saved" v-if="saved">{{ $locale.baseText('saveButton.saved') }}</span>
 		<n8n-button
 			v-else
 			:label="saveButtonLabel"
@@ -39,8 +39,8 @@ export default Vue.extend({
 	computed: {
 		saveButtonLabel() {
 			return this.isSaving
-				? this.$i.baseText('saveButton.saving')
-				: this.$i.baseText('saveButton.save');
+				? this.$locale.baseText('saveButton.saving')
+				: this.$locale.baseText('saveButton.save');
 		},
 	},
 });
diff --git a/packages/editor-ui/src/components/TagsDropdown.vue b/packages/editor-ui/src/components/TagsDropdown.vue
index 7dd73a77de..e478ddfb85 100644
--- a/packages/editor-ui/src/components/TagsDropdown.vue
+++ b/packages/editor-ui/src/components/TagsDropdown.vue
@@ -25,13 +25,13 @@
 			>
 				<font-awesome-icon icon="plus-circle" />
 				<span>
-					{{ $i.baseText('tagsDropdown.createTag', { interpolate: { filter } }) }}
+					{{ $locale.baseText('tagsDropdown.createTag', { interpolate: { filter } }) }}
 				</span>
 			</n8n-option>
 			<n8n-option v-else-if="options.length === 0" value="message" disabled>
-				<span v-if="createEnabled">{{ $i.baseText('tagsDropdown.typeToCreateATag') }}</span>
-				<span v-else-if="allTags.length > 0">{{ $i.baseText('tagsDropdown.noMatchingTagsExist') }}</span>
-				<span v-else>{{ $i.baseText('tagsDropdown.noTagsExist') }}</span>
+				<span v-if="createEnabled">{{ $locale.baseText('tagsDropdown.typeToCreateATag') }}</span>
+				<span v-else-if="allTags.length > 0">{{ $locale.baseText('tagsDropdown.noMatchingTagsExist') }}</span>
+				<span v-else>{{ $locale.baseText('tagsDropdown.noTagsExist') }}</span>
 			</n8n-option>
 
 			<!-- key is id+index for keyboard navigation to work well with filter -->
@@ -46,7 +46,7 @@
 
 			<n8n-option :key="MANAGE_KEY" :value="MANAGE_KEY" class="ops manage-tags">
 				<font-awesome-icon icon="cog" />
-				<span>{{ $i.baseText('tagsDropdown.manageTags') }}</span>
+				<span>{{ $locale.baseText('tagsDropdown.manageTags') }}</span>
 			</n8n-option>
 		</n8n-select>
 	</div>
@@ -141,8 +141,8 @@ export default mixins(showMessage).extend({
 			} catch (error) {
 				this.$showError(
 					error,
-					this.$i.baseText('tagsDropdown.showError.title'),
-					this.$i.baseText(
+					this.$locale.baseText('tagsDropdown.showError.title'),
+					this.$locale.baseText(
 						'tagsDropdown.showError.message',
 						{ interpolate: { name } },
 					),
diff --git a/packages/editor-ui/src/components/TagsManager/NoTagsView.vue b/packages/editor-ui/src/components/TagsManager/NoTagsView.vue
index 4b598ff9d8..9aa79a533d 100644
--- a/packages/editor-ui/src/components/TagsManager/NoTagsView.vue
+++ b/packages/editor-ui/src/components/TagsManager/NoTagsView.vue
@@ -3,9 +3,9 @@
 		<el-col class="notags" :span="16">
 			<div class="icon">🗄️</div>
 			<div>
-				<div class="headline">{{ $i.baseText('noTagsView.readyToOrganizeYourWorkflows') }}</div>
+				<div class="headline">{{ $locale.baseText('noTagsView.readyToOrganizeYourWorkflows') }}</div>
 				<div class="description">
-					{{ $i.baseText('noTagsView.withWorkflowTagsYouReFree') }}
+					{{ $locale.baseText('noTagsView.withWorkflowTagsYouReFree') }}
 				</div>
 			</div>
 			<n8n-button label="Create a tag" size="large" @click="$emit('enableCreate')" />
diff --git a/packages/editor-ui/src/components/TagsManager/TagsManager.vue b/packages/editor-ui/src/components/TagsManager/TagsManager.vue
index 0b5ccc35e1..0e329f8ac9 100644
--- a/packages/editor-ui/src/components/TagsManager/TagsManager.vue
+++ b/packages/editor-ui/src/components/TagsManager/TagsManager.vue
@@ -1,6 +1,6 @@
 <template>
 	<Modal
-		:title="$i.baseText('tagsManager.manageTags')"
+		:title="$locale.baseText('tagsManager.manageTags')"
 		:name="TAGS_MANAGER_MODAL_KEY"
 		:eventBus="modalBus"
 		@enter="onEnter"
@@ -25,7 +25,7 @@
 			</el-row>
 		</template>
 		<template v-slot:footer="{ close }">
-			<n8n-button :label="$i.baseText('tagsManager.done')" @click="close" float="right" />
+			<n8n-button :label="$locale.baseText('tagsManager.done')" @click="close" float="right" />
 		</template>
 	</Modal>
 </template>
@@ -87,7 +87,7 @@ export default mixins(showMessage).extend({
 			try {
 				if (!name) {
 					throw new Error(
-						this.$i.baseText('tagsManager.tagNameCannotBeEmpty'),
+						this.$locale.baseText('tagsManager.tagNameCannotBeEmpty'),
 					);
 				}
 
@@ -98,8 +98,8 @@ export default mixins(showMessage).extend({
 				const escapedName = escape(name);
 				this.$showError(
 					error,
-					this.$i.baseText('tagsManager.showError.onCreate.title'),
-					this.$i.baseText(
+					this.$locale.baseText('tagsManager.showError.onCreate.title'),
+					this.$locale.baseText(
 						'tagsManager.showError.onCreate.message',
 						{ interpolate: { escapedName } },
 					) + ':',
@@ -115,7 +115,7 @@ export default mixins(showMessage).extend({
 			try {
 				if (!name) {
 					throw new Error(
-						this.$i.baseText('tagsManager.tagNameCannotBeEmpty'),
+						this.$locale.baseText('tagsManager.tagNameCannotBeEmpty'),
 					);
 				}
 
@@ -131,8 +131,8 @@ export default mixins(showMessage).extend({
 				const escapedOldName = escape(oldName);
 
 				this.$showMessage({
-					title: this.$i.baseText('tagsManager.showMessage.onUpdate.title'),
-					message: this.$i.baseText(
+					title: this.$locale.baseText('tagsManager.showMessage.onUpdate.title'),
+					message: this.$locale.baseText(
 						'tagsManager.showMessage.onUpdate.message',
 						{ interpolate: { escapedName, escapedOldName } },
 					),
@@ -142,8 +142,8 @@ export default mixins(showMessage).extend({
 				const escapedName = escape(oldName);
 				this.$showError(
 					error,
-					this.$i.baseText('tagsManager.showError.onUpdate.title'),
-					this.$i.baseText(
+					this.$locale.baseText('tagsManager.showError.onUpdate.title'),
+					this.$locale.baseText(
 						'tagsManager.showError.onUpdate.message',
 						{ interpolate: { escapedName } },
 					) + ':',
@@ -160,7 +160,7 @@ export default mixins(showMessage).extend({
 				const deleted = await this.$store.dispatch("tags/delete", id);
 				if (!deleted) {
 					throw new Error(
-						this.$i.baseText('tagsManager.couldNotDeleteTag'),
+						this.$locale.baseText('tagsManager.couldNotDeleteTag'),
 					);
 				}
 
@@ -170,8 +170,8 @@ export default mixins(showMessage).extend({
 
 				const escapedName = escape(name);
 				this.$showMessage({
-					title: this.$i.baseText('tagsManager.showMessage.onDelete.title'),
-					message: this.$i.baseText(
+					title: this.$locale.baseText('tagsManager.showMessage.onDelete.title'),
+					message: this.$locale.baseText(
 						'tagsManager.showMessage.onDelete.message',
 						{ interpolate: { escapedName } },
 					),
@@ -181,8 +181,8 @@ export default mixins(showMessage).extend({
 				const escapedName = escape(name);
 				this.$showError(
 					error,
-					this.$i.baseText('tagsManager.showError.onDelete.title'),
-					this.$i.baseText(
+					this.$locale.baseText('tagsManager.showError.onDelete.title'),
+					this.$locale.baseText(
 						'tagsManager.showError.onDelete.message',
 						{ interpolate: { escapedName } },
 					) + ':',
diff --git a/packages/editor-ui/src/components/TagsManager/TagsView/TagsTable.vue b/packages/editor-ui/src/components/TagsManager/TagsView/TagsTable.vue
index a0a5f1382a..cec790df06 100644
--- a/packages/editor-ui/src/components/TagsManager/TagsView/TagsTable.vue
+++ b/packages/editor-ui/src/components/TagsManager/TagsView/TagsTable.vue
@@ -3,13 +3,13 @@
 		stripe
 		max-height="450"
 		ref="table"
-		:empty-text="$i.baseText('tagsTable.noMatchingTagsExist')"
+		:empty-text="$locale.baseText('tagsTable.noMatchingTagsExist')"
 		:data="rows"
 		:span-method="getSpan"
 		:row-class-name="getRowClasses"
 		v-loading="isLoading"
 	>
-		<el-table-column :label="$i.baseText('tagsTable.name')">
+		<el-table-column :label="$locale.baseText('tagsTable.name')">
 			<template slot-scope="scope">
 				<div class="name" :key="scope.row.id" @keydown.stop>
 					<transition name="fade" mode="out-in">
@@ -21,7 +21,7 @@
 							ref="nameInput"
 						></n8n-input>
 						<span v-else-if="scope.row.delete">
-							<span>{{ $i.baseText('tagsTable.areYouSureYouWantToDeleteThisTag') }}</span>
+							<span>{{ $locale.baseText('tagsTable.areYouSureYouWantToDeleteThisTag') }}</span>
 							<input ref="deleteHiddenInput" class="hidden" />
 						</span>
 						<span v-else :class="{ disabled: scope.row.disable }">
@@ -31,7 +31,7 @@
 				</div>
 			</template>
 		</el-table-column>
-		<el-table-column :label="$i.baseText('tagsTable.usage')" width="150">
+		<el-table-column :label="$locale.baseText('tagsTable.usage')" width="150">
 			<template slot-scope="scope">
 				<transition name="fade" mode="out-in">
 						<div v-if="!scope.row.create && !scope.row.delete" :class="{ disabled: scope.row.disable }">
@@ -44,20 +44,20 @@
 			<template slot-scope="scope">
 				<transition name="fade" mode="out-in">
 					<div class="ops" v-if="scope.row.create">
-						<n8n-button :label="$i.baseText('tagsTable.cancel')" @click.stop="cancel" type="outline" :disabled="isSaving" />
-						<n8n-button :label="$i.baseText('tagsTable.createTag')" @click.stop="apply" :loading="isSaving" />
+						<n8n-button :label="$locale.baseText('tagsTable.cancel')" @click.stop="cancel" type="outline" :disabled="isSaving" />
+						<n8n-button :label="$locale.baseText('tagsTable.createTag')" @click.stop="apply" :loading="isSaving" />
 					</div>
 					<div class="ops" v-else-if="scope.row.update">
-						<n8n-button :label="$i.baseText('tagsTable.cancel')" @click.stop="cancel" type="outline" :disabled="isSaving" />
-						<n8n-button :label="$i.baseText('tagsTable.saveChanges')" @click.stop="apply" :loading="isSaving" />
+						<n8n-button :label="$locale.baseText('tagsTable.cancel')" @click.stop="cancel" type="outline" :disabled="isSaving" />
+						<n8n-button :label="$locale.baseText('tagsTable.saveChanges')" @click.stop="apply" :loading="isSaving" />
 					</div>
 					<div class="ops" v-else-if="scope.row.delete">
-						<n8n-button :label="$i.baseText('tagsTable.cancel')" @click.stop="cancel" type="outline" :disabled="isSaving" />
-						<n8n-button :label="$i.baseText('tagsTable.deleteTag')" @click.stop="apply" :loading="isSaving" />
+						<n8n-button :label="$locale.baseText('tagsTable.cancel')" @click.stop="cancel" type="outline" :disabled="isSaving" />
+						<n8n-button :label="$locale.baseText('tagsTable.deleteTag')" @click.stop="apply" :loading="isSaving" />
 					</div>
 					<div class="ops main" v-else-if="!scope.row.disable">
-						<n8n-icon-button :title="$i.baseText('tagsTable.editTag')" @click.stop="enableUpdate(scope.row)" icon="pen" />
-						<n8n-icon-button :title="$i.baseText('tagsTable.deleteTag')" @click.stop="enableDelete(scope.row)" icon="trash" />
+						<n8n-icon-button :title="$locale.baseText('tagsTable.editTag')" @click.stop="enableUpdate(scope.row)" icon="pen" />
+						<n8n-icon-button :title="$locale.baseText('tagsTable.deleteTag')" @click.stop="enableDelete(scope.row)" icon="trash" />
 					</div>
 				</transition>
 			</template>
diff --git a/packages/editor-ui/src/components/TagsManager/TagsView/TagsTableHeader.vue b/packages/editor-ui/src/components/TagsManager/TagsView/TagsTableHeader.vue
index 898364fd40..ae43b0287c 100644
--- a/packages/editor-ui/src/components/TagsManager/TagsView/TagsTableHeader.vue
+++ b/packages/editor-ui/src/components/TagsManager/TagsView/TagsTableHeader.vue
@@ -2,7 +2,7 @@
 	<el-row class="tags-header">
 		<el-col :span="10">
 			<n8n-input
-				:placeholder="$i.baseText('tagsTableHeader.searchTags')"
+				:placeholder="$locale.baseText('tagsTableHeader.searchTags')"
 				:value="search"
 				@input="onSearchChange"
 				:disabled="disabled"
@@ -13,7 +13,7 @@
 			</n8n-input>
 		</el-col>
 		<el-col :span="14">
-			<n8n-button @click="onAddNew" :disabled="disabled" icon="plus" :label="$i.baseText('tagsTableHeader.addNew')" size="large" float="right" />
+			<n8n-button @click="onAddNew" :disabled="disabled" icon="plus" :label="$locale.baseText('tagsTableHeader.addNew')" size="large" float="right" />
 		</el-col>
 	</el-row>
 </template>
diff --git a/packages/editor-ui/src/components/TagsManager/TagsView/TagsView.vue b/packages/editor-ui/src/components/TagsManager/TagsView/TagsView.vue
index 76695dcd66..f401cd8d97 100644
--- a/packages/editor-ui/src/components/TagsManager/TagsView/TagsView.vue
+++ b/packages/editor-ui/src/components/TagsManager/TagsView/TagsView.vue
@@ -56,7 +56,7 @@ export default Vue.extend({
 		},
 		rows(): ITagRow[] {
 			const getUsage = (count: number | undefined) => count && count > 0
-				? this.$i.baseText(
+				? this.$locale.baseText(
 					count > 1 ?
 						'tagsView.inUse.plural' : 'tagsView.inUse.singular',
 					{
@@ -65,7 +65,7 @@ export default Vue.extend({
 						},
 					},
 				)
-				: this.$i.baseText('tagsView.notBeingUsed');
+				: this.$locale.baseText('tagsView.notBeingUsed');
 
 			const disabled = this.isCreateEnabled || this.$data.updateId || this.$data.deleteId;
 			const tagRows = (this.$props.tags || [])
diff --git a/packages/editor-ui/src/components/TextEdit.vue b/packages/editor-ui/src/components/TextEdit.vue
index b06d2c9067..b964f8a483 100644
--- a/packages/editor-ui/src/components/TextEdit.vue
+++ b/packages/editor-ui/src/components/TextEdit.vue
@@ -1,11 +1,11 @@
 <template>
 	<div v-if="dialogVisible">
-		<el-dialog :visible="dialogVisible" append-to-body width="80%" :title="`${$i.baseText('textEdit.edit')} ${$i.nodeText().topParameterDisplayName(parameter)}`" :before-close="closeDialog">
+		<el-dialog :visible="dialogVisible" append-to-body width="80%" :title="`${$locale.baseText('textEdit.edit')} ${$locale.nodeText().topParameterDisplayName(parameter)}`" :before-close="closeDialog">
 
 			<div class="ignore-key-press">
-				<n8n-input-label :label="$i.nodeText().topParameterDisplayName(parameter)">
+				<n8n-input-label :label="$locale.nodeText().topParameterDisplayName(parameter)">
 					<div @keydown.stop @keydown.esc="closeDialog()">
-						<n8n-input v-model="tempValue" type="textarea" ref="inputField" :value="value" :placeholder="$i.nodeText().placeholder(parameter)" @change="valueChanged" @keydown.stop="noOp" :rows="15" />
+						<n8n-input v-model="tempValue" type="textarea" ref="inputField" :value="value" :placeholder="$locale.nodeText().placeholder(parameter)" @change="valueChanged" @keydown.stop="noOp" :rows="15" />
 					</div>
 				</n8n-input-label>
 			</div>
diff --git a/packages/editor-ui/src/components/TimeAgo.vue b/packages/editor-ui/src/components/TimeAgo.vue
index b744a3ae9c..8aa4a29c6b 100644
--- a/packages/editor-ui/src/components/TimeAgo.vue
+++ b/packages/editor-ui/src/components/TimeAgo.vue
@@ -30,20 +30,20 @@ export default Vue.extend({
 			// index: the index of array below;
 			// totalSec: total seconds between date to be formatted and today's date;
 			return [
-				[this.$i.baseText('timeAgo.justNow'), this.$i.baseText('timeAgo.rightNow')],
-				[this.$i.baseText('timeAgo.justNow'), this.$i.baseText('timeAgo.rightNow')], // ['%s seconds ago', 'in %s seconds'],
-				[this.$i.baseText('timeAgo.oneMinuteAgo'), this.$i.baseText('timeAgo.inOneMinute')],
-				[this.$i.baseText('timeAgo.minutesAgo'), this.$i.baseText('timeAgo.inMinutes')],
-				[this.$i.baseText('timeAgo.oneHourAgo'), this.$i.baseText('timeAgo.inOneHour')],
-				[this.$i.baseText('timeAgo.hoursAgo'), this.$i.baseText('timeAgo.inHours')],
-				[this.$i.baseText('timeAgo.oneDayAgo'), this.$i.baseText('timeAgo.inOneDay')],
-				[this.$i.baseText('timeAgo.daysAgo'), this.$i.baseText('timeAgo.inDays')],
-				[this.$i.baseText('timeAgo.oneWeekAgo'), this.$i.baseText('timeAgo.inOneWeek')],
-				[this.$i.baseText('timeAgo.weeksAgo'), this.$i.baseText('timeAgo.inWeeks')],
-				[this.$i.baseText('timeAgo.oneMonthAgo'), this.$i.baseText('timeAgo.inOneMonth')],
-				[this.$i.baseText('timeAgo.monthsAgo'), this.$i.baseText('timeAgo.inMonths')],
-				[this.$i.baseText('timeAgo.oneYearAgo'), this.$i.baseText('timeAgo.inOneYear')],
-				[this.$i.baseText('timeAgo.yearsAgo'), this.$i.baseText('timeAgo.inYears')],
+				[this.$locale.baseText('timeAgo.justNow'), this.$locale.baseText('timeAgo.rightNow')],
+				[this.$locale.baseText('timeAgo.justNow'), this.$locale.baseText('timeAgo.rightNow')], // ['%s seconds ago', 'in %s seconds'],
+				[this.$locale.baseText('timeAgo.oneMinuteAgo'), this.$locale.baseText('timeAgo.inOneMinute')],
+				[this.$locale.baseText('timeAgo.minutesAgo'), this.$locale.baseText('timeAgo.inMinutes')],
+				[this.$locale.baseText('timeAgo.oneHourAgo'), this.$locale.baseText('timeAgo.inOneHour')],
+				[this.$locale.baseText('timeAgo.hoursAgo'), this.$locale.baseText('timeAgo.inHours')],
+				[this.$locale.baseText('timeAgo.oneDayAgo'), this.$locale.baseText('timeAgo.inOneDay')],
+				[this.$locale.baseText('timeAgo.daysAgo'), this.$locale.baseText('timeAgo.inDays')],
+				[this.$locale.baseText('timeAgo.oneWeekAgo'), this.$locale.baseText('timeAgo.inOneWeek')],
+				[this.$locale.baseText('timeAgo.weeksAgo'), this.$locale.baseText('timeAgo.inWeeks')],
+				[this.$locale.baseText('timeAgo.oneMonthAgo'), this.$locale.baseText('timeAgo.inOneMonth')],
+				[this.$locale.baseText('timeAgo.monthsAgo'), this.$locale.baseText('timeAgo.inMonths')],
+				[this.$locale.baseText('timeAgo.oneYearAgo'), this.$locale.baseText('timeAgo.inOneYear')],
+				[this.$locale.baseText('timeAgo.yearsAgo'), this.$locale.baseText('timeAgo.inYears')],
 			][index] as [string, string];
 		},
 	},
diff --git a/packages/editor-ui/src/components/UpdatesPanel.vue b/packages/editor-ui/src/components/UpdatesPanel.vue
index b1e3ed76db..83ad9b3443 100644
--- a/packages/editor-ui/src/components/UpdatesPanel.vue
+++ b/packages/editor-ui/src/components/UpdatesPanel.vue
@@ -6,17 +6,17 @@
 	>
 		<template slot="header">
 			<span :class="$style.title">
-				{{ $i.baseText('updatesPanel.weVeBeenBusy') }}
+				{{ $locale.baseText('updatesPanel.weVeBeenBusy') }}
 			</span>
 		</template>
 		<template slot="content">
 			<section :class="$style['description']">
 				<p v-if="currentVersion">
-					{{ $i.baseText(
+					{{ $locale.baseText(
 						'updatesPanel.youReOnVersion',
 						{ interpolate: { currentVersionName: currentVersion.name } }
 					) }}
-					<strong><TimeAgo :date="currentVersion.createdAt" /></strong>{{ $i.baseText('updatesPanel.andIs') }} <strong>{{ $i.baseText(
+					<strong><TimeAgo :date="currentVersion.createdAt" /></strong>{{ $locale.baseText('updatesPanel.andIs') }} <strong>{{ $locale.baseText(
 							'updatesPanel.version',
 							{
 								interpolate: {
@@ -24,7 +24,7 @@
 									howManySuffix: nextVersions.length > 1 ? "s" : "",
 								}
 							}
-					)}}</strong> {{ $i.baseText('updatesPanel.behindTheLatest') }}
+					)}}</strong> {{ $locale.baseText('updatesPanel.behindTheLatest') }}
 				</p>
 
 				<a
@@ -35,7 +35,7 @@
 				>
 					<font-awesome-icon icon="info-circle"></font-awesome-icon>
 					<span>
-						{{ $i.baseText('updatesPanel.howToUpdateYourN8nVersion') }}
+						{{ $locale.baseText('updatesPanel.howToUpdateYourN8nVersion') }}
 					</span>
 				</a>
 
diff --git a/packages/editor-ui/src/components/VariableSelector.vue b/packages/editor-ui/src/components/VariableSelector.vue
index 47725f5b05..b3914c1a0b 100644
--- a/packages/editor-ui/src/components/VariableSelector.vue
+++ b/packages/editor-ui/src/components/VariableSelector.vue
@@ -1,7 +1,7 @@
 <template>
 	<div @keydown.stop class="variable-selector-wrapper">
 		<div class="input-wrapper">
-			<n8n-input :placeholder="$i.baseText('variableSelector.variableFilter')" v-model="variableFilter" ref="inputField" size="small" type="text"></n8n-input>
+			<n8n-input :placeholder="$locale.baseText('variableSelector.variableFilter')" v-model="variableFilter" ref="inputField" size="small" type="text"></n8n-input>
 		</div>
 
 		<div class="result-wrapper">
@@ -525,14 +525,14 @@ export default mixins(
 
 				currentNodeData.push(
 					{
-						name: this.$i.baseText('variableSelector.parameters'),
+						name: this.$locale.baseText('variableSelector.parameters'),
 						options: this.sortOptions(this.getNodeParameters(activeNode.name, initialPath, skipParameter, filterText) as IVariableSelectorOption[]),
 					},
 				);
 
 				returnData.push(
 					{
-						name: this.$i.baseText('variableSelector.currentNode'),
+						name: this.$locale.baseText('variableSelector.currentNode'),
 						options: this.sortOptions(currentNodeData),
 					},
 				);
@@ -557,7 +557,7 @@ export default mixins(
 
 					nodeOptions = [
 						{
-							name: this.$i.baseText('variableSelector.parameters'),
+							name: this.$locale.baseText('variableSelector.parameters'),
 							options: this.sortOptions(this.getNodeParameters(nodeName, `$node["${nodeName}"].parameter`, undefined, filterText)),
 						} as IVariableSelectorOption,
 					];
@@ -570,7 +570,7 @@ export default mixins(
 						if (tempOptions.length) {
 							nodeOptions = [
 								{
-									name: this.$i.baseText('variableSelector.context'),
+									name: this.$locale.baseText('variableSelector.context'),
 									options: this.sortOptions(tempOptions),
 								} as IVariableSelectorOption,
 							];
@@ -583,18 +583,18 @@ export default mixins(
 						if (tempOutputData) {
 							nodeOptions.push(
 								{
-									name: this.$i.baseText('variableSelector.outputData'),
+									name: this.$locale.baseText('variableSelector.outputData'),
 									options: this.sortOptions(tempOutputData),
 								} as IVariableSelectorOption,
 							);
 						}
 					}
 
-					const shortNodeType = this.$i.shortNodeType(node.type);
+					const shortNodeType = this.$locale.shortNodeType(node.type);
 
 					allNodesData.push(
 						{
-							name: this.$i.headerText({
+							name: this.$locale.headerText({
 								key: `headers.${shortNodeType}.displayName`,
 								fallback: nodeName,
 							}),
@@ -605,7 +605,7 @@ export default mixins(
 
 				returnData.push(
 					{
-						name: this.$i.baseText('variableSelector.nodes'),
+						name: this.$locale.baseText('variableSelector.nodes'),
 						options: this.sortOptions(allNodesData),
 					},
 				);
diff --git a/packages/editor-ui/src/components/VariableSelectorItem.vue b/packages/editor-ui/src/components/VariableSelectorItem.vue
index 4d2a2852e7..c2b57c1c6e 100644
--- a/packages/editor-ui/src/components/VariableSelectorItem.vue
+++ b/packages/editor-ui/src/components/VariableSelectorItem.vue
@@ -11,7 +11,7 @@
 
 					<el-dropdown trigger="click" @click.stop @command="optionSelected($event, item)" v-if="allowParentSelect === true">
 						<span class="el-dropdown-link clickable" @click.stop>
-							<font-awesome-icon icon="dot-circle" :title="$i.baseText('variableSelectorItem.selectItem')" />
+							<font-awesome-icon icon="dot-circle" :title="$locale.baseText('variableSelectorItem.selectItem')" />
 						</span>
 						<el-dropdown-menu slot="dropdown">
 							<el-dropdown-item :command="operation.command" v-for="operation in itemAddOperations" :key="operation.command">{{operation.displayName}}</el-dropdown-item>
@@ -29,7 +29,7 @@
 				{{item.name}}:
 				<font-awesome-icon icon="dot-circle" title="Select Item" />
 			</div>
-			<div class="item-value">{{ item.value !== undefined?item.value: $i.baseText('variableSelectorItem.empty') }}</div>
+			<div class="item-value">{{ item.value !== undefined?item.value: $locale.baseText('variableSelectorItem.empty') }}</div>
 		</div>
 	</div>
 </template>
diff --git a/packages/editor-ui/src/components/VersionCard.vue b/packages/editor-ui/src/components/VersionCard.vue
index 67224210b7..22780f94b3 100644
--- a/packages/editor-ui/src/components/VersionCard.vue
+++ b/packages/editor-ui/src/components/VersionCard.vue
@@ -4,26 +4,26 @@
 		<div :class="$style.header">
 			<div>
 				<div :class="$style.name">
-					{{ `${$i.baseText('versionCard.version')} ${version.name}` }}
+					{{ `${$locale.baseText('versionCard.version')} ${version.name}` }}
 				</div>
 				<WarningTooltip v-if="version.hasSecurityIssue">
 					<template>
-						{{ $i.baseText('versionCard.thisVersionHasASecurityIssue') }}
+						{{ $locale.baseText('versionCard.thisVersionHasASecurityIssue') }}
 					</template>
 				</WarningTooltip>
 				<Badge
 					v-if="version.hasSecurityFix"
-					:text="$i.baseText('versionCard.securityUpdate')"
+					:text="$locale.baseText('versionCard.securityUpdate')"
 					type="danger"
 				/>
 				<Badge
 					v-if="version.hasBreakingChange"
-					:text="$i.baseText('versionCard.breakingChanges')"
+					:text="$locale.baseText('versionCard.breakingChanges')"
 					type="warning"
 				/>
 			</div>
 			<div :class="$style['release-date']">
-				{{ $i.baseText('versionCard.released') }}&nbsp;<TimeAgo :date="version.createdAt" />
+				{{ $locale.baseText('versionCard.released') }}&nbsp;<TimeAgo :date="version.createdAt" />
 			</div>
 		</div>
 		<div :class="$style.divider" v-if="version.description || (version.nodes && version.nodes.length)"></div>
@@ -60,7 +60,7 @@ export default Vue.extend({
 	props: ['version'],
 	// @ts-ignore
 	nodeName (node: IVersionNode): string {
-		return node !== null ? node.displayName : this.$i.baseText('versionCard.unknown');
+		return node !== null ? node.displayName : this.$locale.baseText('versionCard.unknown');
 	},
 });
 </script>
diff --git a/packages/editor-ui/src/components/WorkflowActivator.vue b/packages/editor-ui/src/components/WorkflowActivator.vue
index d6de4c6e1a..48655338bb 100644
--- a/packages/editor-ui/src/components/WorkflowActivator.vue
+++ b/packages/editor-ui/src/components/WorkflowActivator.vue
@@ -5,7 +5,7 @@
 			element-loading-spinner="el-icon-loading"
 			:value="workflowActive"
 			@change="activeChanged"
-			:title="workflowActive ? $i.baseText('workflowActivator.deactivateWorkflow') : $i.baseText('workflowActivator.activateWorkflow')"
+			:title="workflowActive ? $locale.baseText('workflowActivator.deactivateWorkflow') : $locale.baseText('workflowActivator.activateWorkflow')"
 			:disabled="disabled || loading"
 			:active-color="getActiveColor"
 			inactive-color="#8899AA">
@@ -13,7 +13,7 @@
 
 		<div class="could-not-be-started" v-if="couldNotBeStarted">
 			<n8n-tooltip placement="top">
-				<div @click="displayActivationError" slot="content">{{ $i.baseText('workflowActivator.theWorkflowIsSetToBeActiveBut') }}</div>
+				<div @click="displayActivationError" slot="content">{{ $locale.baseText('workflowActivator.theWorkflowIsSetToBeActiveBut') }}</div>
 				<font-awesome-icon @click="displayActivationError" icon="exclamation-triangle" />
 			</n8n-tooltip>
 		</div>
@@ -79,8 +79,8 @@ export default mixins(
 				async activeChanged (newActiveState: boolean) {
 					if (this.workflowId === undefined) {
 						this.$showMessage({
-							title: this.$i.baseText('workflowActivator.showMessage.activeChangedWorkflowIdUndefined.title'),
-							message: this.$i.baseText('workflowActivator.showMessage.activeChangedWorkflowIdUndefined.message'),
+							title: this.$locale.baseText('workflowActivator.showMessage.activeChangedWorkflowIdUndefined.title'),
+							message: this.$locale.baseText('workflowActivator.showMessage.activeChangedWorkflowIdUndefined.message'),
 							type: 'error',
 						});
 						return;
@@ -88,8 +88,8 @@ export default mixins(
 
 					if (this.nodesIssuesExist === true) {
 						this.$showMessage({
-							title: this.$i.baseText('workflowActivator.showMessage.activeChangedNodesIssuesExistTrue.title'),
-							message: this.$i.baseText('workflowActivator.showMessage.activeChangedNodesIssuesExistTrue.message'),
+							title: this.$locale.baseText('workflowActivator.showMessage.activeChangedNodesIssuesExistTrue.title'),
+							message: this.$locale.baseText('workflowActivator.showMessage.activeChangedNodesIssuesExistTrue.message'),
 							type: 'error',
 						});
 						return;
@@ -106,11 +106,11 @@ export default mixins(
 						// than the one they can currently see.
 						if (this.dirtyState) {
 							const importConfirm = await this.confirmMessage(
-								this.$i.baseText('workflowActivator.confirmMessage.message'),
-								this.$i.baseText('workflowActivator.confirmMessage.headline'),
+								this.$locale.baseText('workflowActivator.confirmMessage.message'),
+								this.$locale.baseText('workflowActivator.confirmMessage.headline'),
 								'warning',
-								this.$i.baseText('workflowActivator.confirmMessage.confirmButtonText'),
-								this.$i.baseText('workflowActivator.confirmMessage.cancelButtonText'),
+								this.$locale.baseText('workflowActivator.confirmMessage.confirmButtonText'),
+								this.$locale.baseText('workflowActivator.confirmMessage.cancelButtonText'),
 							);
 							if (importConfirm === false) {
 								return;
@@ -131,8 +131,8 @@ export default mixins(
 						const newStateName = newActiveState === true ? 'activated' : 'deactivated';
 						this.$showError(
 							error,
-							this.$i.baseText('workflowActivator.showError.title'),
-							this.$i.baseText(
+							this.$locale.baseText('workflowActivator.showError.title'),
+							this.$locale.baseText(
 								'workflowActivator.showError.message',
 								{ interpolate: { newStateName } },
 							) + ':',
@@ -169,19 +169,19 @@ export default mixins(
 						const errorData = await this.restApi().getActivationError(this.workflowId);
 
 						if (errorData === undefined) {
-							errorMessage = this.$i.baseText('workflowActivator.showMessage.displayActivationError.message.errorDataUndefined');
+							errorMessage = this.$locale.baseText('workflowActivator.showMessage.displayActivationError.message.errorDataUndefined');
 						} else {
-							errorMessage = this.$i.baseText(
+							errorMessage = this.$locale.baseText(
 								'workflowActivator.showMessage.displayActivationError.message.errorDataNotUndefined',
 								{ interpolate: { message: errorData.error.message } },
 							);
 						}
 					} catch (error) {
-						errorMessage = this.$i.baseText('workflowActivator.showMessage.displayActivationError.message.catchBlock');
+						errorMessage = this.$locale.baseText('workflowActivator.showMessage.displayActivationError.message.catchBlock');
 					}
 
 					this.$showMessage({
-						title: this.$i.baseText('workflowActivator.showMessage.displayActivationError.title'),
+						title: this.$locale.baseText('workflowActivator.showMessage.displayActivationError.title'),
 						message: errorMessage,
 						type: 'warning',
 						duration: 0,
diff --git a/packages/editor-ui/src/components/WorkflowOpen.vue b/packages/editor-ui/src/components/WorkflowOpen.vue
index f271b8dce4..235c36230b 100644
--- a/packages/editor-ui/src/components/WorkflowOpen.vue
+++ b/packages/editor-ui/src/components/WorkflowOpen.vue
@@ -8,11 +8,11 @@
 			<template v-slot:header>
 				<div class="workflows-header">
 					<n8n-heading tag="h1" size="xlarge" class="title">
-						{{ $i.baseText('workflowOpen.openWorkflow') }}
+						{{ $locale.baseText('workflowOpen.openWorkflow') }}
 					</n8n-heading>
 					<div class="tags-filter">
 						<TagsDropdown
-							:placeholder="$i.baseText('workflowOpen.openWorkflow')"
+							:placeholder="$locale.baseText('workflowOpen.openWorkflow')"
 							:currentTagIds="filterTagIds"
 							:createEnabled="false"
 							@update="updateTagsFilter"
@@ -21,7 +21,7 @@
 						/>
 					</div>
 					<div class="search-filter">
-						<n8n-input :placeholder="$i.baseText('workflowOpen.searchWorkflows')" ref="inputFieldFilter" v-model="filterText">
+						<n8n-input :placeholder="$locale.baseText('workflowOpen.searchWorkflows')" ref="inputFieldFilter" v-model="filterText">
 							<font-awesome-icon slot="prefix" icon="search"></font-awesome-icon>
 						</n8n-input>
 					</div>
@@ -30,7 +30,7 @@
 
 			<template v-slot:content>
 				<el-table class="search-table" :data="filteredWorkflows" stripe @cell-click="openWorkflow" :default-sort = "{prop: 'updatedAt', order: 'descending'}" v-loading="isDataLoading">
-					<el-table-column property="name" :label="$i.baseText('workflowOpen.name')" class-name="clickable" sortable>
+					<el-table-column property="name" :label="$locale.baseText('workflowOpen.name')" class-name="clickable" sortable>
 						<template slot-scope="scope">
 							<div :key="scope.row.id">
 								<span class="name">{{scope.row.name}}</span>
@@ -38,9 +38,9 @@
 							</div>
 						</template>
 					</el-table-column>
-					<el-table-column property="createdAt" :label="$i.baseText('workflowOpen.created')" class-name="clickable" width="155" sortable></el-table-column>
-					<el-table-column property="updatedAt" :label="$i.baseText('workflowOpen.updated')" class-name="clickable" width="155" sortable></el-table-column>
-					<el-table-column :label="$i.baseText('workflowOpen.active')" width="75">
+					<el-table-column property="createdAt" :label="$locale.baseText('workflowOpen.created')" class-name="clickable" width="155" sortable></el-table-column>
+					<el-table-column property="updatedAt" :label="$locale.baseText('workflowOpen.updated')" class-name="clickable" width="155" sortable></el-table-column>
+					<el-table-column :label="$locale.baseText('workflowOpen.active')" width="75">
 						<template slot-scope="scope">
 							<workflow-activator :workflow-active="scope.row.active" :workflow-id="scope.row.id" @workflowActiveChanged="workflowActiveChanged" />
 						</template>
@@ -148,8 +148,8 @@ export default mixins(
 
 				if (data.id === currentWorkflowId) {
 					this.$showMessage({
-						title: this.$i.baseText('workflowOpen.showMessage.title'),
-						message: this.$i.baseText('workflowOpen.showMessage.message'),
+						title: this.$locale.baseText('workflowOpen.showMessage.title'),
+						message: this.$locale.baseText('workflowOpen.showMessage.message'),
 						type: 'error',
 						duration: 1500,
 					});
@@ -160,11 +160,11 @@ export default mixins(
 				const result = this.$store.getters.getStateIsDirty;
 				if(result) {
 					const importConfirm = await this.confirmMessage(
-						this.$i.baseText('workflowOpen.confirmMessage.message'),
-						this.$i.baseText('workflowOpen.confirmMessage.headline'),
+						this.$locale.baseText('workflowOpen.confirmMessage.message'),
+						this.$locale.baseText('workflowOpen.confirmMessage.headline'),
 						'warning',
-						this.$i.baseText('workflowOpen.confirmMessage.confirmButtonText'),
-						this.$i.baseText('workflowOpen.confirmMessage.cancelButtonText'),
+						this.$locale.baseText('workflowOpen.confirmMessage.confirmButtonText'),
+						this.$locale.baseText('workflowOpen.confirmMessage.cancelButtonText'),
 					);
 					if (importConfirm === false) {
 						return;
@@ -204,8 +204,8 @@ export default mixins(
 					(error: Error) => {
 						this.$showError(
 							error,
-							this.$i.baseText('workflowOpen.showError.title'),
-							this.$i.baseText('workflowOpen.showError.message') + ':',
+							this.$locale.baseText('workflowOpen.showError.title'),
+							this.$locale.baseText('workflowOpen.showError.message') + ':',
 						);
 						this.isDataLoading = false;
 					},
diff --git a/packages/editor-ui/src/components/WorkflowSettings.vue b/packages/editor-ui/src/components/WorkflowSettings.vue
index 46a909db07..47f37918d9 100644
--- a/packages/editor-ui/src/components/WorkflowSettings.vue
+++ b/packages/editor-ui/src/components/WorkflowSettings.vue
@@ -3,7 +3,7 @@
 		:name="WORKFLOW_SETTINGS_MODAL_KEY"
 		width="65%"
 		maxHeight="80%"
-		:title="$i.baseText('workflowSettings.settingsFor', { interpolate: { workflowName, workflowId } })"
+		:title="$locale.baseText('workflowSettings.settingsFor', { interpolate: { workflowName, workflowId } })"
 		:eventBus="modalBus"
 		:scrollable="true"
 	>
@@ -11,7 +11,7 @@
 			<div v-loading="isLoading" class="workflow-settings">
 				<el-row>
 					<el-col :span="10" class="setting-name">
-						{{ $i.baseText('workflowSettings.errorWorkflow') + ":" }}
+						{{ $locale.baseText('workflowSettings.errorWorkflow') + ":" }}
 						<n8n-tooltip class="setting-info" placement="top" >
 							<div slot="content" v-html="helpTexts.errorWorkflow"></div>
 							<font-awesome-icon icon="question-circle" />
@@ -30,7 +30,7 @@
 				</el-row>
 				<el-row>
 					<el-col :span="10" class="setting-name">
-						{{ $i.baseText('workflowSettings.timezone') + ":" }}
+						{{ $locale.baseText('workflowSettings.timezone') + ":" }}
 						<n8n-tooltip class="setting-info" placement="top" >
 							<div slot="content" v-html="helpTexts.timezone"></div>
 							<font-awesome-icon icon="question-circle" />
@@ -49,14 +49,14 @@
 				</el-row>
 				<el-row>
 					<el-col :span="10" class="setting-name">
-						{{ $i.baseText('workflowSettings.saveDataErrorExecution') + ":" }}
+						{{ $locale.baseText('workflowSettings.saveDataErrorExecution') + ":" }}
 						<n8n-tooltip class="setting-info" placement="top" >
 							<div slot="content" v-html="helpTexts.saveDataErrorExecution"></div>
 							<font-awesome-icon icon="question-circle" />
 						</n8n-tooltip>
 					</el-col>
 					<el-col :span="14" class="ignore-key-press">
-						<n8n-select v-model="workflowSettings.saveDataErrorExecution" :placeholder="$i.baseText('workflowSettings.selectOption')" size="medium" filterable :limit-popper-width="true">
+						<n8n-select v-model="workflowSettings.saveDataErrorExecution" :placeholder="$locale.baseText('workflowSettings.selectOption')" size="medium" filterable :limit-popper-width="true">
 							<n8n-option
 								v-for="option of saveDataErrorExecutionOptions"
 								:key="option.key"
@@ -68,14 +68,14 @@
 				</el-row>
 				<el-row>
 					<el-col :span="10" class="setting-name">
-						{{ $i.baseText('workflowSettings.saveDataSuccessExecution') + ":" }}
+						{{ $locale.baseText('workflowSettings.saveDataSuccessExecution') + ":" }}
 						<n8n-tooltip class="setting-info" placement="top" >
 							<div slot="content" v-html="helpTexts.saveDataSuccessExecution"></div>
 							<font-awesome-icon icon="question-circle" />
 						</n8n-tooltip>
 					</el-col>
 					<el-col :span="14" class="ignore-key-press">
-						<n8n-select v-model="workflowSettings.saveDataSuccessExecution" :placeholder="$i.baseText('workflowSettings.selectOption')" size="medium" filterable :limit-popper-width="true">
+						<n8n-select v-model="workflowSettings.saveDataSuccessExecution" :placeholder="$locale.baseText('workflowSettings.selectOption')" size="medium" filterable :limit-popper-width="true">
 							<n8n-option
 								v-for="option of saveDataSuccessExecutionOptions"
 								:key="option.key"
@@ -87,14 +87,14 @@
 				</el-row>
 				<el-row>
 					<el-col :span="10" class="setting-name">
-						{{ $i.baseText('workflowSettings.saveManualExecutions') + ":" }}
+						{{ $locale.baseText('workflowSettings.saveManualExecutions') + ":" }}
 						<n8n-tooltip class="setting-info" placement="top" >
 							<div slot="content" v-html="helpTexts.saveManualExecutions"></div>
 							<font-awesome-icon icon="question-circle" />
 						</n8n-tooltip>
 					</el-col>
 					<el-col :span="14" class="ignore-key-press">
-						<n8n-select v-model="workflowSettings.saveManualExecutions" :placeholder="$i.baseText('workflowSettings.selectOption')" size="medium" filterable :limit-popper-width="true">
+						<n8n-select v-model="workflowSettings.saveManualExecutions" :placeholder="$locale.baseText('workflowSettings.selectOption')" size="medium" filterable :limit-popper-width="true">
 							<n8n-option
 								v-for="option of saveManualOptions"
 								:key="option.key"
@@ -106,14 +106,14 @@
 				</el-row>
 				<el-row>
 					<el-col :span="10" class="setting-name">
-						{{ $i.baseText('workflowSettings.saveExecutionProgress') + ":" }}
+						{{ $locale.baseText('workflowSettings.saveExecutionProgress') + ":" }}
 						<n8n-tooltip class="setting-info" placement="top" >
 							<div slot="content" v-html="helpTexts.saveExecutionProgress"></div>
 							<font-awesome-icon icon="question-circle" />
 						</n8n-tooltip>
 					</el-col>
 					<el-col :span="14" class="ignore-key-press">
-						<n8n-select v-model="workflowSettings.saveExecutionProgress" :placeholder="$i.baseText('workflowSettings.selectOption')" size="medium" filterable :limit-popper-width="true">
+						<n8n-select v-model="workflowSettings.saveExecutionProgress" :placeholder="$locale.baseText('workflowSettings.selectOption')" size="medium" filterable :limit-popper-width="true">
 							<n8n-option
 								v-for="option of saveExecutionProgressOptions"
 								:key="option.key"
@@ -125,7 +125,7 @@
 				</el-row>
 				<el-row>
 					<el-col :span="10" class="setting-name">
-						{{ $i.baseText('workflowSettings.timeoutWorkflow') + ":" }}
+						{{ $locale.baseText('workflowSettings.timeoutWorkflow') + ":" }}
 						<n8n-tooltip class="setting-info" placement="top" >
 							<div slot="content" v-html="helpTexts.executionTimeoutToggle"></div>
 							<font-awesome-icon icon="question-circle" />
@@ -140,7 +140,7 @@
 				<div v-if="workflowSettings.executionTimeout > -1">
 					<el-row>
 						<el-col :span="10" class="setting-name">
-							{{ $i.baseText('workflowSettings.timeoutAfter') + ":" }}
+							{{ $locale.baseText('workflowSettings.timeoutAfter') + ":" }}
 							<n8n-tooltip class="setting-info" placement="top" >
 								<div slot="content" v-html="helpTexts.executionTimeout"></div>
 								<font-awesome-icon icon="question-circle" />
@@ -148,17 +148,17 @@
 						</el-col>
 						<el-col :span="4">
 							<n8n-input size="medium" :value="timeoutHMS.hours" @input="(value) => setTimeout('hours', value)" :min="0">
-								<template slot="append">{{ $i.baseText('workflowSettings.hours') }}</template>
+								<template slot="append">{{ $locale.baseText('workflowSettings.hours') }}</template>
 							</n8n-input>
 						</el-col>
 						<el-col :span="4" class="timeout-input">
 							<n8n-input size="medium" :value="timeoutHMS.minutes" @input="(value) => setTimeout('minutes', value)" :min="0" :max="60">
-								<template slot="append">{{ $i.baseText('workflowSettings.minutes') }}</template>
+								<template slot="append">{{ $locale.baseText('workflowSettings.minutes') }}</template>
 							</n8n-input>
 						</el-col>
 						<el-col :span="4" class="timeout-input">
 							<n8n-input size="medium" :value="timeoutHMS.seconds" @input="(value) => setTimeout('seconds', value)" :min="0" :max="60">
-								<template slot="append">{{ $i.baseText('workflowSettings.seconds') }}</template>
+								<template slot="append">{{ $locale.baseText('workflowSettings.seconds') }}</template>
 							</n8n-input>
 						</el-col>
 					</el-row>
@@ -207,14 +207,14 @@ export default mixins(
 		return {
 			isLoading: true,
 			helpTexts: {
-				errorWorkflow: this.$i.baseText('workflowSettings.helpTexts.errorWorkflow'),
-				timezone: this.$i.baseText('workflowSettings.helpTexts.timezone'),
-				saveDataErrorExecution: this.$i.baseText('workflowSettings.helpTexts.saveDataErrorExecution'),
-				saveDataSuccessExecution: this.$i.baseText('workflowSettings.helpTexts.saveDataSuccessExecution'),
-				saveExecutionProgress: this.$i.baseText('workflowSettings.helpTexts.saveExecutionProgress'),
-				saveManualExecutions: this.$i.baseText('workflowSettings.helpTexts.saveManualExecutions'),
-				executionTimeoutToggle: this.$i.baseText('workflowSettings.helpTexts.executionTimeoutToggle'),
-				executionTimeout: this.$i.baseText('workflowSettings.helpTexts.executionTimeout'),
+				errorWorkflow: this.$locale.baseText('workflowSettings.helpTexts.errorWorkflow'),
+				timezone: this.$locale.baseText('workflowSettings.helpTexts.timezone'),
+				saveDataErrorExecution: this.$locale.baseText('workflowSettings.helpTexts.saveDataErrorExecution'),
+				saveDataSuccessExecution: this.$locale.baseText('workflowSettings.helpTexts.saveDataSuccessExecution'),
+				saveExecutionProgress: this.$locale.baseText('workflowSettings.helpTexts.saveExecutionProgress'),
+				saveManualExecutions: this.$locale.baseText('workflowSettings.helpTexts.saveManualExecutions'),
+				executionTimeoutToggle: this.$locale.baseText('workflowSettings.helpTexts.executionTimeoutToggle'),
+				executionTimeout: this.$locale.baseText('workflowSettings.helpTexts.executionTimeout'),
 			},
 			defaultValues: {
 				timezone: 'America/New_York',
@@ -324,24 +324,24 @@ export default mixins(
 				this.saveDataErrorExecutionOptions, [
 					{
 						key: 'DEFAULT',
-						value: this.$i.baseText(
+						value: this.$locale.baseText(
 							'workflowSettings.saveDataErrorExecutionOptions.defaultSave',
 							{
 								interpolate: {
 									defaultValue: this.defaultValues.saveDataErrorExecution === 'all'
-										? this.$i.baseText('workflowSettings.saveDataErrorExecutionOptions.save')
-										: this.$i.baseText('workflowSettings.saveDataErrorExecutionOptions.doNotsave'),
+										? this.$locale.baseText('workflowSettings.saveDataErrorExecutionOptions.save')
+										: this.$locale.baseText('workflowSettings.saveDataErrorExecutionOptions.doNotsave'),
 								},
 							},
 						),
 					},
 					{
 						key: 'all',
-						value: this.$i.baseText('workflowSettings.saveDataErrorExecutionOptions.save'),
+						value: this.$locale.baseText('workflowSettings.saveDataErrorExecutionOptions.save'),
 					},
 					{
 						key: 'none',
-						value: this.$i.baseText('workflowSettings.saveDataErrorExecutionOptions.doNotSave'),
+						value: this.$locale.baseText('workflowSettings.saveDataErrorExecutionOptions.doNotSave'),
 					},
 				],
 			);
@@ -352,24 +352,24 @@ export default mixins(
 				this.saveDataSuccessExecutionOptions, [
 					{
 						key: 'DEFAULT',
-						value: this.$i.baseText(
+						value: this.$locale.baseText(
 							'workflowSettings.saveDataSuccessExecutionOptions.defaultSave',
 							{
 								interpolate: {
 									defaultValue: this.defaultValues.saveDataSuccessExecution === 'all'
-										? this.$i.baseText('workflowSettings.saveDataSuccessExecutionOptions.save')
-										: this.$i.baseText('workflowSettings.saveDataSuccessExecutionOptions.doNotSave'),
+										? this.$locale.baseText('workflowSettings.saveDataSuccessExecutionOptions.save')
+										: this.$locale.baseText('workflowSettings.saveDataSuccessExecutionOptions.doNotSave'),
 								},
 							},
 						),
 					},
 					{
 						key: 'all',
-						value: this.$i.baseText('workflowSettings.saveDataSuccessExecutionOptions.save'),
+						value: this.$locale.baseText('workflowSettings.saveDataSuccessExecutionOptions.save'),
 					},
 					{
 						key: 'none',
-						value: this.$i.baseText('workflowSettings.saveDataSuccessExecutionOptions.doNotSave'),
+						value: this.$locale.baseText('workflowSettings.saveDataSuccessExecutionOptions.doNotSave'),
 					},
 				],
 			);
@@ -380,22 +380,22 @@ export default mixins(
 				this.saveExecutionProgressOptions, [
 					{
 						key: 'DEFAULT',
-						value: this.$i.baseText(
+						value: this.$locale.baseText(
 							'workflowSettings.saveExecutionProgressOptions.defaultSave',
 							{
 								interpolate: {
-									defaultValue: this.defaultValues.saveExecutionProgress ? this.$i.baseText('workflowSettings.saveExecutionProgressOptions.yes') : this.$i.baseText('workflowSettings.saveExecutionProgressOptions.no'),
+									defaultValue: this.defaultValues.saveExecutionProgress ? this.$locale.baseText('workflowSettings.saveExecutionProgressOptions.yes') : this.$locale.baseText('workflowSettings.saveExecutionProgressOptions.no'),
 								},
 							},
 						),
 					},
 					{
 						key: true,
-						value: this.$i.baseText('workflowSettings.saveExecutionProgressOptions.yes'),
+						value: this.$locale.baseText('workflowSettings.saveExecutionProgressOptions.yes'),
 					},
 					{
 						key: false,
-						value: this.$i.baseText('workflowSettings.saveExecutionProgressOptions.no'),
+						value: this.$locale.baseText('workflowSettings.saveExecutionProgressOptions.no'),
 					},
 				],
 			);
@@ -404,22 +404,22 @@ export default mixins(
 			this.saveManualOptions.length = 0;
 			this.saveManualOptions.push({
 				key: 'DEFAULT',
-				value: this.$i.baseText(
+				value: this.$locale.baseText(
 					'workflowSettings.saveManualOptions.defaultSave',
 					{
 						interpolate: {
-							defaultValue: this.defaultValues.saveManualExecutions ? this.$i.baseText('workflowSettings.saveManualOptions.yes') : this.$i.baseText('workflowSettings.saveManualOptions.no'),
+							defaultValue: this.defaultValues.saveManualExecutions ? this.$locale.baseText('workflowSettings.saveManualOptions.yes') : this.$locale.baseText('workflowSettings.saveManualOptions.no'),
 						},
 					},
 				),
 			});
 			this.saveManualOptions.push({
 				key: true,
-				value: this.$i.baseText('workflowSettings.saveManualOptions.yes'),
+				value: this.$locale.baseText('workflowSettings.saveManualOptions.yes'),
 			});
 			this.saveManualOptions.push({
 				key: false,
-				value: this.$i.baseText('workflowSettings.saveManualOptions.no'),
+				value: this.$locale.baseText('workflowSettings.saveManualOptions.no'),
 			});
 		},
 
@@ -433,12 +433,12 @@ export default mixins(
 
 			let defaultTimezoneValue = timezones[this.defaultValues.timezone] as string | undefined;
 			if (defaultTimezoneValue === undefined) {
-				defaultTimezoneValue = this.$i.baseText('workflowSettings.defaultTimezoneNotValid');
+				defaultTimezoneValue = this.$locale.baseText('workflowSettings.defaultTimezoneNotValid');
 			}
 
 			this.timezones.push({
 				key: 'DEFAULT',
-				value: this.$i.baseText(
+				value: this.$locale.baseText(
 					'workflowSettings.defaultTimezone',
 					{ interpolate: { defaultTimezoneValue } },
 				),
@@ -465,7 +465,7 @@ export default mixins(
 			// @ts-ignore
 			workflows.unshift({
 				id: undefined as unknown as string,
-				name: this.$i.baseText('workflowSettings.noWorkflow'),
+				name: this.$locale.baseText('workflowSettings.noWorkflow'),
 			});
 
 			Vue.set(this, 'workflows', workflows);
@@ -485,9 +485,9 @@ export default mixins(
 
 			if (data.settings!.executionTimeout === 0) {
 				this.$showError(
-					new Error(this.$i.baseText('workflowSettings.showError.saveSettings1.errorMessage')),
-					this.$i.baseText('workflowSettings.showError.saveSettings1.title'),
-					this.$i.baseText('workflowSettings.showError.saveSettings1.message') + ':',
+					new Error(this.$locale.baseText('workflowSettings.showError.saveSettings1.errorMessage')),
+					this.$locale.baseText('workflowSettings.showError.saveSettings1.title'),
+					this.$locale.baseText('workflowSettings.showError.saveSettings1.message') + ':',
 				);
 				return;
 			}
@@ -497,7 +497,7 @@ export default mixins(
 				const { hours, minutes, seconds } = this.convertToHMS(this.workflowSettings.maxExecutionTimeout as number);
 				this.$showError(
 					new Error(
-						this.$i.baseText(
+						this.$locale.baseText(
 							'workflowSettings.showError.saveSettings2.errorMessage',
 							{
 								interpolate: {
@@ -508,8 +508,8 @@ export default mixins(
 							},
 						),
 					),
-					this.$i.baseText('workflowSettings.showError.saveSettings2.title'),
-					this.$i.baseText('workflowSettings.showError.saveSettings2.message') + ':',
+					this.$locale.baseText('workflowSettings.showError.saveSettings2.title'),
+					this.$locale.baseText('workflowSettings.showError.saveSettings2.message') + ':',
 				);
 				return;
 			}
@@ -522,8 +522,8 @@ export default mixins(
 			} catch (error) {
 				this.$showError(
 					error,
-					this.$i.baseText('workflowSettings.showError.saveSettings3.title'),
-					this.$i.baseText('workflowSettings.showError.saveSettings3.message') + ':',
+					this.$locale.baseText('workflowSettings.showError.saveSettings3.title'),
+					this.$locale.baseText('workflowSettings.showError.saveSettings3.message') + ':',
 				);
 				this.isLoading = false;
 				return;
@@ -544,8 +544,8 @@ export default mixins(
 			this.isLoading = false;
 
 			this.$showMessage({
-				title: this.$i.baseText('workflowSettings.showMessage.saveSettings.title'),
-				message: this.$i.baseText('workflowSettings.showMessage.saveSettings.message'),
+				title: this.$locale.baseText('workflowSettings.showMessage.saveSettings.title'),
+				message: this.$locale.baseText('workflowSettings.showMessage.saveSettings.message'),
 				type: 'success',
 			});
 
diff --git a/packages/editor-ui/src/components/mixins/genericHelpers.ts b/packages/editor-ui/src/components/mixins/genericHelpers.ts
index bf49b690a7..118f1c143e 100644
--- a/packages/editor-ui/src/components/mixins/genericHelpers.ts
+++ b/packages/editor-ui/src/components/mixins/genericHelpers.ts
@@ -22,23 +22,23 @@ export const genericHelpers = mixins(showMessage).extend({
 		displayTimer (msPassed: number, showMs = false): string {
 			if (msPassed < 60000) {
 				if (showMs === false) {
-					return `${this.$n(Math.floor(msPassed / 1000), 'decimal')} ${this.$i.baseText('genericHelpers.sec')}`;
+					return `${this.$n(Math.floor(msPassed / 1000), 'decimal')} ${this.$locale.baseText('genericHelpers.sec')}`;
 				}
 
-				return `${this.$i.number(msPassed / 1000, 'decimal')} ${this.$i.baseText('genericHelpers.sec')}`;
+				return `${this.$locale.number(msPassed / 1000, 'decimal')} ${this.$locale.baseText('genericHelpers.sec')}`;
 			}
 
 			const secondsPassed = Math.floor(msPassed / 1000);
 			const minutesPassed = Math.floor(secondsPassed / 60);
 
-			return `${this.$i.number(minutesPassed, 'decimal')}:${this.$i.number(secondsPassed, 'decimal')} ${this.$i.baseText('genericHelpers.min')}`;
+			return `${this.$locale.number(minutesPassed, 'decimal')}:${this.$locale.number(secondsPassed, 'decimal')} ${this.$locale.baseText('genericHelpers.min')}`;
 		},
 		editAllowedCheck (): boolean {
 			if (this.isReadOnly) {
 				this.$showMessage({
 					// title: 'Workflow can not be changed!',
-					title: this.$i.baseText('genericHelpers.showMessage.title'),
-					message: this.$i.baseText('genericHelpers.showMessage.message'),
+					title: this.$locale.baseText('genericHelpers.showMessage.title'),
+					message: this.$locale.baseText('genericHelpers.showMessage.message'),
 					type: 'error',
 					duration: 0,
 				});
@@ -57,7 +57,7 @@ export const genericHelpers = mixins(showMessage).extend({
 			this.loadingService = this.$loading(
 				{
 					lock: true,
-					text: text || this.$i.baseText('genericHelpers.loading'),
+					text: text || this.$locale.baseText('genericHelpers.loading'),
 					spinner: 'el-icon-loading',
 					background: 'rgba(255, 255, 255, 0.8)',
 				},
diff --git a/packages/editor-ui/src/components/mixins/nodeBase.ts b/packages/editor-ui/src/components/mixins/nodeBase.ts
index ba77c9447c..98a9b34de8 100644
--- a/packages/editor-ui/src/components/mixins/nodeBase.ts
+++ b/packages/editor-ui/src/components/mixins/nodeBase.ts
@@ -179,7 +179,7 @@ export const nodeBase = mixins(
 							hover: false,
 							showOutputLabel: nodeTypeData.outputs.length === 1,
 							size: nodeTypeData.outputs.length >= 3 ? 'small' : 'medium',
-							hoverMessage: this.$i.baseText('nodeBase.clickToAddNodeOrDragToConnect'),
+							hoverMessage: this.$locale.baseText('nodeBase.clickToAddNodeOrDragToConnect'),
 						},
 						endpointHoverStyle: {
 							fill: getStyleTokenValue('--color-primary'),
diff --git a/packages/editor-ui/src/components/mixins/pushConnection.ts b/packages/editor-ui/src/components/mixins/pushConnection.ts
index cc5b72be7d..1b81aef56a 100644
--- a/packages/editor-ui/src/components/mixins/pushConnection.ts
+++ b/packages/editor-ui/src/components/mixins/pushConnection.ts
@@ -263,8 +263,8 @@ export const pushConnection = mixins(
 						// Workflow did execute without a problem
 						this.$titleSet(workflow.name as string, 'IDLE');
 						this.$showMessage({
-							title: this.$i.baseText('pushConnection.showMessage.title'),
-							message: this.$i.baseText('pushConnection.showMessage.message'),
+							title: this.$locale.baseText('pushConnection.showMessage.title'),
+							message: this.$locale.baseText('pushConnection.showMessage.message'),
 							type: 'success',
 						});
 					}
diff --git a/packages/editor-ui/src/components/mixins/showMessage.ts b/packages/editor-ui/src/components/mixins/showMessage.ts
index d44a559b72..c86f69ebf6 100644
--- a/packages/editor-ui/src/components/mixins/showMessage.ts
+++ b/packages/editor-ui/src/components/mixins/showMessage.ts
@@ -134,8 +134,8 @@ export const showMessage = mixins(externalHooks).extend({
 		async confirmMessage (message: string, headline: string, type: MessageType | null = 'warning', confirmButtonText?: string, cancelButtonText?: string): Promise<boolean> {
 			try {
 				const options: ElMessageBoxOptions  = {
-					confirmButtonText: confirmButtonText || this.$i.baseText('showMessage.ok'),
-					cancelButtonText: cancelButtonText || this.$i.baseText('showMessage.cancel'),
+					confirmButtonText: confirmButtonText || this.$locale.baseText('showMessage.ok'),
+					cancelButtonText: cancelButtonText || this.$locale.baseText('showMessage.cancel'),
 					dangerouslyUseHTMLString: true,
 					...(type && { type }),
 				};
@@ -173,7 +173,7 @@ export const showMessage = mixins(externalHooks).extend({
 					<summary
 						style="color: #ff6d5a; font-weight: bold; cursor: pointer;"
 					>
-						${this.$i.baseText('showMessage.showDetails')}
+						${this.$locale.baseText('showMessage.showDetails')}
 					</summary>
 					<p>${node.name}: ${errorDescription}</p>
 				</details>
diff --git a/packages/editor-ui/src/components/mixins/workflowHelpers.ts b/packages/editor-ui/src/components/mixins/workflowHelpers.ts
index 5c7b28c663..e2436922d5 100644
--- a/packages/editor-ui/src/components/mixins/workflowHelpers.ts
+++ b/packages/editor-ui/src/components/mixins/workflowHelpers.ts
@@ -478,8 +478,8 @@ export const workflowHelpers = mixins(
 					this.$store.commit('removeActiveAction', 'workflowSaving');
 
 					this.$showMessage({
-						title: this.$i.baseText('workflowHelpers.showMessage.title'),
-						message: this.$i.baseText('workflowHelpers.showMessage.message') + `: "${e.message}"`,
+						title: this.$locale.baseText('workflowHelpers.showMessage.title'),
+						message: this.$locale.baseText('workflowHelpers.showMessage.message') + `: "${e.message}"`,
 						type: 'error',
 					});
 
@@ -552,8 +552,8 @@ export const workflowHelpers = mixins(
 					this.$store.commit('removeActiveAction', 'workflowSaving');
 
 					this.$showMessage({
-						title: this.$i.baseText('workflowHelpers.showMessage.title'),
-						message: this.$i.baseText('workflowHelpers.showMessage.message') + `: "${e.message}"`,
+						title: this.$locale.baseText('workflowHelpers.showMessage.title'),
+						message: this.$locale.baseText('workflowHelpers.showMessage.message') + `: "${e.message}"`,
 						type: 'error',
 					});
 
diff --git a/packages/editor-ui/src/components/mixins/workflowRun.ts b/packages/editor-ui/src/components/mixins/workflowRun.ts
index 7ded5832a2..3dbe10e7ca 100644
--- a/packages/editor-ui/src/components/mixins/workflowRun.ts
+++ b/packages/editor-ui/src/components/mixins/workflowRun.ts
@@ -32,7 +32,7 @@ export const workflowRun = mixins(
 				// Do not start if the connection to server is not active
 				// because then it can not receive the data as it executes.
 				throw new Error(
-					this.$i.baseText('workflowRun.noActiveConnectionToTheServer'),
+					this.$locale.baseText('workflowRun.noActiveConnectionToTheServer'),
 				);
 			}
 
@@ -91,8 +91,8 @@ export const workflowRun = mixins(
 						}
 
 						this.$showMessage({
-							title: this.$i.baseText('workflowRun.showMessage.title'),
-							message: this.$i.baseText('workflowRun.showMessage.message') + ':<br />&nbsp;&nbsp;- ' + errorMessages.join('<br />&nbsp;&nbsp;- '),
+							title: this.$locale.baseText('workflowRun.showMessage.title'),
+							message: this.$locale.baseText('workflowRun.showMessage.message') + ':<br />&nbsp;&nbsp;- ' + errorMessages.join('<br />&nbsp;&nbsp;- '),
 							type: 'error',
 							duration: 0,
 						});
@@ -204,8 +204,8 @@ export const workflowRun = mixins(
 				this.$titleSet(workflow.name as string, 'ERROR');
 				this.$showError(
 					error,
-					this.$i.baseText('workflowRun.showError.title'),
-					this.$i.baseText('workflowRun.showError.message') + ':',
+					this.$locale.baseText('workflowRun.showError.title'),
+					this.$locale.baseText('workflowRun.showError.message') + ':',
 				);
 				return undefined;
 			}
diff --git a/packages/editor-ui/src/plugins/i18n/index.ts b/packages/editor-ui/src/plugins/i18n/index.ts
index 384ba44fb5..c35e5cc880 100644
--- a/packages/editor-ui/src/plugins/i18n/index.ts
+++ b/packages/editor-ui/src/plugins/i18n/index.ts
@@ -15,11 +15,11 @@ const NODE_VIEW_KEY = 'nodeView';
 export function I18nPlugin(vue: typeof _Vue, store: Store<IRootState>): void {
 	const i18n = new I18nClass(store);
 
-	Object.defineProperty(vue, '$i', {
+	Object.defineProperty(vue, '$locale', {
 		get() { return i18n; },
 	});
 
-	Object.defineProperty(vue.prototype, '$i', {
+	Object.defineProperty(vue.prototype, '$locale', {
 		get() { return i18n; },
 	});
 }
diff --git a/packages/editor-ui/src/plugins/i18n/types.d.ts b/packages/editor-ui/src/plugins/i18n/types.d.ts
index b59a6ebcc7..27f10d5038 100644
--- a/packages/editor-ui/src/plugins/i18n/types.d.ts
+++ b/packages/editor-ui/src/plugins/i18n/types.d.ts
@@ -2,6 +2,6 @@ import { i18nClass } from '.';
 
 declare module 'vue/types/vue' {
 	interface Vue {
-		$i: I18nClass;
+		$locale: I18nClass;
 	}
 }
\ No newline at end of file
diff --git a/packages/editor-ui/src/views/NodeView.vue b/packages/editor-ui/src/views/NodeView.vue
index b22a13b095..ce07370896 100644
--- a/packages/editor-ui/src/views/NodeView.vue
+++ b/packages/editor-ui/src/views/NodeView.vue
@@ -34,7 +34,7 @@
 			</div>
 		</div>
 		<DataDisplay @valueChanged="valueChanged"/>
-		<div v-if="!createNodeActive && !isReadOnly" class="node-creator-button" :title="$i.baseText('nodeView.addNode')" @click="() => openNodeCreator('add_node_button')">
+		<div v-if="!createNodeActive && !isReadOnly" class="node-creator-button" :title="$locale.baseText('nodeView.addNode')" @click="() => openNodeCreator('add_node_button')">
 			<n8n-icon-button size="xlarge" icon="plus" />
 		</div>
 		<node-creator
@@ -43,22 +43,22 @@
 			@closeNodeCreator="closeNodeCreator"
 			></node-creator>
 		<div :class="{ 'zoom-menu': true, expanded: !sidebarMenuCollapsed }">
-			<button @click="zoomToFit" class="button-white" :title="$i.baseText('nodeView.zoomToFit')">
+			<button @click="zoomToFit" class="button-white" :title="$locale.baseText('nodeView.zoomToFit')">
 				<font-awesome-icon icon="expand"/>
 			</button>
-			<button @click="zoomIn()" class="button-white" :title="$i.baseText('nodeView.zoomIn')">
+			<button @click="zoomIn()" class="button-white" :title="$locale.baseText('nodeView.zoomIn')">
 				<font-awesome-icon icon="search-plus"/>
 			</button>
-			<button @click="zoomOut()" class="button-white" :title="$i.baseText('nodeView.zoomOut')">
+			<button @click="zoomOut()" class="button-white" :title="$locale.baseText('nodeView.zoomOut')">
 				<font-awesome-icon icon="search-minus"/>
 			</button>
 			<button
 				v-if="nodeViewScale !== 1"
 				@click="resetZoom()"
 				class="button-white"
-				:title="$i.baseText('nodeView.resetZoom')"
+				:title="$locale.baseText('nodeView.resetZoom')"
 				>
-				<font-awesome-icon icon="undo" :title="$i.baseText('nodeView.resetZoom')"/>
+				<font-awesome-icon icon="undo" :title="$locale.baseText('nodeView.resetZoom')"/>
 			</button>
 		</div>
 		<div class="workflow-execute-wrapper" v-if="!isReadOnly">
@@ -68,7 +68,7 @@
 				:label="runButtonText"
 				size="large"
 				icon="play-circle"
-				:title="$i.baseText('nodeView.executesTheWorkflowFromTheStartOrWebhookNode')"
+				:title="$locale.baseText('nodeView.executesTheWorkflowFromTheStartOrWebhookNode')"
 				:type="workflowRunning ? 'light' : 'primary'"
 			/>
 
@@ -79,8 +79,8 @@
 				class="stop-execution"
 				type="light"
 				:title="stopExecutionInProgress
-					? $i.baseText('nodeView.stoppingCurrentExecution')
-					: $i.baseText('nodeView.stopCurrentExecution')
+					? $locale.baseText('nodeView.stoppingCurrentExecution')
+					: $locale.baseText('nodeView.stopCurrentExecution')
 				"
 				:loading="stopExecutionInProgress"
 				@click.stop="stopExecution()"
@@ -91,14 +91,14 @@
 				class="stop-execution"
 				icon="stop"
 				size="large"
-				:title="$i.baseText('nodeView.stopWaitingForWebhookCall')"
+				:title="$locale.baseText('nodeView.stopWaitingForWebhookCall')"
 				type="light"
 				@click.stop="stopWaitingForWebhook()"
 			/>
 
 			<n8n-icon-button
 				v-if="!isReadOnly && workflowExecution && !workflowRunning"
-				:title="$i.baseText('nodeView.deletesTheCurrentExecutionData')"
+				:title="$locale.baseText('nodeView.deletesTheCurrentExecutionData')"
 				icon="trash"
 				size="large"
 				@click.stop="clearExecutionData()"
@@ -243,11 +243,11 @@ export default mixins(
 			const result = this.$store.getters.getStateIsDirty;
 			if(result) {
 				const importConfirm = await this.confirmMessage(
-					this.$i.baseText('nodeView.confirmMessage.beforeRouteLeave.message'),
-					this.$i.baseText('nodeView.confirmMessage.beforeRouteLeave.headline'),
+					this.$locale.baseText('nodeView.confirmMessage.beforeRouteLeave.message'),
+					this.$locale.baseText('nodeView.confirmMessage.beforeRouteLeave.headline'),
 					'warning',
-					this.$i.baseText('nodeView.confirmMessage.beforeRouteLeave.confirmButtonText'),
-					this.$i.baseText('nodeView.confirmMessage.beforeRouteLeave.cancelButtonText'),
+					this.$locale.baseText('nodeView.confirmMessage.beforeRouteLeave.confirmButtonText'),
+					this.$locale.baseText('nodeView.confirmMessage.beforeRouteLeave.cancelButtonText'),
 				);
 				if (importConfirm === false) {
 					next(false);
@@ -285,14 +285,14 @@ export default mixins(
 			},
 			runButtonText (): string {
 				if (this.workflowRunning === false) {
-					return this.$i.baseText('nodeView.runButtonText.executeWorkflow');
+					return this.$locale.baseText('nodeView.runButtonText.executeWorkflow');
 				}
 
 				if (this.executionWaitingForWebhook === true) {
-					return this.$i.baseText('nodeView.runButtonText.waitingForTriggerEvent');
+					return this.$locale.baseText('nodeView.runButtonText.waitingForTriggerEvent');
 				}
 
-				return this.$i.baseText('nodeView.runButtonText.executingWorkflow');
+				return this.$locale.baseText('nodeView.runButtonText.executingWorkflow');
 			},
 			workflowStyle (): object {
 				const offsetPosition = this.$store.getters.getNodeViewOffsetPosition;
@@ -355,8 +355,8 @@ export default mixins(
 				this.updateNodesExecutionIssues();
 			},
 			translateName(type: string, originalName: string) {
-				return this.$i.headerText({
-					key: `headers.${this.$i.shortNodeType(type)}.displayName`,
+				return this.$locale.headerText({
+					key: `headers.${this.$locale.shortNodeType(type)}.displayName`,
 					fallback: originalName,
 				});
 			},
@@ -442,8 +442,8 @@ export default mixins(
 				} catch (error) {
 					this.$showError(
 						error,
-						this.$i.baseText('nodeView.showError.openExecution.title'),
-						this.$i.baseText('nodeView.showError.openExecution.message') + ':',
+						this.$locale.baseText('nodeView.showError.openExecution.title'),
+						this.$locale.baseText('nodeView.showError.openExecution.message') + ':',
 					);
 					return;
 				}
@@ -503,15 +503,15 @@ export default mixins(
 
 				if ((data as IExecutionsSummary).waitTill) {
 					this.$showMessage({
-						title: this.$i.baseText('nodeView.thisExecutionHasntFinishedYet'),
-						message: `<a onclick="window.location.reload(false);">${this.$i.baseText('nodeView.refresh')}</a> ${this.$i.baseText('nodeView.toSeeTheLatestStatus')}.<br/> <a href="https://docs.n8n.io/nodes/n8n-nodes-base.wait/" target="_blank">${this.$i.baseText('nodeView.moreInfo')}</a>`,
+						title: this.$locale.baseText('nodeView.thisExecutionHasntFinishedYet'),
+						message: `<a onclick="window.location.reload(false);">${this.$locale.baseText('nodeView.refresh')}</a> ${this.$locale.baseText('nodeView.toSeeTheLatestStatus')}.<br/> <a href="https://docs.n8n.io/nodes/n8n-nodes-base.wait/" target="_blank">${this.$locale.baseText('nodeView.moreInfo')}</a>`,
 						type: 'warning',
 						duration: 0,
 					});
 				}
 			},
 			async openWorkflowTemplate (templateId: string) {
-				this.setLoadingText(this.$i.baseText('nodeView.loadingTemplate'));
+				this.setLoadingText(this.$locale.baseText('nodeView.loadingTemplate'));
 				this.resetWorkspace();
 
 				let data: IWorkflowTemplate | undefined;
@@ -521,7 +521,7 @@ export default mixins(
 
 					if (!data) {
 						throw new Error(
-							this.$i.baseText(
+							this.$locale.baseText(
 								'nodeView.workflowTemplateWithIdCouldNotBeFound',
 								{ interpolate: { templateId } },
 							),
@@ -530,11 +530,11 @@ export default mixins(
 
 					data.workflow.nodes.forEach((node) => {
 						if (!this.$store.getters.nodeType(node.type)) {
-							throw new Error(`The ${this.$i.shortNodeType(node.type)} node is not supported`);
+							throw new Error(`The ${this.$locale.shortNodeType(node.type)} node is not supported`);
 						}
 					});
 				} catch (error) {
-					this.$showError(error, this.$i.baseText('nodeView.couldntImportWorkflow'));
+					this.$showError(error, this.$locale.baseText('nodeView.couldntImportWorkflow'));
 					this.$router.push({ name: 'NodeViewNew' });
 					return;
 				}
@@ -577,15 +577,15 @@ export default mixins(
 				} catch (error) {
 					this.$showError(
 						error,
-						this.$i.baseText('nodeView.showError.openWorkflow.title'),
-						this.$i.baseText('nodeView.showError.openWorkflow.message') + ':',
+						this.$locale.baseText('nodeView.showError.openWorkflow.title'),
+						this.$locale.baseText('nodeView.showError.openWorkflow.message') + ':',
 					);
 					return;
 				}
 
 				if (data === undefined) {
 					throw new Error(
-						this.$i.baseText(
+						this.$locale.baseText(
 							'nodeView.workflowWithIdCouldNotBeFound',
 							{ interpolate: { workflowId } },
 						),
@@ -746,8 +746,8 @@ export default mixins(
 					}
 
 					this.$showMessage({
-						title: this.$i.baseText('nodeView.showMessage.keyDown.title'),
-						message: this.$i.baseText('nodeView.showMessage.keyDown.message'),
+						title: this.$locale.baseText('nodeView.showMessage.keyDown.title'),
+						message: this.$locale.baseText('nodeView.showMessage.keyDown.message'),
 						type: 'success',
 					});
 				} else if ((e.key === 's') && (this.isCtrlKeyPressed(e) === true)) {
@@ -1044,8 +1044,8 @@ export default mixins(
 					this.stopExecutionInProgress = true;
 					await this.restApi().stopCurrentExecution(executionId);
 					this.$showMessage({
-						title: this.$i.baseText('nodeView.showMessage.stopExecutionTry.title'),
-						message: this.$i.baseText(
+						title: this.$locale.baseText('nodeView.showMessage.stopExecutionTry.title'),
+						message: this.$locale.baseText(
 							'nodeView.showMessage.stopExecutionTry.message',
 							{ interpolate: { executionId } },
 						),
@@ -1073,15 +1073,15 @@ export default mixins(
 						this.$store.commit('setWorkflowExecutionData', executedData);
 						this.$store.commit('removeActiveAction', 'workflowRunning');
 						this.$showMessage({
-							title: this.$i.baseText('nodeView.showMessage.stopExecutionCatch.title'),
-							message: this.$i.baseText('nodeView.showMessage.stopExecutionCatch.message'),
+							title: this.$locale.baseText('nodeView.showMessage.stopExecutionCatch.title'),
+							message: this.$locale.baseText('nodeView.showMessage.stopExecutionCatch.message'),
 							type: 'success',
 						});
 					} else {
 						this.$showError(
 							error,
-							this.$i.baseText('nodeView.showError.stopExecution.title'),
-							this.$i.baseText('nodeView.showError.stopExecution.message') + ':',
+							this.$locale.baseText('nodeView.showError.stopExecution.title'),
+							this.$locale.baseText('nodeView.showError.stopExecution.message') + ':',
 						);
 					}
 				}
@@ -1094,15 +1094,15 @@ export default mixins(
 				} catch (error) {
 					this.$showError(
 						error,
-						this.$i.baseText('nodeView.showError.stopWaitingForWebhook.title'),
-						this.$i.baseText('nodeView.showError.stopWaitingForWebhook.message') + ':',
+						this.$locale.baseText('nodeView.showError.stopWaitingForWebhook.title'),
+						this.$locale.baseText('nodeView.showError.stopWaitingForWebhook.message') + ':',
 					);
 					return;
 				}
 
 				this.$showMessage({
-					title: this.$i.baseText('nodeView.showMessage.stopWaitingForWebhook.title'),
-					message: this.$i.baseText('nodeView.showMessage.stopWaitingForWebhook.message'),
+					title: this.$locale.baseText('nodeView.showMessage.stopWaitingForWebhook.title'),
+					message: this.$locale.baseText('nodeView.showMessage.stopWaitingForWebhook.message'),
 					type: 'success',
 				});
 			},
@@ -1122,14 +1122,14 @@ export default mixins(
 					}
 
 					const importConfirm = await this.confirmMessage(
-						this.$i.baseText(
+						this.$locale.baseText(
 							'nodeView.confirmMessage.receivedCopyPasteData.message',
 							{ interpolate: { plainTextData } },
 						),
-						this.$i.baseText('nodeView.confirmMessage.receivedCopyPasteData.headline'),
+						this.$locale.baseText('nodeView.confirmMessage.receivedCopyPasteData.headline'),
 						'warning',
-						this.$i.baseText('nodeView.confirmMessage.receivedCopyPasteData.confirmButtonText'),
-						this.$i.baseText('nodeView.confirmMessage.receivedCopyPasteData.cancelButtonText'),
+						this.$locale.baseText('nodeView.confirmMessage.receivedCopyPasteData.confirmButtonText'),
+						this.$locale.baseText('nodeView.confirmMessage.receivedCopyPasteData.cancelButtonText'),
 					);
 
 					if (importConfirm === false) {
@@ -1174,8 +1174,8 @@ export default mixins(
 					this.stopLoading();
 					this.$showError(
 						error,
-						this.$i.baseText('nodeView.showError.getWorkflowDataFromUrl.title'),
-						this.$i.baseText('nodeView.showError.getWorkflowDataFromUrl.message') + ':',
+						this.$locale.baseText('nodeView.showError.getWorkflowDataFromUrl.title'),
+						this.$locale.baseText('nodeView.showError.getWorkflowDataFromUrl.message') + ':',
 					);
 					return;
 				}
@@ -1216,8 +1216,8 @@ export default mixins(
 				} catch (error) {
 					this.$showError(
 						error,
-						this.$i.baseText('nodeView.showError.importWorkflowData.title'),
-						this.$i.baseText('nodeView.showError.importWorkflowData.message') + ':',
+						this.$locale.baseText('nodeView.showError.importWorkflowData.title'),
+						this.$locale.baseText('nodeView.showError.importWorkflowData.message') + ':',
 					);
 				}
 			},
@@ -1260,8 +1260,8 @@ export default mixins(
 			showMaxNodeTypeError (nodeTypeData: INodeTypeDescription) {
 				const maxNodes = nodeTypeData.maxNodes;
 				this.$showMessage({
-					title: this.$i.baseText('nodeView.showMessage.showMaxNodeTypeError.title'),
-					message: this.$i.baseText(
+					title: this.$locale.baseText('nodeView.showMessage.showMaxNodeTypeError.title'),
+					message: this.$locale.baseText(
 						maxNodes === 1
 							? 'nodeView.showMessage.showMaxNodeTypeError.message.singular'
 							: 'nodeView.showMessage.showMaxNodeTypeError.message.plural',
@@ -1281,8 +1281,8 @@ export default mixins(
 
 				if (nodeTypeData === null) {
 					this.$showMessage({
-						title: this.$i.baseText('nodeView.showMessage.addNodeButton.title'),
-						message: this.$i.baseText(
+						title: this.$locale.baseText('nodeView.showMessage.addNodeButton.title'),
+						message: this.$locale.baseText(
 							'nodeView.showMessage.addNodeButton.message',
 							{ interpolate: { nodeTypeName } },
 						),
@@ -1802,11 +1802,11 @@ export default mixins(
 					const result = this.$store.getters.getStateIsDirty;
 					if(result) {
 						const importConfirm = await this.confirmMessage(
-							this.$i.baseText('nodeView.confirmMessage.initView.message'),
-							this.$i.baseText('nodeView.confirmMessage.initView.headline'),
+							this.$locale.baseText('nodeView.confirmMessage.initView.message'),
+							this.$locale.baseText('nodeView.confirmMessage.initView.headline'),
 							'warning',
-							this.$i.baseText('nodeView.confirmMessage.initView.confirmButtonText'),
-							this.$i.baseText('nodeView.confirmMessage.initView.cancelButtonText'),
+							this.$locale.baseText('nodeView.confirmMessage.initView.confirmButtonText'),
+							this.$locale.baseText('nodeView.confirmMessage.initView.cancelButtonText'),
 						);
 						if (importConfirm === false) {
 							return Promise.resolve();
@@ -1845,12 +1845,12 @@ export default mixins(
 
 				window.addEventListener("beforeunload",  (e) => {
 					if(this.$store.getters.getStateIsDirty === true) {
-						const confirmationMessage = this.$i.baseText('nodeView.itLooksLikeYouHaveBeenEditingSomething');
+						const confirmationMessage = this.$locale.baseText('nodeView.itLooksLikeYouHaveBeenEditingSomething');
 						(e || window.event).returnValue = confirmationMessage; //Gecko + IE
 						return confirmationMessage; //Gecko + Webkit, Safari, Chrome etc.
 					} else {
 						this.startLoading(
-							this.$i.baseText('nodeView.redirecting'),
+							this.$locale.baseText('nodeView.redirecting'),
 						);
 
 						return;
@@ -2204,13 +2204,13 @@ export default mixins(
 			async renameNodePrompt (currentName: string) {
 				try {
 					const promptResponsePromise = this.$prompt(
-						this.$i.baseText('nodeView.prompt.newName') + ':',
-						this.$i.baseText('nodeView.prompt.renameNode') + `: ${currentName}`,
+						this.$locale.baseText('nodeView.prompt.newName') + ':',
+						this.$locale.baseText('nodeView.prompt.renameNode') + `: ${currentName}`,
 						{
 							customClass: 'rename-prompt',
-							confirmButtonText: this.$i.baseText('nodeView.prompt.rename'),
-							cancelButtonText: this.$i.baseText('nodeView.prompt.cancel'),
-							inputErrorMessage: this.$i.baseText('nodeView.prompt.invalidName'),
+							confirmButtonText: this.$locale.baseText('nodeView.prompt.rename'),
+							cancelButtonText: this.$locale.baseText('nodeView.prompt.cancel'),
+							inputErrorMessage: this.$locale.baseText('nodeView.prompt.invalidName'),
 							inputValue: currentName,
 						},
 					);
@@ -2348,7 +2348,7 @@ export default mixins(
 						try {
 							nodeParameters = NodeHelpers.getNodeParameters(nodeType.properties, node.parameters, true, false);
 						} catch (e) {
-							console.error(this.$i.baseText('nodeView.thereWasAProblemLoadingTheNodeParametersOfNode') + `: "${node.name}"`); // eslint-disable-line no-console
+							console.error(this.$locale.baseText('nodeView.thereWasAProblemLoadingTheNodeParametersOfNode') + `: "${node.name}"`); // eslint-disable-line no-console
 							console.error(e); // eslint-disable-line no-console
 						}
 						node.parameters = nodeParameters !== null ? nodeParameters : {};
@@ -2424,7 +2424,7 @@ export default mixins(
 				if (!data.nodes) {
 					// No nodes to add
 					throw new Error(
-						this.$i.baseText('nodeView.noNodesGivenToAdd'),
+						this.$locale.baseText('nodeView.noNodesGivenToAdd'),
 					);
 				}
 
@@ -2718,8 +2718,8 @@ export default mixins(
 			} catch (error) {
 				this.$showError(
 					error,
-					this.$i.baseText('nodeView.showError.mounted1.title'),
-					this.$i.baseText('nodeView.showError.mounted1.message') + ':',
+					this.$locale.baseText('nodeView.showError.mounted1.title'),
+					this.$locale.baseText('nodeView.showError.mounted1.message') + ':',
 				);
 				return;
 			}
@@ -2731,8 +2731,8 @@ export default mixins(
 				} catch (error) {
 					this.$showError(
 						error,
-						this.$i.baseText('nodeView.showError.mounted2.title'),
-						this.$i.baseText('nodeView.showError.mounted2.message') + ':',
+						this.$locale.baseText('nodeView.showError.mounted2.title'),
+						this.$locale.baseText('nodeView.showError.mounted2.message') + ':',
 					);
 				}
 				this.stopLoading();