Update

src/components/publics/PublicPreview.svelte

@@ -24,15 +24,27 @@
     import {onDestroy, onMount} from "svelte";
     import { CollectionEntry } from "astro:content";
 
-    export let pub: CollectionEntry<"publics">;
-    export let fov: number = 60;
-    export let near: number = 1
-    export let far: number = 1000;
-    export let distance: number = 100;
+  interface Props {
+    pub: CollectionEntry<"publics">;
+    fov?: number;
+    near?: number;
+    far?: number;
+    distance?: number;
+    children?: import('svelte').Snippet;
+  }
 
-    let loaded = false;
+  let {
+    pub,
+    fov = 60,
+    near = 1,
+    far = 1000,
+    distance = 100,
+    children
+  }: Props = $props();
 
-    let div: HTMLDivElement;
+    let loaded = $state(false);
+
+    let div: HTMLDivElement = $state();
     let scene: THREE.Scene;
     let camera: THREE.PerspectiveCamera;
     let renderer: THREE.WebGLRenderer;
@@ -126,6 +138,6 @@
     </div>
 
     <div class="w-full h-full flex justify-center absolute top-0 left-0 right-0 bottom-0" class:hidden={loaded}>
-        <slot></slot>
+        {@render children?.()}
     </div>
 </div>