diff --git a/src/renderer/extensions/vueNodes/components/InputSlot.vue b/src/renderer/extensions/vueNodes/components/InputSlot.vue
index 61c4dd35a8..ba8ae57b1d 100644
--- a/src/renderer/extensions/vueNodes/components/InputSlot.vue
+++ b/src/renderer/extensions/vueNodes/components/InputSlot.vue
@@ -7,7 +7,7 @@
cn(
'lg-slot lg-slot--input flex items-center group rounded-r-lg m-0',
'cursor-crosshair',
- props.dotOnly ? 'lg-slot--dot-only' : 'pr-6',
+ dotOnly ? 'lg-slot--dot-only' : 'pr-6',
{
'lg-slot--connected': props.connected,
'lg-slot--compatible': props.compatible,
@@ -36,7 +36,7 @@
-
- {{ slotData.localized_name || slotData.name || `Output ${index}` }}
+
+ {{ slotData.localized_name || (slotData.name ?? `Output ${index}`) }}
@@ -44,6 +47,11 @@ interface OutputSlotProps {
const props = defineProps()
+const hasNoLabel = computed(
+ () => !props.slotData.localized_name && props.slotData.name === ''
+)
+const dotOnly = computed(() => props.dotOnly || hasNoLabel.value)
+
// Error boundary implementation
const renderError = ref(null)
@@ -79,7 +87,7 @@ const slotWrapperClass = computed(() =>
cn(
'lg-slot lg-slot--output flex items-center justify-end group rounded-l-lg h-6',
'cursor-crosshair',
- props.dotOnly ? 'lg-slot--dot-only justify-center' : 'pl-6',
+ dotOnly.value ? 'lg-slot--dot-only justify-center' : 'pl-6',
{
'lg-slot--connected': props.connected,
'lg-slot--compatible': props.compatible,