[i18n] g global namespace (#1843)

* Batch move global scope i18n to g. namespace

* Minor fix

* Update locale

* Update locales [skip ci]

* More moves

* Regroup icon/color

* nit

* Fix component test

---------

Co-authored-by: github-actions <github-actions@github.com>

src/components/sidebar/SidebarSettingsToggleIcon.vue

@@ -3,7 +3,7 @@
     icon="pi pi-cog"
     class="comfy-settings-btn"
     @click="showSetting"
-    :tooltip="$t('settings')"
+    :tooltip="$t('g.settings')"
   />
 </template>
 

src/components/sidebar/tabs/ModelLibrarySidebarTab.vue

@@ -9,21 +9,21 @@
         @click="modelStore.loadModelFolders"
         severity="secondary"
         text
-        v-tooltip.bottom="$t('refresh')"
+        v-tooltip.bottom="$t('g.refresh')"
       />
       <Button
         icon="pi pi-cloud-download"
         @click="modelStore.loadModels"
         severity="secondary"
         text
-        v-tooltip.bottom="$t('loadAllFolders')"
+        v-tooltip.bottom="$t('g.loadAllFolders')"
       />
     </template>
     <template #header>
       <SearchBox
         class="model-lib-search-box p-2 2xl:p-4"
         v-model:modelValue="searchQuery"
-        :placeholder="$t('searchModels') + '...'"
+        :placeholder="$t('g.searchModels') + '...'"
         @search="handleSearch"
       />
     </template>

src/components/sidebar/tabs/NodeLibrarySidebarTab.vue

@@ -10,7 +10,7 @@
         text
         severity="secondary"
         @click="nodeBookmarkTreeExplorerRef?.addNewBookmarkFolder()"
-        v-tooltip.bottom="$t('newFolder')"
+        v-tooltip.bottom="$t('g.newFolder')"
       />
       <Button
         class="sort-button"
@@ -28,7 +28,7 @@
         @search="handleSearch"
         @show-filter="($event) => searchFilter.toggle($event)"
         @remove-filter="onRemoveFilter"
-        :placeholder="$t('searchNodes') + '...'"
+        :placeholder="$t('g.searchNodes') + '...'"
         filter-icon="pi pi-filter"
         :filters
       />

src/components/sidebar/tabs/QueueSidebarTab.vue

@@ -75,8 +75,8 @@
       <div v-else>
         <NoResultsPlaceholder
           icon="pi pi-info-circle"
-          :title="$t('noTasksFound')"
-          :message="$t('noTasksFoundMessage')"
+          :title="$t('g.noTasksFound')"
+          :message="$t('g.noTasksFoundMessage')"
         />
       </div>
     </template>
@@ -241,19 +241,19 @@ const menuTargetTask = ref<TaskItemImpl | null>(null)
 const menuTargetNode = ref<ComfyNode | null>(null)
 const menuItems = computed<MenuItem[]>(() => [
   {
-    label: t('delete'),
+    label: t('g.delete'),
     icon: 'pi pi-trash',
     command: () => menuTargetTask.value && removeTask(menuTargetTask.value),
     disabled: isExpanded.value || isInFolderView.value
   },
   {
-    label: t('loadWorkflow'),
+    label: t('g.loadWorkflow'),
     icon: 'pi pi-file-export',
     command: () => menuTargetTask.value?.loadWorkflow(app),
     disabled: !menuTargetTask.value?.workflow
   },
   {
-    label: t('goToNode'),
+    label: t('g.goToNode'),
     icon: 'pi pi-arrow-circle-right',
     command: () => app.goToNode(menuTargetNode.value?.id),
     visible: !!menuTargetNode.value

src/components/sidebar/tabs/WorkflowsSidebarTab.vue

@@ -31,7 +31,7 @@
         class="workflows-search-box p-2 2xl:p-4"
         v-model:modelValue="searchQuery"
         @search="handleSearch"
-        :placeholder="$t('searchWorkflows') + '...'"
+        :placeholder="$t('g.searchWorkflows') + '...'"
       />
     </template>
     <template #body>
@@ -116,8 +116,8 @@
           <NoResultsPlaceholder
             v-else
             icon="pi pi-folder"
-            :title="$t('empty')"
-            :message="$t('noWorkflowsFound')"
+            :title="$t('g.empty')"
+            :message="$t('g.noWorkflowsFound')"
           />
         </div>
       </div>
@@ -278,7 +278,7 @@ const renderTreeNode = (
         contextMenuItems: (node: TreeExplorerNode<ComfyWorkflow>) => {
           return [
             {
-              label: t('insert'),
+              label: t('g.insert'),
               icon: 'pi pi-file-export',
               command: () => {
                 const workflow = node.data

src/components/sidebar/tabs/nodeLibrary/NodeBookmarkTreeExplorer.vue

@@ -93,7 +93,7 @@ const extraMenuItems = (
   menuTargetNode: RenderedTreeExplorerNode<ComfyNodeDefImpl>
 ) => [
   {
-    label: t('newFolder'),
+    label: t('g.newFolder'),
     icon: 'pi pi-folder-plus',
     command: () => {
       addNewBookmarkFolder(menuTargetNode)
@@ -101,7 +101,7 @@ const extraMenuItems = (
     visible: !menuTargetNode?.leaf
   },
   {
-    label: t('customize'),
+    label: t('g.customize'),
     icon: 'pi pi-palette',
     command: () => {
       const customization =

src/components/sidebar/tabs/nodeLibrary/NodeTreeLeaf.vue

@@ -4,12 +4,12 @@
       <template #before-label>
         <Tag
           v-if="nodeDef.experimental"
-          :value="$t('experimental')"
+          :value="$t('g.experimental')"
           severity="primary"
         />
         <Tag
           v-if="nodeDef.deprecated"
-          :value="$t('deprecated')"
+          :value="$t('g.deprecated')"
           severity="danger"
         />
       </template>

src/components/sidebar/tabs/queue/ResultVideo.vue

@@ -1,7 +1,7 @@
 <template>
   <video controls width="100%" height="100%">
     <source :src="url" :type="htmlVideoType" />
-    {{ $t('videoFailedToLoad') }}
+    {{ $t('g.videoFailedToLoad') }}
   </video>
 </template>