Migrate more stuff

2025-02-03 16:37:14 -08:00
parent 0f705c459a
commit 8d3433b167
150 changed files with 2001 additions and 1205 deletions
@@ -1,13 +1,24 @@
-<div class="grid grid-cols-1 gap-2 md:grid-cols-3 {$$props.class}">
+<script lang="ts">
+  interface Props {
+    label?: import("svelte").Snippet
+    input?: import("svelte").Snippet
+    info?: import("svelte").Snippet
+    [key: string]: any
+  }
+
+  let {...props}: Props = $props()
+</script>
+
+<div class="grid grid-cols-1 gap-2 md:grid-cols-3 {props.class}">
  <label class="flex items-center gap-2 font-bold">
-    <slot name="label" />
+    {@render props.label?.()}
  </label>
  <div class="col-span-2 flex items-center gap-2">
-    <slot name="input" />
+    {@render props.input?.()}
  </div>
  <p class="flex-end text-sm md:col-span-3">
-    {#if $$slots.info}
-      <slot name="info" />
+    {#if props.info}
+      {@render props.info?.()}
    {/if}
  </p>
 </div>