migrate some components

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

@@ -4,30 +4,27 @@
   import type { EdgeProps } from '$lib/types';
   import { BaseEdge } from '$lib/components/BaseEdge';
 
-  type $$Props = EdgeProps;
-
-  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 interactionWidth: $$Props['interactionWidth'] = undefined;
-
-  export let sourceX: $$Props['sourceX'];
-  export let sourceY: $$Props['sourceY'];
-
-  export let targetX: $$Props['targetX'];
-  export let targetY: $$Props['targetY'];
-
-  $: [path, labelX, labelY] = getStraightPath({
+  let {
     sourceX,
     sourceY,
     targetX,
-    targetY
-  });
+    targetY,
+    label,
+    labelStyle,
+    markerStart,
+    markerEnd,
+    interactionWidth,
+    style
+  }: EdgeProps = $props();
 
-  // this is a workaround for suppressing the warning about unused props
-  $$restProps;
+  let [path, labelX, labelY] = $derived(
+    getStraightPath({
+      sourceX,
+      sourceY,
+      targetX,
+      targetY
+    })
+  );
 </script>
 
 <BaseEdge