add missing translations

src/locales/en/main.json

@@ -152,7 +152,12 @@
     "noAudioRecorded": "No audio recorded",
     "nodesRunning": "nodes running",
     "duplicate": "Duplicate",
-    "moreWorkflows": "More workflows"
+    "moreWorkflows": "More workflows",
+    "nodeRenderError": "Node Render Error",
+    "nodeContentError": "Node Content Error",
+    "nodeHeaderError": "Node Header Error",
+    "nodeSlotsError": "Node Slots Error",
+    "nodeWidgetsError": "Node Widgets Error"
   },
   "manager": {
     "title": "Custom Nodes Manager",

src/renderer/extensions/vueNodes/components/LGraphNode.vue

@@ -1,7 +1,6 @@
 <template>
-  <!-- eslint-disable-next-line @intlify/vue-i18n/no-raw-text -->
   <div v-if="renderError" class="node-error p-2 text-red-500 text-sm">
-    ⚠️ Node Render Error
+    {{ $t('Node Render Error') }}
   </div>
   <div
     v-else

src/renderer/extensions/vueNodes/components/NodeContent.vue

@@ -1,7 +1,6 @@
 <template>
-  <!-- eslint-disable-next-line @intlify/vue-i18n/no-raw-text -->
   <div v-if="renderError" class="node-error p-2 text-red-500 text-sm">
-    ⚠️ Node Content Error
+    {{ $t('Node Content Error') }}
   </div>
   <div v-else class="lg-node-content">
     <!-- Default slot for custom content -->

src/renderer/extensions/vueNodes/components/NodeHeader.vue

@@ -1,7 +1,6 @@
 <template>
-  <!-- eslint-disable-next-line @intlify/vue-i18n/no-raw-text -->
   <div v-if="renderError" class="node-error p-4 text-red-500 text-sm">
-    ⚠️ Node Header Error
+    {{ $t('Node Header Error') }}
   </div>
   <div
     v-else

src/renderer/extensions/vueNodes/components/NodeSlots.vue

@@ -1,7 +1,6 @@
 <template>
-  <!-- eslint-disable-next-line @intlify/vue-i18n/no-raw-text -->
   <div v-if="renderError" class="node-error p-2 text-red-500 text-sm">
-    ⚠️ Node Slots Error
+    {{ $t('Node Slots Error') }}
   </div>
   <div v-else class="lg-node-slots flex justify-between">
     <div v-if="filteredInputs.length" class="flex flex-col gap-1">

src/renderer/extensions/vueNodes/components/NodeWidgets.vue

@@ -1,7 +1,6 @@
 <template>
-  <!-- eslint-disable-next-line @intlify/vue-i18n/no-raw-text -->
   <div v-if="renderError" class="node-error p-2 text-red-500 text-sm">
-    ⚠️ Node Widgets Error
+    {{ $t('Node Widgets Error') }}
   </div>
   <div v-else class="lg-node-widgets flex flex-col gap-2 pr-4">
     <div

src/renderer/extensions/vueNodes/widgets/components/WidgetFileUpload.vue

@@ -150,9 +150,7 @@
       :style="{ borderColor: '#262729' }"
     >
       <div class="flex flex-col items-center gap-2 w-full py-4">
-        <!-- Quick and dirty file type detection for testing -->
+        <span class="text-xs opacity-60"> {{ $t('Drop your file or') }} </span>
-        <!-- eslint-disable-next-line @intlify/vue-i18n/no-raw-text -->
-        <span class="text-xs opacity-60"> Drop your file or </span>
         <div>
           <Button
             label="Browse Files"
@@ -183,13 +181,9 @@ import Button from 'primevue/button'
 import Select from 'primevue/select'
 import { computed, onUnmounted, ref, watch } from 'vue'
 
-// import { useI18n } from 'vue-i18n' // Commented out for testing
-
 import { useWidgetValue } from '@/composables/graph/useWidgetValue'
 import type { SimplifiedWidget } from '@/types/simplifiedWidget'
 
-// const { t } = useI18n() // Commented out for testing
-
 const props = defineProps<{
   widget: SimplifiedWidget<File[] | null>
   modelValue: File[] | null
@@ -200,7 +194,6 @@ const emit = defineEmits<{
   'update:modelValue': [value: File[] | null]
 }>()
 
-// Use the composable for consistent widget value handling
 const { localValue, onChange } = useWidgetValue({
   widget: props.widget,
   modelValue: props.modelValue,