default to runes mode in tutorial (#1273)

Author: Rich-Harris

apps/svelte.dev/src/lib/tutorial/adapters/rollup/index.svelte.ts

@@ -33,6 +33,7 @@ export async function create(): Promise<Adapter> {
 				.map((f) => ({ ...f, name: f.name.slice(9) })),
 			{
 				// TODO support Tailwind here?
+				runes: true
 			}
 		);
 	}

packages/repl/src/lib/Bundler.svelte.ts

@@ -1,4 +1,5 @@
 import type { BundleResult } from './public';
+import type { BundleOptions } from './workers/workers';
 import type { File } from './Workspace.svelte';
 
 let uid = 1;
@@ -46,7 +47,7 @@ export default class Bundler {
 		this.#worker.postMessage({ type: 'init', svelte_version });
 	}
 
-	bundle(files: File[], options: { tailwind?: boolean }) {
+	bundle(files: File[], options: BundleOptions) {
 		this.#worker.postMessage({
 			uid,
 			type: 'bundle',

packages/repl/src/lib/workers/bundler/index.ts

@@ -290,7 +290,8 @@ async function get_bundle(
 				const compilerOptions: any = {
 					filename: name + '.svelte',
 					generate: Number(svelte.VERSION.split('.')[0]) >= 5 ? 'client' : 'dom',
-					dev: true
+					dev: true,
+					runes: options.runes
 				};
 
 				if (can_use_experimental_async) {

packages/repl/src/lib/workers/workers.d.ts

@@ -50,7 +50,8 @@ export interface MigrateOutput {
 }
 
 export interface BundleOptions {
-	tailwind: boolean;
+	tailwind?: boolean;
+	runes?: boolean;
 }
 
 export type BundleMessageData = {