From 80013bcd5c7e45249083e328a2f7c1ba9d1a6a1c Mon Sep 17 00:00:00 2001
From: sno <snomiao@gmail.com>
Date: Tue, 21 Oct 2025 05:11:22 +0900
Subject: [PATCH] [bugfix] Fix i18n linting errors (#6170)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Summary
- Fix i18n linting errors by adding missing locale keys to
`src/locales/en/main.json`
- Update all affected components to use `$t()` for internationalization

## Changes
Added the following locale keys:
- `comfyOrgLogoAlt`: "ComfyOrg Logo"
- `comfy`: "Comfy"
- `pressKeysForNewBinding`: "Press keys for new binding"
- `defaultBanner`: "default banner"
- `enableOrDisablePack`: "Enable or disable pack"
- `openManager`: "Open Manager"
- `graphNavigation`: "Graph navigation"

Updated components to use i18n keys:
- `ComfyOrgHeader.vue`
- `KeybindingPanel.vue`
- `PackBanner.vue`
- `PackIcon.vue`
- `PackEnableToggle.vue`
- `LoadWorkflowWarning.vue`
- `SubgraphBreadcrumb.vue`
- `SignInContent.vue`

## Test plan
- [x] Run `pnpm lint` - all i18n linting errors resolved
- [x] Pre-commit hooks pass

Aim to make #5625 CI/CD pass.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6170-bugfix-Fix-i18n-linting-errors-2926d73d365081c3b7fbcbbf4a8e03d6)
by [Unito](https://www.unito.io)

Co-authored-by: Claude <noreply@anthropic.com>
---
 src/components/breadcrumb/SubgraphBreadcrumb.vue           | 2 +-
 src/components/dialog/content/LoadWorkflowWarning.vue      | 7 ++++++-
 src/components/dialog/content/SignInContent.vue            | 2 +-
 src/components/dialog/content/setting/KeybindingPanel.vue  | 2 +-
 src/components/dialog/header/ComfyOrgHeader.vue            | 2 +-
 src/locales/en/main.json                                   | 7 +++++++
 .../manager/components/manager/button/PackEnableToggle.vue | 4 ++--
 .../manager/components/manager/packBanner/PackBanner.vue   | 2 +-
 .../manager/components/manager/packIcon/PackIcon.vue       | 2 +-
 9 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/components/breadcrumb/SubgraphBreadcrumb.vue b/src/components/breadcrumb/SubgraphBreadcrumb.vue
index 4d6c82671..c5ee7ab71 100644
--- a/src/components/breadcrumb/SubgraphBreadcrumb.vue
+++ b/src/components/breadcrumb/SubgraphBreadcrumb.vue
@@ -18,7 +18,7 @@
       class="w-fit rounded-lg p-0"
       :model="items"
       :pt="{ item: { class: 'pointer-events-auto' } }"
-      aria-label="Graph navigation"
+      :aria-label="$t('g.graphNavigation')"
     >
       <template #item="{ item }">
         <SubgraphBreadcrumbItem
diff --git a/src/components/dialog/content/LoadWorkflowWarning.vue b/src/components/dialog/content/LoadWorkflowWarning.vue
index c97104bdd..85a3e81ac 100644
--- a/src/components/dialog/content/LoadWorkflowWarning.vue
+++ b/src/components/dialog/content/LoadWorkflowWarning.vue
@@ -46,7 +46,12 @@
           : $t('manager.installAllMissingNodes')
       "
     />
-    <Button label="Open Manager" size="small" outlined @click="openManager" />
+    <Button
+      :label="$t('g.openManager')"
+      size="small"
+      outlined
+      @click="openManager"
+    />
   </div>
 </template>
 
diff --git a/src/components/dialog/content/SignInContent.vue b/src/components/dialog/content/SignInContent.vue
index a6bb0e890..19da83125 100644
--- a/src/components/dialog/content/SignInContent.vue
+++ b/src/components/dialog/content/SignInContent.vue
@@ -89,7 +89,7 @@
           <img
             src="/assets/images/comfy-logo-mono.svg"
             class="mr-2 h-5 w-5"
-            alt="Comfy"
+            :alt="$t('g.comfy')"
           />
           {{ t('auth.login.useApiKey') }}
         </Button>
diff --git a/src/components/dialog/content/setting/KeybindingPanel.vue b/src/components/dialog/content/setting/KeybindingPanel.vue
index 6117d5ea8..861ec9bc6 100644
--- a/src/components/dialog/content/setting/KeybindingPanel.vue
+++ b/src/components/dialog/content/setting/KeybindingPanel.vue
@@ -89,7 +89,7 @@
           ref="keybindingInput"
           class="mb-2 text-center"
           :model-value="newBindingKeyCombo?.toString() ?? ''"
-          placeholder="Press keys for new binding"
+          :placeholder="$t('g.pressKeysForNewBinding')"
           autocomplete="off"
           fluid
           @keydown.stop.prevent="captureKeybinding"
diff --git a/src/components/dialog/header/ComfyOrgHeader.vue b/src/components/dialog/header/ComfyOrgHeader.vue
index 8a8a0afa2..d4fc3a458 100644
--- a/src/components/dialog/header/ComfyOrgHeader.vue
+++ b/src/components/dialog/header/ComfyOrgHeader.vue
@@ -3,7 +3,7 @@
   <div class="px-2 py-4">
     <img
       src="/assets/images/comfy-logo-single.svg"
-      alt="ComfyOrg Logo"
+      :alt="$t('g.comfyOrgLogoAlt')"
       width="32"
       height="32"
     />
diff --git a/src/locales/en/main.json b/src/locales/en/main.json
index b23d88902..210468449 100644
--- a/src/locales/en/main.json
+++ b/src/locales/en/main.json
@@ -36,6 +36,8 @@
     "import": "Import",
     "loadAllFolders": "Load All Folders",
     "logoAlt": "ComfyUI Logo",
+    "comfyOrgLogoAlt": "ComfyOrg Logo",
+    "comfy": "Comfy",
     "refresh": "Refresh",
     "refreshNode": "Refresh Node",
     "terminal": "Terminal",
@@ -88,6 +90,11 @@
     "no": "No",
     "cancel": "Cancel",
     "close": "Close",
+    "pressKeysForNewBinding": "Press keys for new binding",
+    "defaultBanner": "default banner",
+    "enableOrDisablePack": "Enable or disable pack",
+    "openManager": "Open Manager",
+    "graphNavigation": "Graph navigation",
     "dropYourFileOr": "Drop your file or",
     "back": "Back",
     "next": "Next",
diff --git a/src/workbench/extensions/manager/components/manager/button/PackEnableToggle.vue b/src/workbench/extensions/manager/components/manager/button/PackEnableToggle.vue
index be162c571..c032f5ba9 100644
--- a/src/workbench/extensions/manager/components/manager/button/PackEnableToggle.vue
+++ b/src/workbench/extensions/manager/components/manager/button/PackEnableToggle.vue
@@ -16,14 +16,14 @@
       :model-value="isEnabled"
       :disabled="isLoading"
       :readonly="!canToggleDirectly"
-      aria-label="Enable or disable pack"
+      :aria-label="$t('g.enableOrDisablePack')"
       @focus="handleToggleInteraction"
     />
     <ToggleSwitch
       v-else
       :model-value="isEnabled"
       :disabled="isLoading"
-      aria-label="Enable or disable pack"
+      :aria-label="$t('g.enableOrDisablePack')"
       @update:model-value="onToggle"
     />
   </div>
diff --git a/src/workbench/extensions/manager/components/manager/packBanner/PackBanner.vue b/src/workbench/extensions/manager/components/manager/packBanner/PackBanner.vue
index ffb158fa1..cce839e22 100644
--- a/src/workbench/extensions/manager/components/manager/packBanner/PackBanner.vue
+++ b/src/workbench/extensions/manager/components/manager/packBanner/PackBanner.vue
@@ -4,7 +4,7 @@
     <div v-if="showDefaultBanner" class="h-full w-full">
       <img
         :src="DEFAULT_BANNER"
-        alt="default banner"
+        :alt="$t('g.defaultBanner')"
         class="h-full w-full object-cover"
       />
     </div>
diff --git a/src/workbench/extensions/manager/components/manager/packIcon/PackIcon.vue b/src/workbench/extensions/manager/components/manager/packIcon/PackIcon.vue
index 0d753267a..d1375ff2f 100644
--- a/src/workbench/extensions/manager/components/manager/packIcon/PackIcon.vue
+++ b/src/workbench/extensions/manager/components/manager/packIcon/PackIcon.vue
@@ -4,7 +4,7 @@
     <div v-if="showDefaultBanner" class="h-full w-full">
       <img
         :src="DEFAULT_BANNER"
-        alt="default banner"
+        :alt="$t('g.defaultBanner')"
         class="h-full w-full object-cover"
       />
     </div>