From 9003c15811fe87865b96e43c11b2dc32edb2b30f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E0=A4=95=E0=A4=BE=E0=A4=B0=E0=A4=A4=E0=A5=8B=E0=A4=AB?=
 =?UTF-8?q?=E0=A5=8D=E0=A4=AB=E0=A5=87=E0=A4=B2=E0=A4=B8=E0=A5=8D=E0=A4=95?=
 =?UTF-8?q?=E0=A5=8D=E0=A4=B0=E0=A4=BF=E0=A4=AA=E0=A5=8D=E0=A4=9F=E2=84=A2?=
 <netroy@users.noreply.github.com>
Date: Wed, 8 May 2024 14:33:53 +0200
Subject: [PATCH] fix(editor): Fix i18n usage in design-system (no-changelog)
 (#9341)

---
 .github/workflows/chromatic.yml                             | 6 ++++--
 .../src/components/N8nNodeCreatorNode/NodeCreatorNode.vue   | 6 +++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml
index ce860885c1..47894c53d2 100644
--- a/.github/workflows/chromatic.yml
+++ b/.github/workflows/chromatic.yml
@@ -1,9 +1,11 @@
 name: Chromatic
 
 on:
-  schedule:
-    - cron: '0 0 * * *'
   workflow_dispatch:
+  pull_request:
+    paths:
+      - packages/design-system/**
+      - .github/workflows/chromatic.yml
 
 jobs:
   chromatic:
diff --git a/packages/design-system/src/components/N8nNodeCreatorNode/NodeCreatorNode.vue b/packages/design-system/src/components/N8nNodeCreatorNode/NodeCreatorNode.vue
index da24b0ff5b..a6cb79897b 100644
--- a/packages/design-system/src/components/N8nNodeCreatorNode/NodeCreatorNode.vue
+++ b/packages/design-system/src/components/N8nNodeCreatorNode/NodeCreatorNode.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useI18n } from '@/composables/useI18n';
+import { useI18n } from '../../composables/useI18n';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import N8nTooltip from '../N8nTooltip';
 import { ElTag } from 'element-plus';
@@ -20,7 +20,7 @@ defineEmits<{
 	(event: 'tooltipClick', $e: MouseEvent): void;
 }>();
 
-const i18n = useI18n();
+const { t } = useI18n();
 </script>
 
 <template>
@@ -44,7 +44,7 @@ const i18n = useI18n();
 					v-if="isTrigger"
 					icon="bolt"
 					size="xs"
-					:title="i18n.baseText('nodeCreator.nodeItem.triggerIconTitle')"
+					:title="t('nodeCreator.nodeItem.triggerIconTitle')"
 					:class="$style.triggerIcon"
 				/>
 				<N8nTooltip