migrate some components

2024-11-13 13:33:49 +01:00
parent 880ed8886b
commit 28e4fad342
31 changed files with 505 additions and 459 deletions
@@ -1,9 +1,17 @@
 <script lang="ts">
-  export let x: number | null = 0;
-  export let y: number | null = 0;
-  export let width: number | string | null = 0;
-  export let height: number | string | null = 0;
-  export let isVisible: boolean = true;
+  let {
+    x = 0,
+    y = 0,
+    width = 0,
+    height = 0,
+    isVisible = true
+  }: {
+    x?: number | null;
+    y?: number | null;
+    width?: number | string | null;
+    height?: number | string | null;
+    isVisible?: boolean;
+  } = $props();
 </script>

 {#if isVisible}
@@ -12,7 +20,7 @@
    style:width={typeof width === 'string' ? width : `${width}px`}
    style:height={typeof height === 'string' ? height : `${height}px`}
    style:transform={`translate(${x}px, ${y}px)`}
-  />
+  ></div>
 {/if}

 <style>