chore(core): use define slots

docs/src/components.d.ts

@@ -3,11 +3,9 @@
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
-import '@vue/runtime-core'
-
 export {}
 
-declare module '@vue/runtime-core' {
+declare module 'vue' {
   export interface GlobalComponents {
     Acknowledgement: typeof import('./../components/home/Acknowledgement.vue')['default']
     Additional: typeof import('./../components/home/flows/Additional.vue')['default']

packages/core/src/container/VueFlow/VueFlow.vue

@@ -1,12 +1,13 @@
 <script lang="ts" setup>
-import type { D3ZoomEvent } from 'd3-zoom'
 import { useVModel } from '@vueuse/core'
 import { onMounted, onUnmounted, provide, ref, useSlots } from 'vue'
+import type { D3ZoomEvent } from 'd3-zoom'
 import Viewport from '../Viewport/Viewport.vue'
 import A11yDescriptions from '../../components/A11y/A11yDescriptions.vue'
 import type { FlowElements, FlowProps } from '../../types/flow'
 import type {
   Connection,
+  ConnectionLineProps,
   EdgeChange,
   EdgeMouseEvent,
   EdgeUpdateEvent,
@@ -129,6 +130,12 @@ const emit = defineEmits<{
   (event: 'update:edges', value: GraphEdge[]): void
 }>()
 
+defineSlots<{
+  'connection-line'(connectionLineProps: ConnectionLineProps): any
+  'zoom-pane'(): any
+  'default'(): any
+}>()
+
 const modelValue = useVModel(props, 'modelValue', emit)
 const modelNodes = useVModel(props, 'nodes', emit)
 const modelEdges = useVModel(props, 'edges', emit)
@@ -188,7 +195,7 @@ export default {
         </template>
       </template>
 
-      <template #connection-name>
+      <template #connection-line>
         <slot name="connection-line" />
       </template>