update some tests

test/apps/basics/src/routes/b/index.html

@@ -1,11 +1,13 @@
-<h1>{letter}</h1>
+<script context="module">
-
+	export function preload() {
-<script>
-	export default {
-		preload() {
 		return this.fetch('b.json').then(r => r.json()).then(letter => {
 			return { letter };
 		});
 	}
-	};
 </script>
+
+<script>
+	export let letter;
+</script>
+
+<h1>{letter}</h1>

test/apps/basics/src/routes/delete-test/index.html

@@ -1,19 +1,17 @@
-<button class='del' on:click='del()'>delete</button>
-
 <script>
-	export default {
+	import { onMount } from 'svelte';
-		oncreate() {
-			window.deleted = null;
-		},
 
-		methods: {
+	onMount(() => {
-			del() {
+		window.deleted = null;
+	});
+
+	function del() {
 		fetch(`delete-test/42.json`, { method: 'DELETE' })
 			.then(r => r.json())
 			.then(data => {
 				window.deleted = data;
 			});
 	}
-		}
-	};
 </script>
+
+<button class="del" on:click={del}>delete</button>

test/apps/basics/src/routes/unsafe-replacement.html

@@ -1,9 +1,7 @@
-$&
+<script context="module">
-
+	export function preload() {
-<script>
-	export default {
-		preload() {
 		return '$&';
 	}
-	};
 </script>
+
+$&

test/apps/credentials/src/routes/credentials/index.html

@@ -1,11 +1,13 @@
-<h1>{message}</h1>
+<script context="module">
-
+	export function preload({ query }) {
-<script>
-	export default {
-		preload({ query }) {
 		return this.fetch(`credentials/test.json`, {
 			credentials: query.creds
 		}).then(r => r.json());
 	}
-	};
 </script>
+
+<script>
+	export let message;
+</script>
+
+<h1>{message}</h1>

test/apps/css/src/routes/bar.html

@@ -1,11 +1,13 @@
-<svelte:component this={Title}/>
-
 <script>
-	export default {
+	import { onMount } from 'svelte';
-		oncreate() {
+
-			import('./_components/Title.html').then(({ default: Title }) => {
+	export let Title;
-				this.set({ Title });
+
+	onMount(() => {
+		import('./_components/Title.html').then(mod => {
+			Title = mod.default;
+		});
 	});
-		}
-	};
 </script>
+
+<svelte:component this={Title}/>

test/apps/encoding/src/routes/echo/page/[slug].html

@@ -1,11 +1,14 @@
-<h1>{slug} {JSON.stringify(query)}</h1>
+<script context="module">
-
+	export function preload({ params }) {
-<script>
-	export default {
-		preload({ params }) {
 		return {
 			slug: params.slug
 		};
 	}
-	};
 </script>
+
+<script>
+	export let slug;
+	export let query;
+</script>
+
+<h1>{slug} {JSON.stringify(query)}</h1>

test/apps/encoding/src/routes/fünke.html

@@ -1,11 +1,13 @@
-<h1>{phrase}</h1>
+<script context="module">
-
+	export function preload() {
-<script>
-	export default {
-		preload() {
 		return this.fetch('fünke.json').then(r => r.json()).then(phrase => {
 			return { phrase };
 		});
 	}
-	};
 </script>
+
+<script>
+	export let phrase;
+</script>
+
+<h1>{phrase}</h1>

test/apps/errors/src/routes/blog/[slug].html

@@ -1,8 +1,5 @@
-<h1>{post.title}</h1>
+<script context="module">
-
+	export function preload({ params }) {
-<script>
-	export default {
-		preload({ params }) {
 		const { slug } = params;
 
 		return this.fetch(`blog/${slug}.json`).then(r => {
@@ -15,5 +12,10 @@
 			});
 		});
 	}
-	};
 </script>
+
+<script>
+	export let post;
+</script>
+
+<h1>{post.title}</h1>

test/apps/errors/src/routes/enhance-your-calm.html

@@ -1,7 +1,5 @@
-<script>
+<script context="module">
-	export default {
+	export function preload() {
-		preload() {
 		this.error(420, 'Enhance your calm');
 	}
-	};
 </script>

test/apps/errors/src/routes/throw.html

@@ -1,7 +1,5 @@
-<script>
+<script context="module">
-	export default {
+	export function preload() {
-		preload() {
 		throw new Error('nope');
 	}
-	};
 </script>

test/apps/export/src/routes/blog/[slug].html

@@ -1,11 +1,13 @@
-<h1>{post.title}</h1>
+<script context="module">
-
+	export function preload({ params }) {
-<script>
-	export default {
-		preload({ params }) {
 		return this.fetch(`blog/${params.slug}.json`).then(r => r.json()).then(post => {
 			return { post };
 		});
 	}
-	};
 </script>
+
+<script>
+	export let post;
+</script>
+
+<h1>{post.title}</h1>

test/apps/export/src/routes/blog/index.html

@@ -1,15 +1,17 @@
+<script context="module">
+	export function preload() {
+		return this.fetch('blog.json').then(r => r.json()).then(posts => {
+			return { posts };
+		});
+	}
+</script>
+
+<script>
+	export let posts;
+</script>
+
 <h1>blog</h1>
 
 {#each posts as post}
 	<p><a href="blog/{post.slug}">{post.title}</a></p>
 {/each}
-
-<script>
-	export default {
-		preload() {
-			return this.fetch('blog.json').then(r => r.json()).then(posts => {
-				return { posts };
-			});
-		}
-	};
-</script>

test/apps/ignore/src/routes/b/index.html

@@ -1,11 +1,13 @@
-<h1>{letter}</h1>
+<script context="module">
-
+	export function preload() {
-<script>
-	export default {
-		preload() {
 		return this.fetch('b.json').then(r => r.json()).then(letter => {
 			return { letter };
 		});
 	}
-	};
 </script>
+
+<script>
+	export let letter;
+</script>
+
+<h1>{letter}</h1>

test/apps/layout/src/routes/[x]/[y]/[z].html

@@ -1,20 +1,18 @@
-<span>z: {segment} {count}</span>
+<script context="module">
-<a href="foo/bar/qux">click me</a>
-
-<script>
 	import counts from '../_counts.js';
 
-	export default {
+	export function preload() {
-		preload() {
 		return {
 			count: counts.z += 1
 		};
-		},
-
-		oncreate() {
-			this.set({
-				segment: this.get().params.z
-			});
 	}
-	};
 </script>
+
+<script>
+	export let params;
+	export let count;
+	export let segment = params.z;
+</script>
+
+<span>z: {segment} {count}</span>
+<a href="foo/bar/qux">click me</a>

test/apps/layout/src/routes/[x]/[y]/_layout.html

@@ -1,22 +1,21 @@
+<script context="module">
+	import counts from '../_counts.js';
+
+	export function preload() {
+		return {
+			count: counts.y += 1
+		};
+	}
+</script>
+
+<script>
+	export let params;
+	export let count;
+	export let child;
+	export let segment = params.y;
+</script>
+
 <span>y: {segment} {count}</span>
 <svelte:component this={child.component} {...child.props}/>
 
 <span>child segment: {child.segment}</span>
-
-<script>
-	import counts from '../_counts.js';
-
-	export default {
-		preload() {
-			return {
-				count: counts.y += 1
-			};
-		},
-
-		oncreate() {
-			this.set({
-				segment: this.get().params.y
-			});
-		}
-	};
-</script>

test/apps/preloading/src/routes/_layout.html

@@ -1,15 +1,19 @@
+<script context="module">
+	export function preload() {
+		return {
+			rootPreloadFunctionRan: true
+		};
+	}
+</script>
+
+<script>
+	export let preloading;
+	export let child;
+	export let rootPreloadFunctionRan;
+</script>
+
 {#if preloading}
 	<progress class='preloading-progress' value=0.5/>
 {/if}
 
 <svelte:component this={child.component} {rootPreloadFunctionRan} {...child.props}/>
-
-<script>
-	export default {
-		preload() {
-			return {
-				rootPreloadFunctionRan: true
-			};
-		}
-	};
-</script>

test/apps/preloading/src/routes/preload-values/custom-class.html

@@ -1,8 +1,5 @@
-<h1>{foo.bar()}</h1>
+<script context="module">
-
+	export function preload() {
-<script>
-	export default {
-		preload() {
 		class Foo {
 			bar() {
 				return 42;
@@ -13,5 +10,10 @@
 			foo: new Foo()
 		};
 	}
-	};
 </script>
+
+<script>
+	export let foo;
+</script>
+
+<h1>{foo.bar()}</h1>

test/apps/preloading/src/routes/preload-values/set.html

@@ -1,11 +1,13 @@
-<h1>{set.has('x')}</h1>
+<script context="module">
-
+	export function preload() {
-<script>
-	export default {
-		preload() {
 		return {
 			set: new Set(['x'])
 		};
 	}
-	};
 </script>
+
+<script>
+	export let set;
+</script>
+
+<h1>{set.has('x')}</h1>

test/apps/preloading/src/routes/slow-preload.html

@@ -1,8 +1,5 @@
-<h1>This page should never render</h1>
+<script context="module">
-
+	export function preload() {
-<script>
-	export default {
-		preload() {
 		return new Promise(fulfil => {
 			if (typeof window !== 'undefined') {
 				window.fulfil = fulfil;
@@ -11,5 +8,6 @@
 			}
 		});
 	}
-	};
 </script>
+
+<h1>This page should never render</h1>

test/apps/redirects/src/routes/redirect-from.html

@@ -1,9 +1,7 @@
-<h1>unredirected</h1>
+<script context="module">
-
+	export function preload() {
-<script>
-	export default {
-		preload() {
 		this.redirect(301, 'redirect-to');
 	}
-	};
 </script>
+
+<h1>unredirected</h1>

test/apps/redirects/src/routes/redirect-to-external.html

@@ -1,9 +1,7 @@
-<h1>unredirected</h1>
+<script context="module">
-
+	export function preload() {
-<script>
-	export default {
-		preload() {
 		this.redirect(301, 'https://example.com');
 	}
-	};
 </script>
+
+<h1>unredirected</h1>

test/apps/redirects/src/routes/redirect-to-root.html

@@ -1,9 +1,7 @@
-<h1>unredirected</h1>
+<script context="module">
-
+	export function preload() {
-<script>
-	export default {
-		preload() {
 		this.redirect(301, '/');
 	}
-	};
 </script>
+
+<h1>unredirected</h1>

test/apps/scroll/src/routes/tall-page.html

@@ -1,3 +1,13 @@
+<script>
+	import { onMount } from 'svelte';
+
+	export let barLink = false;
+
+	onMount(() => {
+		barLink = true
+	});
+</script>
+
 <a href="tall-page#foo">scroll to foo</a>
 <div style="height: 9999px"></div>
 
@@ -8,17 +18,3 @@
 		<a href="another-tall-page#bar">link</a>
 	{/if}
 </div>
-
-<script>
-	export default {
-		data() {
-			return {
-				barLink: false
-			};
-		},
-
-		oncreate() {
-			this.set({ barLink: true })
-		}
-	}
-</script>