chore: lint files

examples/src/FloatingEdges/FloatingConnectionLine.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
-import { getBezierPath, GraphNode, Position } from '@braks/vue-flow'
+import type { GraphNode, Position } from '@braks/vue-flow'
+import { getBezierPath } from '@braks/vue-flow'
 import { getEdgeParams } from './floating-edge-utils'
 
 interface FloatingConnectionLineProps {
@@ -30,6 +31,7 @@ const d = computed(() =>
   }),
 )
 </script>
+
 <template>
   <g>
     <path fill="none" stroke="#222" :stroke-width="1.5" class="animated" :d="d" />

examples/src/FloatingEdges/FloatingEdge.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
-import { CSSProperties } from 'vue'
-import { getBezierPath, GraphNode, EdgeProps, MarkerType } from '@braks/vue-flow'
+import type { CSSProperties } from 'vue'
+import type { EdgeProps, GraphNode, MarkerType } from '@braks/vue-flow'
+import { getBezierPath } from '@braks/vue-flow'
 import { getEdgeParams } from './floating-edge-utils'
 
 interface FloatingEdgeProps extends EdgeProps {
@@ -33,6 +34,7 @@ const d = computed(
     '',
 )
 </script>
+
 <template>
   <g class="vue-flow__connection">
     <path

examples/src/FloatingEdges/FloatingEdges.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { VueFlow, Background, MiniMap, Controls, MarkerType, useVueFlow } from '@braks/vue-flow'
+import { Background, Controls, MarkerType, MiniMap, VueFlow, useVueFlow } from '@braks/vue-flow'
 import FloatingEdge from './FloatingEdge.vue'
 import FloatingConnectionLine from './FloatingConnectionLine.vue'
 import { createElements } from './floating-edge-utils'
@@ -10,6 +10,7 @@ const { addEdges, onConnect, onPaneReady, getNodes } = useVueFlow({
 onPaneReady(({ fitView }) => fitView())
 onConnect((params) => addEdges([{ ...params, type: 'floating', markerEnd: MarkerType.Arrow }]))
 </script>
+
 <template>
   <div class="floatingedges">
     <VueFlow>
@@ -26,6 +27,7 @@ onConnect((params) => addEdges([{ ...params, type: 'floating', markerEnd: Marker
     </VueFlow>
   </div>
 </template>
+
 <style>
 .floatingedges {
   flex-direction: column;

examples/src/FloatingEdges/floating-edge-utils.ts

@@ -1,4 +1,5 @@
-import { Position, MarkerType, XYPosition, GraphNode, Edge } from '@braks/vue-flow'
+import type { Edge, GraphNode, XYPosition } from '@braks/vue-flow'
+import { MarkerType, Position } from '@braks/vue-flow'
 
 // this helper function returns the intersection point
 // of the line between the center of the intersectionNode and the target node