From 428f45794ca6862d4509f008df4e8b5c21ec1c15 Mon Sep 17 00:00:00 2001
From: venus <jhabrcetl@gmail.com>
Date: Tue, 21 Apr 2026 14:28:35 +0200
Subject: [PATCH 1/2] feat(runes): rewrite SliceSimulator and test component to
 runes

---
 src/SliceSimulator.svelte          | 35 +++++++++++++++++++++---------
 test/PrismicLinkTestWrapper.svelte |  8 +++++--
 2 files changed, 31 insertions(+), 12 deletions(-)

diff --git a/src/SliceSimulator.svelte b/src/SliceSimulator.svelte
index b4b8eb5..6f8b36d 100644
--- a/src/SliceSimulator.svelte
+++ b/src/SliceSimulator.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import type { SliceZone } from "@prismicio/client";
 	import {
 		SimulatorManager,
 		StateEventType,
@@ -10,14 +11,28 @@
 		simulatorClass,
 		simulatorRootClass,
 	} from "@prismicio/simulator/kit";
+	import { onMount } from "svelte";
+	import type { Snippet } from "svelte";
+	import type { ClassValue } from "svelte/elements";
 
 	const defaultProps = getDefaultProps();
 
-	export let zIndex = defaultProps.zIndex;
-	export let background = defaultProps.background;
+	type Props = {
+		zIndex?: number;
+		background?: string;
+		class?: ClassValue;
+		children: Snippet<[{ slices: SliceZone }]>;
+	};
 
-	let slices = getDefaultSlices();
-	let message = getDefaultMessage();
+	const {
+		zIndex = defaultProps.zIndex,
+		background = defaultProps.background,
+		class: classes,
+		children,
+	}: Props = $props();
+
+	let slices = $state(getDefaultSlices());
+	let message = $state(getDefaultMessage());
 
 	if (typeof window !== "undefined") {
 		const simulatorManager = new SimulatorManager();
@@ -42,7 +57,7 @@
 </script>
 
 <div
-	class="{simulatorClass} {$$props.class}"
+	class={[simulatorClass, classes]}
 	style="z-index: {zIndex}; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow: auto; background: {background}"
 >
 	{#if message}
@@ -51,15 +66,15 @@
 			{@html message}
 		</article>
 	{:else if slices.length}
-		<!-- svelte-ignore a11y-no-static-element-interactions -->
+		<!-- svelte-ignore a11y_no_static_element_interactions, event_directive_deprecated -->
 		<div
 			id="root"
 			class={simulatorRootClass}
-			on:click={onClickHandler}
-			on:submit={disableEventHandler}
-			on:keypress={disableEventHandler}
+			onclick={onClickHandler}
+			onsubmit={disableEventHandler}
+			onkeypress={disableEventHandler}
 		>
-			<slot {slices} />
+			{@render children({ slices })}
 		</div>
 	{/if}
 </div>
diff --git a/test/PrismicLinkTestWrapper.svelte b/test/PrismicLinkTestWrapper.svelte
index 27ad049..b55d36f 100644
--- a/test/PrismicLinkTestWrapper.svelte
+++ b/test/PrismicLinkTestWrapper.svelte
@@ -8,8 +8,12 @@ passing slot content to the PrismicLink component is not easy in tests.
 
 	import { PrismicLink } from "../src";
 
-	export let field: FilledLinkToWebField;
-	export let children: string | undefined = undefined;
+	type Props = {
+		field: FilledLinkToWebField;
+		children?: string;
+	};
+
+	const { field, children }: Props = $props();
 </script>
 
 {#if children}

From e71dd1514f78978b0a7799bed26d327dab58fac0 Mon Sep 17 00:00:00 2001
From: venus <jhabrcetl@gmail.com>
Date: Tue, 21 Apr 2026 14:37:40 +0200
Subject: [PATCH 2/2] refactor(SliceSimulator): remove unused import of onMount

---
 src/SliceSimulator.svelte | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/SliceSimulator.svelte b/src/SliceSimulator.svelte
index 6f8b36d..dc8c4bd 100644
--- a/src/SliceSimulator.svelte
+++ b/src/SliceSimulator.svelte
@@ -11,7 +11,6 @@
 		simulatorClass,
 		simulatorRootClass,
 	} from "@prismicio/simulator/kit";
-	import { onMount } from "svelte";
 	import type { Snippet } from "svelte";
 	import type { ClassValue } from "svelte/elements";