From da565f51e4ee0d8c728bc5fbabc23d330c7640bb Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Tue, 15 Jul 2025 15:47:30 -0400
Subject: [PATCH] add async wrapper to sandbox

---
 playgrounds/sandbox/Wrapper.svelte | 9 +++++++++
 playgrounds/sandbox/index.html     | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 playgrounds/sandbox/Wrapper.svelte

diff --git a/playgrounds/sandbox/Wrapper.svelte b/playgrounds/sandbox/Wrapper.svelte
new file mode 100644
index 0000000000..1fe82c1716
--- /dev/null
+++ b/playgrounds/sandbox/Wrapper.svelte
@@ -0,0 +1,9 @@
+<script>
+	import App from './src/App.svelte';
+</script>
+
+<svelte:boundary>
+	<App />
+
+	{#snippet pending()}{/snippet}
+</svelte:boundary>
diff --git a/playgrounds/sandbox/index.html b/playgrounds/sandbox/index.html
index d70409ffb6..639409b877 100644
--- a/playgrounds/sandbox/index.html
+++ b/playgrounds/sandbox/index.html
@@ -12,7 +12,7 @@
 
 		<script type="module">
 			import { mount, hydrate, unmount } from 'svelte';
-			import App from '/src/App.svelte';
+			import App from '/Wrapper.svelte';
 
 			globalThis.delayed = (v, ms = 1000) => {
 				return new Promise((f) => {