migrate some components

packages/svelte/src/lib/components/edges/StepEdge.svelte

@@ -4,35 +4,35 @@
   import type { StepEdgeProps } from '$lib/types';
   import { BaseEdge } from '$lib/components/BaseEdge';
 
-  type $$Props = StepEdgeProps;
-
-  export let id: $$Props['id'] = undefined;
-  export let label: $$Props['label'] = undefined;
-  export let labelStyle: $$Props['labelStyle'] = undefined;
-  export let style: $$Props['style'] = undefined;
-  export let markerStart: $$Props['markerStart'] = undefined;
-  export let markerEnd: $$Props['markerEnd'] = undefined;
-  export let pathOptions: $$Props['pathOptions'] = undefined;
-  export let interactionWidth: $$Props['interactionWidth'] = undefined;
-
-  export let sourceX: $$Props['sourceX'];
-  export let sourceY: $$Props['sourceY'];
-  export let sourcePosition: $$Props['sourcePosition'];
-
-  export let targetX: $$Props['targetX'];
-  export let targetY: $$Props['targetY'];
-  export let targetPosition: $$Props['targetPosition'];
-
-  $: [path, labelX, labelY] = getSmoothStepPath({
+  let {
+    id,
+    label,
+    labelStyle,
+    style,
+    markerStart,
+    markerEnd,
+    pathOptions,
+    interactionWidth,
     sourceX,
     sourceY,
+    sourcePosition,
     targetX,
     targetY,
-    sourcePosition,
-    targetPosition,
-    borderRadius: 0,
-    offset: pathOptions?.offset
-  });
+    targetPosition
+  }: StepEdgeProps = $props();
+
+  let [path, labelX, labelY] = $derived(
+    getSmoothStepPath({
+      sourceX,
+      sourceY,
+      targetX,
+      targetY,
+      sourcePosition,
+      targetPosition,
+      borderRadius: 0,
+      offset: pathOptions?.offset
+    })
+  );
 </script>
 
 <BaseEdge