Update

src/components/admin/pages/generate/DragAcceptor.svelte

@@ -19,8 +19,13 @@
 
 <script lang="ts">
     import {createEventDispatcher} from "svelte";
+  interface Props {
+    children?: import('svelte').Snippet;
+  }
 
-    let dragover = false;
+  let { children }: Props = $props();
+
+    let dragover = $state(false);
 
     function handleDragOver(e) {
         e.preventDefault();
@@ -36,9 +41,9 @@
     }
 </script>
 
-<div class="w-56 bg-gray-800 p-4 rounded" class:border={dragover} class:m-px={!dragover} on:drop={handleDrop}
-     on:dragover={handleDragOver} on:dragleave={() => dragover = false} role="none">
-    <slot></slot>
+<div class="w-56 bg-gray-800 p-4 rounded" class:border={dragover} class:m-px={!dragover} ondrop={handleDrop}
+     ondragover={handleDragOver} ondragleave={() => dragover = false} role="none">
+    {@render children?.()}
 </div>
 
 <style>