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,