diff --git a/sites/svelte-5-preview/src/lib/Output/CompilerOptions.svelte b/sites/svelte-5-preview/src/lib/Output/CompilerOptions.svelte
index 5f244a07fc..60504c5052 100644
--- a/sites/svelte-5-preview/src/lib/Output/CompilerOptions.svelte
+++ b/sites/svelte-5-preview/src/lib/Output/CompilerOptions.svelte
@@ -1,6 +1,7 @@
 <!-- svelte-ignore a11y-label-has-associated-control -->
 <script>
 	import { get_repl_context } from '$lib/context.js';
+	import Checkbox from '../Checkbox.svelte';
 
 	const { compile_options } = get_repl_context();
 </script>
@@ -16,6 +17,12 @@
 		<input id="server" type="radio" bind:group={$compile_options.generate} value="server" />
 		<label for="server"><span class="string">"server"</span>,</label>
 	</div>
+
+	<label class="option">
+		<span class="key">dev:</span>
+		<Checkbox bind:checked={$compile_options.dev} />
+		<span class="boolean">{$compile_options.dev}</span>,
+	</label>
 	});
 </div>
 
diff --git a/sites/svelte-5-preview/src/lib/Repl.svelte b/sites/svelte-5-preview/src/lib/Repl.svelte
index 5922a63ea8..ff144d5d32 100644
--- a/sites/svelte-5-preview/src/lib/Repl.svelte
+++ b/sites/svelte-5-preview/src/lib/Repl.svelte
@@ -76,7 +76,8 @@
 
 	/** @type {import('svelte/compiler').CompileOptions} */
 	const DEFAULT_COMPILE_OPTIONS = {
-		generate: 'client'
+		generate: 'client',
+		dev: false
 	};
 
 	/** @type {Map<string, import('@codemirror/state').EditorState>} */