update: Add names to components

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>

src/container/EdgeRenderer/EdgeRenderer.vue

@@ -29,6 +29,11 @@ const connectionLineVisible = computed(
 const dimensions = computed(() => store.dimensions)
 const transform = computed(() => `translate(${store.transform[0]},${store.transform[1]}) scale(${store.transform[2]})`)
 </script>
+<script lang="ts">
+export default {
+  name: 'Edges',
+}
+</script>
 <template>
   <svg :width="dimensions.width" :height="dimensions.height" class="vue-flow__edges">
     <MarkerDefinitions :color="props.arrowHeadColor" />

src/container/EdgeRenderer/Marker.vue

@@ -5,6 +5,11 @@ interface MarkerProps {
 
 const props = defineProps<MarkerProps>()
 </script>
+<script lang="ts">
+export default {
+  name: 'Marker',
+}
+</script>
 <template>
   <marker
     :id="props.id"

src/container/EdgeRenderer/MarkerDefinitions.vue

@@ -9,6 +9,11 @@ const props = withDefaults(defineProps<MarkerDefinitionsProps>(), {
   color: '',
 })
 </script>
+<script lang="ts">
+export default {
+  name: 'MarkerDefinitions',
+}
+</script>
 <template>
   <defs>
     <Marker id="vue-flow__arrowclosed">

src/container/NodeRenderer/NodeRenderer.vue

@@ -18,6 +18,11 @@ const store = useStore()
 const transform = computed(() => `translate(${store.transform[0]}px,${store.transform[1]}px) scale(${store.transform[2]})`)
 const snapGrid = computed(() => (props.snapToGrid || store.snapToGrid ? props.snapGrid ?? store.snapGrid : undefined))
 </script>
+<script lang="ts">
+export default {
+  name: 'Nodes',
+}
+</script>
 <template>
   <div class="vue-flow__nodes" :style="{ transform }">
     <Node

src/container/SelectionPane/SelectionPane.vue

@@ -59,6 +59,7 @@ const nodesSelectionActive = computed(() => store.nodesSelectionActive)
 </script>
 <script lang="ts">
 export default {
+  name: 'SelectionPane',
   inheritAttrs: false,
 }
 </script>

src/container/VueFlow/VueFlow.vue

@@ -9,7 +9,6 @@ import {
   KeyCode,
   TranslateExtent,
   NodeExtent,
-  FlowOptions,
   NodeTypes,
   EdgeTypes,
   FlowStore,
@@ -25,7 +24,7 @@ import LoadingIndicator from '../../components/Loading/LoadingIndicator.vue'
 import { createHooks, initFlow, useZoomPanHelper } from '../../composables'
 import { onLoadGetElements, onLoadProject, onLoadToObject } from '../../utils'
 
-export interface FlowProps extends Partial<FlowOptions> {
+interface FlowProps {
   id?: string
   store?: FlowStore
   modelValue?: Elements

src/container/ZoomPane/ZoomPane.vue

@@ -203,6 +203,11 @@ watch(
   { flush: 'pre' },
 )
 </script>
+<script lang="ts">
+export default {
+  name: 'ZoomPane',
+}
+</script>
 <template>
   <div ref="zoomPane" class="vue-flow__renderer vue-flow__zoompane">
     <slot