<script setup lang="ts">
  import { BaseEdge, ConnectionLineProps, getBezierPath } from '@vue-flow/core';
  import { computed } from 'vue';

  type CustomConnectionLineProps = Partial<ConnectionLineProps>;

  const props = defineProps<CustomConnectionLineProps>();

  const path = computed(() => getBezierPath(props as unknown as Required<ConnectionLineProps>));
</script>

<template>
  <BaseEdge v-bind="props" :path="path[0]" :marker-end="markerEnd" />
</template>