update some tests

Author: Rich-Harris

test/runtime/samples/binding-select-in-yield/Modal.html

@@ -1,20 +1,11 @@
+<script>
+	export let hidden = true;
+
+	export function toggle() {
+		hidden = !this.get().hidden;
+	}
+</script>
+
 {#if !hidden}
 	<slot></slot>
-{/if}
-
-<script>
-	export default {
-		data () {
-			return {
-				hidden: true
-			};
-		},
-		methods: {
-			toggle () {
-				this.set({
-					hidden: !this.get().hidden
-				});
-			}
-		}
-	};
-</script>
+{/if}

test/runtime/samples/bindings-before-oncreate/One.html

@@ -1,15 +1,13 @@
-<Two bind:foo/>
-
 <script>
+	import { onmount } from 'svelte';
 	import Two from './Two.html';
 
-	export default {
-		components: {
-			Two
-		},
+	export let snapshot;
+	export let foo;
+
+	onmount(() => {
+		snapshot = foo;
+	});
+</script>
 
-		oncreate() {
-			this.snapshot = this.get().foo;
-		}
-	};
-</script>
+<Two bind:foo/>

test/runtime/samples/bindings-before-oncreate/Two.html

@@ -1,15 +1,7 @@
 <script>
-	export default {
-		data() {
-			return {
-				bar: 1
-			};
-		},
+	export let bar = 1;
 
-		computed: {
-			foo({ bar }) {
-				return bar * 2;
-			}
-		}
-	};
+	function foo() {
+		return bar * 2;
+	}
 </script>

test/runtime/samples/bindings-coalesced/Foo.html

@@ -1,20 +1,12 @@
-<p>bar in Foo: {bar}</p>
-<p>baz in Foo: {baz}</p>
-
 <script>
-	export default {
-		data() {
-			return {
-				bar: 1,
-				baz: 2
-			};
-		},
+	export let bar = 1;
+	export let baz = 2;
 
-		methods: {
-			double() {
-				const { bar, baz } = this.get();
-				this.set({ bar: bar * 2, baz: baz * 2 });
-			}
-		}
-	};
-</script>
+	export function double() {
+		bar = bar * 2;
+		baz = baz * 2;
+	}
+</script>
+
+<p>bar in Foo: {bar}</p>
+<p>baz in Foo: {baz}</p>

test/runtime/samples/class-boolean/main.html

@@ -1 +1 @@
-<div class:one="true"></div>
+<div class:one="true"></div>

test/runtime/samples/class-helper/main.html

@@ -1,11 +1,9 @@
-<div class:active="isActive(user)"></div>
-
 <script>
-export default {
-  helpers: {
-    isActive(user) {
-      return user.active;
-    }
-  }
+  export let user;
+
+  function isActive(user) {
+  return user.active;
 }
 </script>
+
+<div class:active="isActive(user)"></div>

test/runtime/samples/class-in-each/main.html

@@ -1,3 +1,3 @@
 {#each things as thing}
 	<div class:selected="selected === thing"></div>
-{/each}
+{/each}

test/runtime/samples/class-shortcut-with-class/main.html

@@ -1 +1 @@
-<div class="{ myClass }" class:is-active class:isSelected class:not-used></div>
+<div class="{ myClass }" class:is-active class:isSelected class:not-used></div>

test/runtime/samples/class-shortcut/main.html

@@ -1 +1 @@
-<div class:is-active class:isSelected class:not-used></div>
+<div class:is-active class:isSelected class:not-used></div>

test/runtime/samples/class-with-attribute/main.html

@@ -1 +1 @@
-<div class="one" class:two="true" class:three="true"></div>
+<div class="one" class:two="true" class:three="true"></div>