remove v1 runtime tests

test/runtime/index.js

@@ -21,11 +21,11 @@ let compileOptions = null;
 let compile = null;
 
 function getName(filename) {
-	const base = path.basename(filename).replace('-v2', '').replace(".html", "");
+	const base = path.basename(filename).replace(".html", "");
 	return base[0].toUpperCase() + base.slice(1);
 }
 
-describe("runtime", () => {
+describe.only("runtime", () => {
 	before(() => {
 		svelte = loadSvelte(false);
 		svelte$ = loadSvelte(true);
@@ -46,7 +46,7 @@ describe("runtime", () => {
 
 	const failed = new Set();
 
-	function runTest(dir, shared, hydrate, v2) {
+	function runTest(dir, shared, hydrate) {
 		if (dir[0] === ".") return;
 
 		const config = loadConfig(`./runtime/samples/${dir}/_config.js`);
@@ -55,7 +55,7 @@ describe("runtime", () => {
 			throw new Error("Forgot to remove `solo: true` from test");
 		}
 
-		(config.skip ? it.skip : config.solo ? it.only : it)(`${dir} (${shared ? 'shared' : 'inline'} helpers${hydrate ? ', hydration' : ''}${v2 ? ', v2' : ''})`, () => {
+		(config.skip ? it.skip : config.solo ? it.only : it)(`${dir} (${shared ? 'shared' : 'inline'} helpers${hydrate ? ', hydration' : ''})`, () => {
 			if (failed.has(dir)) {
 				// this makes debugging easier, by only printing compiled output once
 				throw new Error('skipping test, already failed');
@@ -72,7 +72,7 @@ describe("runtime", () => {
 			compileOptions.dev = config.dev;
 			compileOptions.store = !!config.store;
 			compileOptions.immutable = config.immutable;
-			compileOptions.parser = v2 ? 'v2' : 'v1';
+			compileOptions.parser = 'v2'; // TODO remove
 
 			Object.keys(require.cache)
 				.filter(x => x.endsWith(".html"))
@@ -112,7 +112,7 @@ describe("runtime", () => {
 					};
 
 					try {
-						SvelteComponent = require(`./samples/${dir}/main${v2 ? '-v2' : ''}.html`);
+						SvelteComponent = require(`./samples/${dir}/main.html`);
 					} catch (err) {
 						showOutput(cwd, { shared, format: 'cjs', hydratable: hydrate, store: !!compileOptions.store }, compile); // eslint-disable-line no-console
 						throw err;
@@ -172,12 +172,12 @@ describe("runtime", () => {
 						config.error(assert, err);
 					} else {
 						failed.add(dir);
-						showOutput(cwd, { shared, format: 'cjs', hydratable: hydrate, store: !!compileOptions.store, v2 }, compile); // eslint-disable-line no-console
+						showOutput(cwd, { shared, format: 'cjs', hydratable: hydrate, store: !!compileOptions.store, v2: true }, compile); // eslint-disable-line no-console
 						throw err;
 					}
 				})
 				.then(() => {
-					if (config.show) showOutput(cwd, { shared, format: 'cjs', hydratable: hydrate, store: !!compileOptions.store, v2 }, compile);
+					if (config.show) showOutput(cwd, { shared, format: 'cjs', hydratable: hydrate, store: !!compileOptions.store, v2: true }, compile);
 				});
 		});
 	}
@@ -187,10 +187,6 @@ describe("runtime", () => {
 		runTest(dir, shared, false);
 		runTest(dir, shared, true);
 		runTest(dir, null, false);
-
-		if (fs.existsSync(`test/runtime/samples/${dir}/main-v2.html`)) {
-			runTest(dir, shared, false, true);
-		}
 	});
 
 	it("fails if options.target is missing in dev mode", () => {

test/runtime/samples/action-this/main.html

@@ -1,4 +1,4 @@
-<button use:foo>{{x}}</button>
+<button use:foo>{x}</button>
 
 <script>
 	export default {

test/runtime/samples/action-update/main-v2.html

@@ -1,52 +0,0 @@
-<button use:tooltip="tooltip">action</button>
-<svelte:window on:keydown="checkForCtrl(event)" on:keyup="checkForCtrl(event)"/>
-
-<script>
-	export default {
-		data() {
-			return { tooltip: 'Perform an Action' };
-		},
-
-		methods: {
-			checkForCtrl(event) {
-				if (event.ctrlKey) {
-					this.set({ tooltip: 'Perform an augmented Action' });
-				} else {
-					this.set({ tooltip: 'Perform an Action' });
-				}
-			}
-		},
-
-		actions: {
-			tooltip(node, text) {
-				let tooltip = null;
-
-				function onMouseEnter() {
-					tooltip = document.createElement('div');
-					tooltip.classList.add('tooltip');
-					tooltip.textContent = text;
-					node.parentNode.appendChild(tooltip);
-				}
-
-				function onMouseLeave() {
-					if (!tooltip) return;
-					tooltip.remove();
-					tooltip = null;
-				}
-
-				node.addEventListener('mouseenter', onMouseEnter);
-				node.addEventListener('mouseleave', onMouseLeave);
-
-				return {
-					update(text) {
-						if (tooltip) tooltip.textContent = text;
-					},
-					destroy() {
-						node.removeEventListener('mouseenter', onMouseEnter);
-						node.removeEventListener('mouseleave', onMouseLeave);
-					}
-				}
-			}
-		}
-	}
-</script>

test/runtime/samples/action-update/main.html

@@ -1,5 +1,5 @@
 <button use:tooltip="tooltip">action</button>
-<:Window on:keydown="checkForCtrl(event)" on:keyup="checkForCtrl(event)"/>
+<svelte:window on:keydown="checkForCtrl(event)" on:keyup="checkForCtrl(event)"/>
 
 <script>
 	export default {
@@ -36,7 +36,7 @@
 
 				node.addEventListener('mouseenter', onMouseEnter);
 				node.addEventListener('mouseleave', onMouseLeave);
-				
+
 				return {
 					update(text) {
 						if (tooltip) tooltip.textContent = text;

test/runtime/samples/attribute-boolean-false/main.html

@@ -1 +1 @@
-<textarea readonly="{{false}}"></textarea>
+<textarea readonly="{false}"></textarea>

test/runtime/samples/attribute-boolean-indeterminate/main.html

@@ -1 +1 @@
-<input type='checkbox' indeterminate='{{indeterminate}}'>
+<input type='checkbox' indeterminate='{indeterminate}'>

test/runtime/samples/attribute-boolean-true/main.html

@@ -1 +1 @@
-<textarea readonly="{{true}}"></textarea>
+<textarea readonly="{true}"></textarea>

test/runtime/samples/attribute-dynamic-multiple/main.html

@@ -1,3 +1,3 @@
-{{#each items as item, i}}
-	<div class='{{item.foo ? "foo" : ""}} {{item.bar ? "bar" : ""}}'>{{i + 1}}</div>
-{{/each}}
+{#each items as item, i}
+	<div class='{item.foo ? "foo" : ""} {item.bar ? "bar" : ""}'>{i + 1}</div>
+{/each}

test/runtime/samples/attribute-dynamic-quotemarks/main.html

@@ -1 +1 @@
-<span title='{{"\"foo\""}}'>foo</span>
+<span title='{"\"foo\""}'>foo</span>

test/runtime/samples/attribute-dynamic-reserved/main.html

@@ -1 +1 @@
-<div class='{{class}}'></div>{{123}}
+<div class='{class}'></div>{123}

test/runtime/samples/attribute-dynamic-shorthand/main-v2.html

@@ -1,9 +0,0 @@
-<div {id}/>
-
-<script>
-	export default {
-		data: () => ({
-			id: 'foo'
-		})
-	};
-</script>

test/runtime/samples/attribute-dynamic-shorthand/main.html

@@ -1,4 +1,4 @@
-<div :id/>
+<div {id}/>
 
 <script>
 	export default {

test/runtime/samples/attribute-dynamic-type/main.html

@@ -1 +1 @@
-<input type='{{inputType}}' value='{{inputValue}}'>
+<input type='{inputType}' value='{inputValue}'>

test/runtime/samples/attribute-dynamic/main.html

@@ -1,4 +1,4 @@
-<div style='color: {{color}};'>{{color}}</div>
+<div style='color: {color};'>{color}</div>
 
 <script>
 	export default {

test/runtime/samples/attribute-namespaced/main.html

@@ -1,3 +1,3 @@
 <svg>
-	<use xlink:href="#{{foo}}"/>
+	<use xlink:href="#{foo}"/>
 </svg>

test/runtime/samples/attribute-partial-number/Component.html

@@ -1 +1 @@
-<p data-value="{{value}}"></p>
+<p data-value="{value}"></p>

test/runtime/samples/attribute-prefer-expression/main.html

@@ -1,2 +1,2 @@
-<input type='radio' bind:group='foo' value='{{false}}'>
-<input type='radio' bind:group='foo' value='{{true}}'>
+<input type='radio' bind:group='foo' value='{false}'>
+<input type='radio' bind:group='foo' value='{true}'>

test/runtime/samples/autofocus/main.html

@@ -1,3 +1,3 @@
-{{#if visible}}
+{#if visible}
 	<input ref:input autofocus>
-{{/if}}
+{/if}

test/runtime/samples/await-component-oncreate/Foo.html

@@ -1,5 +1,5 @@
-<p>{{value}}</p>
-<p>{{called}}</p>
+<p>{value}</p>
+<p>{called}</p>
 
 <script>
 	export default {

test/runtime/samples/await-component-oncreate/main.html

@@ -1,6 +1,6 @@
-{{#await promise then value}}
-	<Foo :value />
-{{/await}}
+{#await promise then value}
+	<Foo {value} />
+{/await}
 
 <script>
 	import Foo from './Foo.html';

test/runtime/samples/await-set-simultaneous/main.html

@@ -1,9 +1,9 @@
-{{#if promise}}
-	{{#await promise}}
+{#if promise}
+	{#await promise}
 		<p>wait for it...</p>
-	{{then _}}
-		<p>the answer is {{answer}}!</p>
-	{{catch error}}
+	{:then _}
+		<p>the answer is {answer}!</p>
+	{:catch error}
 		<p>well that's odd</p>
-	{{/await}}
-{{/if}}
+	{/await}
+{/if}

test/runtime/samples/await-then-catch-anchor/main.html

@@ -1,9 +1,9 @@
 <div>
-{{#await thePromise}}
+{#await thePromise}
 <p>loading...</p>
-{{then theValue}}
-<p>the value is {{theValue}}</p>
-{{catch theError}}
-<p>oh no! {{theError.message}}</p>
-{{/await}}
+{:then theValue}
+<p>the value is {theValue}</p>
+{:catch theError}
+<p>oh no! {theError.message}</p>
+{/await}
 </div>

test/runtime/samples/await-then-catch-event/main.html

@@ -1,7 +1,7 @@
-{{#await thePromise}}
+{#await thePromise}
 	<p>loading...</p>
-{{then theValue}}
+{:then theValue}
 	<button ref:button on:click='set({ clicked: theValue })'>click me</button>
-{{catch theError}}
-	<p>oh no! {{theError.message}}</p>
-{{/await}}
+{:catch theError}
+	<p>oh no! {theError.message}</p>
+{/await}

test/runtime/samples/await-then-catch-if/main.html

@@ -1,11 +1,11 @@
-{{#if show}}
-{{#await thePromise}}
+{#if show}
+{#await thePromise}
 <p>loading...</p>
-{{then theValue}}
-<p>the value is {{theValue}}</p>
-{{catch theError}}
-<p>oh no! {{theError.message}}</p>
-{{/await}}
-{{else}}
+{:then theValue}
+<p>the value is {theValue}</p>
+{:catch theError}
+<p>oh no! {theError.message}</p>
+{/await}
+{:else}
 <p>Else</p>
-{{/if}}
+{/if}

test/runtime/samples/await-then-catch-in-slot/main.html

@@ -1,11 +1,11 @@
 <Foo>
-	{{#await thePromise}}
+	{#await thePromise}
 		<p>loading...</p>
-	{{then theValue}}
-		<p>the value is {{theValue}}</p>
-	{{catch theError}}
-		<p>oh no! {{theError.message}}</p>
-	{{/await}}
+	{:then theValue}
+		<p>the value is {theValue}</p>
+	{:catch theError}
+		<p>oh no! {theError.message}</p>
+	{/await}
 </Foo>
 
 <script>

test/runtime/samples/await-then-catch-multiple/main.html

@@ -1,15 +1,15 @@
-{{#await thePromise}}
+{#await thePromise}
 	<p>loading...</p>
-{{then theValue}}
-	<p>the value is {{theValue}}</p>
-{{catch theError}}
-	<p>oh no! {{theError.message}}</p>
-{{/await}}
+{:then theValue}
+	<p>the value is {theValue}</p>
+{:catch theError}
+	<p>oh no! {theError.message}</p>
+{/await}
 
-{{#await thePromise}}
+{#await thePromise}
 	<p>loading...</p>
-{{then theValue}}
-	<p>the value is {{theValue}}</p>
-{{catch theError}}
-	<p>oh no! {{theError.message}}</p>
-{{/await}}
+{:then theValue}
+	<p>the value is {theValue}</p>
+{:catch theError}
+	<p>oh no! {theError.message}</p>
+{/await}

test/runtime/samples/await-then-catch-non-promise/main.html

@@ -1,7 +1,7 @@
-{{#await thePromise}}
+{#await thePromise}
 	<p>loading...</p>
-{{then theValue}}
-	<p>the value is {{theValue}}</p>
-{{catch theError}}
-	<p>oh no! {{theError.message}}</p>
-{{/await}}
+{:then theValue}
+	<p>the value is {theValue}</p>
+{:catch theError}
+	<p>oh no! {theError.message}</p>
+{/await}

test/runtime/samples/await-then-catch/main.html

@@ -1,7 +1,7 @@
-{{#await thePromise}}
+{#await thePromise}
 	<p>loading...</p>
-{{then theValue}}
-	<p>the value is {{theValue}}</p>
-{{catch theError}}
-	<p>oh no! {{theError.message}}</p>
-{{/await}}
+{:then theValue}
+	<p>the value is {theValue}</p>
+{:catch theError}
+	<p>oh no! {theError.message}</p>
+{/await}

test/runtime/samples/await-then-shorthand/main.html

@@ -1,5 +1,5 @@
-{{#await thePromise then theValue}}
-	<p>the value is {{theValue}}</p>
-{{catch theError}}
-	<p>oh no! {{theError.message}}</p>
-{{/await}}
+{#await thePromise then theValue}
+	<p>the value is {theValue}</p>
+{:catch theError}
+	<p>oh no! {theError.message}</p>
+{/await}

test/runtime/samples/binding-indirect-computed/main.html

@@ -1,10 +1,10 @@
 <select bind:value="selected.letter">
-	{{#each uppercase as letter}}
-		<option value="{{letter}}">{{letter}}</option>
-	{{/each}}
+	{#each uppercase as letter}
+		<option value="{letter}">{letter}</option>
+	{/each}
 </select>
 
-{{selected.letter}}
+{selected.letter}
 
 <script>
 	export default {
@@ -21,7 +21,7 @@
 			}
 		},
 		computed:{
-			uppercase: letters => letters.map(x => x.toUpperCase())
+			uppercase: ({ letters }) => letters.map(x => x.toUpperCase())
 		}
 	};
 </script>

test/runtime/samples/binding-indirect/main.html

@@ -1,14 +1,14 @@
 <select bind:value='selected'>
-	{{#each tasks as task}}
-		<option value='{{task}}'>{{task.description}}</option>
-	{{/each}}
+	{#each tasks as task}
+		<option value='{task}'>{task.description}</option>
+	{/each}
 </select>
 
 <label>
-	<input type='checkbox' bind:checked='selected.done'> {{selected.description}}
+	<input type='checkbox' bind:checked='selected.done'> {selected.description}
 </label>
 
 <h2>Pending tasks</h2>
-{{#each tasks.filter(t => !t.done) as task}}
-	<p>{{task.description}}</p>
-{{/each}}
+{#each tasks.filter(t => !t.done) as task}
+	<p>{task.description}</p>
+{/each}

test/runtime/samples/binding-input-checkbox-deep-contextual/main.html

@@ -1,13 +1,13 @@
-{{#each items as item}}
-	<div><input type='checkbox' bind:checked='item.completed'><p>{{item.description}}</p></div>
-{{/each}}
+{#each items as item}
+	<div><input type='checkbox' bind:checked='item.completed'><p>{item.description}</p></div>
+{/each}
 
-<p>{{numCompleted}} completed</p>
+<p>{numCompleted} completed</p>
 
 <script>
 	export default {
 		computed: {
-			numCompleted ( items ) {
+			numCompleted ({ items }) {
 				return items.reduce( ( total, item ) => total + ( item.completed ? 1 : 0 ), 0 );
 			}
 		}

test/runtime/samples/binding-input-checkbox-group-outside-each/main.html

@@ -1,13 +1,13 @@
 <label>
-	<input type="checkbox" value="{{values[0]}}" bind:group='selected' /> {{values[0].name}}
+	<input type="checkbox" value="{values[0]}" bind:group='selected' /> {values[0].name}
 </label>
 
 <label>
-	<input type="checkbox" value="{{values[1]}}" bind:group='selected' /> {{values[1].name}}
+	<input type="checkbox" value="{values[1]}" bind:group='selected' /> {values[1].name}
 </label>
 
 <label>
-	<input type="checkbox" value="{{values[2]}}" bind:group='selected' /> {{values[2].name}}
+	<input type="checkbox" value="{values[2]}" bind:group='selected' /> {values[2].name}
 </label>
 
-<p>{{selected.map( function ( value ) { return value.name; }).join( ', ' ) }}</p>
+<p>{selected.map( function ( value ) { return value.name; }).join( ', ' ) }</p>

test/runtime/samples/binding-input-checkbox-group/main.html

@@ -1,7 +1,7 @@
-{{#each values as value}}
+{#each values as value}
 	<label>
-		<input type="checkbox" value="{{value}}" bind:group='selected' /> {{value.name}}
+		<input type="checkbox" value="{value}" bind:group='selected' /> {value.name}
 	</label>
-{{/each}}
+{/each}
 
-<p>{{selected.map( function ( value ) { return value.name; }).join( ', ' ) }}</p>
+<p>{selected.map( function ( value ) { return value.name; }).join( ', ' ) }</p>

test/runtime/samples/binding-input-checkbox-indeterminate/main.html

@@ -1,3 +1,3 @@
 <input type='checkbox' bind:checked bind:indeterminate>
-<p>checked? {{checked}}</p>
-<p>indeterminate? {{indeterminate}}</p>
+<p>checked? {checked}</p>
+<p>indeterminate? {indeterminate}</p>

test/runtime/samples/binding-input-checkbox/main.html

@@ -1,2 +1,2 @@
 <input type='checkbox' bind:checked='foo'>
-<p>{{foo}}</p>
+<p>{foo}</p>

test/runtime/samples/binding-input-number/main.html

@@ -1,2 +1,2 @@
 <input type='number' bind:value='count'>
-<p>{{typeof count}} {{count}}</p>
+<p>{typeof count} {count}</p>

test/runtime/samples/binding-input-radio-group/main.html

@@ -1,7 +1,7 @@
-{{#each values as value}}
+{#each values as value}
 	<label>
-		<input type="radio" value="{{value}}" bind:group='selected' /> {{value.name}}
+		<input type="radio" value="{value}" bind:group='selected' /> {value.name}
 	</label>
-{{/each}}
+{/each}
 
-<p>{{selected.name}}</p>
+<p>{selected.name}</p>

test/runtime/samples/binding-input-range-change/main.html

@@ -1,2 +1,2 @@
 <input type='range' bind:value='count'>
-<p>{{typeof count}} {{count}}</p>
+<p>{typeof count} {count}</p>

test/runtime/samples/binding-input-range/main.html

@@ -1,2 +1,2 @@
 <input type='range' bind:value='count'>
-<p>{{typeof count}} {{count}}</p>
+<p>{typeof count} {count}</p>

test/runtime/samples/binding-input-text-contextual/main.html

@@ -1,3 +1,3 @@
-{{#each items as item}}
-	<div><input bind:value='item'><p>{{item}}</p></div>
-{{/each}}
+{#each items as item}
+	<div><input bind:value='item'><p>{item}</p></div>
+{/each}

test/runtime/samples/binding-input-text-deconflicted/main.html

@@ -1,2 +1,2 @@
-<h1>Hello {{component.name}}!</h1>
+<h1>Hello {component.name}!</h1>
 <input bind:value="component.name"/>

test/runtime/samples/binding-input-text-deep-computed-dynamic/main.html

@@ -1,2 +1,2 @@
 <input bind:value='obj[prop]'>
-<pre>{{JSON.stringify(obj)}}</pre>
+<pre>{JSON.stringify(obj)}</pre>

test/runtime/samples/binding-input-text-deep-computed/main.html

@@ -1,2 +1,2 @@
 <input bind:value='user[prop]'>
-<p>hello {{user.name}}</p>
+<p>hello {user.name}</p>

test/runtime/samples/binding-input-text-deep-contextual-computed-dynamic/main.html

@@ -1,4 +1,4 @@
-{{#each objects as obj}}
+{#each objects as obj}
 	<input bind:value='obj[prop]'>
-	<pre>{{JSON.stringify(obj)}}</pre>
-{{/each}}
+	<pre>{JSON.stringify(obj)}</pre>
+{/each}

test/runtime/samples/binding-input-text-deep-contextual/main.html

@@ -1,3 +1,3 @@
-{{#each items as item}}
-	<div><input bind:value='item.description'><p>{{item.description}}</p></div>
-{{/each}}
+{#each items as item}
+	<div><input bind:value='item.description'><p>{item.description}</p></div>
+{/each}

test/runtime/samples/binding-input-text-deep/main.html

@@ -1,2 +1,2 @@
 <input bind:value='user.name'>
-<p>hello {{user.name}}</p>
+<p>hello {user.name}</p>

test/runtime/samples/binding-input-text/main.html

@@ -1,2 +1,2 @@
 <input bind:value='name'>
-<p>hello {{name}}</p>
+<p>hello {name}</p>

test/runtime/samples/binding-select-implicit-option-value/main.html

@@ -1,7 +1,7 @@
 <select bind:value='foo'>
-	{{#each values as v}}
-		<option>{{v}}</option>
-	{{/each}}
+	{#each values as v}
+		<option>{v}</option>
+	{/each}
 </select>
 
-<p>foo: {{foo}}</p>
+<p>foo: {foo}</p>

test/runtime/samples/binding-select-in-each-block/main.html

@@ -1,6 +1,6 @@
-{{#each items as item}}
+{#each items as item}
 	<select bind:value="item.value">
 		<option value="hullo">Hullo</option>
 		<option value="world">World</option>
 	</select>
-{{/each}}
+{/each}

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

@@ -1,6 +1,6 @@
-{{#if !hidden}}
+{#if !hidden}
 	<slot></slot>
-{{/if}}
+{/if}
 
 <script>
 	export default {

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

@@ -1,9 +1,9 @@
 <Modal ref:modal>
-	<span>{{letter}}</span>
+	<span>{letter}</span>
 	<select bind:value='letter'>
-		{{#each letters as letter}}
-			<option value="{{letter}}">{{letter}}</option>
-		{{/each}}
+		{#each letters as letter}
+			<option value="{letter}">{letter}</option>
+		{/each}
 	</select>
 </Modal>
 

test/runtime/samples/binding-select-initial-value-undefined/main.html

@@ -1,4 +1,4 @@
-<p>selected: {{selected}}</p>
+<p>selected: {selected}</p>
 
 <select bind:value='selected'>
 	<option>a</option>
@@ -6,4 +6,4 @@
 	<option>c</option>
 </select>
 
-<p>selected: {{selected}}</p>
+<p>selected: {selected}</p>

test/runtime/samples/binding-select-initial-value/main.html

@@ -1,4 +1,4 @@
-<p>selected: {{selected}}</p>
+<p>selected: {selected}</p>
 
 <select bind:value='selected'>
 	<option>a</option>
@@ -6,4 +6,4 @@
 	<option>c</option>
 </select>
 
-<p>selected: {{selected}}</p>
+<p>selected: {selected}</p>

test/runtime/samples/binding-select-late/main.html

@@ -1,7 +1,7 @@
 <select bind:value='selected'>
-	{{#each items as item}}
-		<option>{{item}}</option>
-	{{/each}}
+	{#each items as item}
+		<option>{item}</option>
+	{/each}
 </select>
 
-<p>selected: {{selected || 'nothing'}}</p>
+<p>selected: {selected || 'nothing'}</p>

test/runtime/samples/binding-select-multiple/main.html

@@ -4,4 +4,4 @@
 	<option>three</option>
 </select>
 
-<p>selected: {{selected.join( ', ' )}}</p>
+<p>selected: {selected.join( ', ' )}</p>

test/runtime/samples/binding-select-optgroup/main.html

@@ -1,4 +1,4 @@
-<h1>Hello {{name}}!</h1>
+<h1>Hello {name}!</h1>
 
 <select bind:value="name">
 	<option value="Harry">Harry</option>

test/runtime/samples/binding-select/main.html

@@ -1,4 +1,4 @@
-<p>selected: {{selected}}</p>
+<p>selected: {selected}</p>
 
 <select bind:value='selected'>
 	<option>one</option>
@@ -6,4 +6,4 @@
 	<option>three</option>
 </select>
 
-<p>selected: {{selected}}</p>
+<p>selected: {selected}</p>

test/runtime/samples/binding-textarea/main.html

@@ -1,2 +1,2 @@
 <textarea bind:value></textarea>
-<p>{{value}}</p>
+<p>{value}</p>

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

@@ -7,7 +7,7 @@
 		},
 
 		computed: {
-			foo(bar) {
+			foo({ bar }) {
 				return bar * 2;
 			}
 		}

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

@@ -1,5 +1,5 @@
-<p>bar in Foo: {{bar}}</p>
-<p>baz in Foo: {{baz}}</p>
+<p>bar in Foo: {bar}</p>
+<p>baz in Foo: {baz}</p>
 
 <script>
 	export default {

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

@@ -1,5 +1,5 @@
 <Foo ref:foo bind:bar bind:baz/>
-<p ref:p>{{bar + baz}}</p>
+<p ref:p>{bar + baz}</p>
 
 <script>
 	import Foo from './Foo.html';

test/runtime/samples/component-binding-blowback-b/main.html

@@ -1,11 +1,11 @@
 <input type='number' bind:value='count'>
 
 <ol>
-	{{#each ids as id}}
-		<Nested :id bind:value="idToValue[id]">
-			{{id}}: value is {{idToValue[id]}}
+	{#each ids as id}
+		<Nested {id} bind:value="idToValue[id]">
+			{id}: value is {idToValue[id]}
 		</Nested>
-	{{/each}}
+	{/each}
 </ol>
 
 <script>
@@ -19,7 +19,7 @@
 		},
 
 		computed: {
-			ids(count) {
+			ids({ count }) {
 				return new Array(count)
 					.fill(null)
 					.map((_, i) => 'id-' + i);

test/runtime/samples/component-binding-blowback-c/Nested.html

@@ -1,5 +1,5 @@
 <li>
-	{{yield}}
+	<slot></slot>
 </li>
 
 <script>

test/runtime/samples/component-binding-blowback-c/main.html

@@ -1,11 +1,11 @@
 <input type='number' bind:value='count'>
 
 <ol>
-	{{#each ids as object @id}}
-		<Nested bind:value='idToValue[object.id]' id='{{object.id}}'>
-			{{object.id}}: value is {{idToValue[object.id]}}
+	{#each ids as object (object.id)}
+		<Nested bind:value='idToValue[object.id]' id='{object.id}'>
+			{object.id}: value is {idToValue[object.id]}
 		</Nested>
-	{{/each}}
+	{/each}
 </ol>
 
 <script>
@@ -19,7 +19,7 @@
 		},
 
 		computed: {
-			ids(count) {
+			ids({ count }) {
 				return new Array(count)
 					.fill(null)
 					.map((_, i) => ({ id: 'id-' + i}))

test/runtime/samples/component-binding-blowback/main.html

@@ -1,6 +1,6 @@
-{{#if x}}
+{#if x}
 	<Widget bind:foo='bar.baz'/>
-{{/if}}
+{/if}
 
 <script>
 	import Widget from './Widget.html';

test/runtime/samples/component-binding-computed/Nested.html

@@ -1,3 +1,3 @@
 <label>
-	{{field}} <input bind:value>
+	{field} <input bind:value>
 </label>

test/runtime/samples/component-binding-computed/main.html

@@ -1,6 +1,6 @@
-{{#each fields as field}}
-	<Nested :field bind:value='values[field]'/>
-{{/each}}
+{#each fields as field}
+	<Nested {field} bind:value='values[field]'/>
+{/each}
 
 <script>
 	import Nested from './Nested.html';

test/runtime/samples/component-binding-conditional-b/Bar.html

@@ -1,4 +1,4 @@
-<p>y: {{y}}</p>
+<p>y: {y}</p>
 
 <script>
 	export default {

test/runtime/samples/component-binding-conditional-b/Foo.html

@@ -1,4 +1,4 @@
-<p>y: {{y}}</p>
+<p>y: {y}</p>
 
 <script>
 	export default {

test/runtime/samples/component-binding-conditional-b/main.html

@@ -1,12 +1,12 @@
-<p>y: {{y}}</p>
+<p>y: {y}</p>
 
 <Baz bind:x/>
 
-{{#if x}}
+{#if x}
 	<Foo bind:y/>
-{{else}}
+{:else}
 	<Bar bind:y/>
-{{/if}}
+{/if}
 
 <script>
 	import Foo from './Foo.html';

test/runtime/samples/component-binding-conditional/Bar.html

@@ -1,4 +1,4 @@
-<p>y: {{y}}</p>
+<p>y: {y}</p>
 
 <script>
 	export default {

test/runtime/samples/component-binding-conditional/Foo.html

@@ -1,4 +1,4 @@
-<p>y: {{y}}</p>
+<p>y: {y}</p>
 
 <script>
 	export default {

test/runtime/samples/component-binding-conditional/main.html

@@ -1,10 +1,10 @@
-<p>y: {{y}}</p>
+<p>y: {y}</p>
 
-{{#if x}}
+{#if x}
 	<Foo bind:y/>
-{{else}}
+{:else}
 	<Bar bind:y/>
-{{/if}}
+{/if}
 
 <Baz bind:x/>
 

test/runtime/samples/component-binding-deep-b/ComponentSelector.html

@@ -1,5 +1,5 @@
 <select bind:value='selectedComponent'>
-	{{#each components as component}}
-		<option value='{{component}}'>{{component.name}}.html</option>
-	{{/each}}
+	{#each components as component}
+		<option value='{component}'>{component.name}.html</option>
+	{/each}
 </select>

test/runtime/samples/component-binding-deep-b/main.html

@@ -1,8 +1,8 @@
-<ComponentSelector :components bind:selectedComponent/>
+<ComponentSelector {components} bind:selectedComponent/>
 <Editor bind:code='selectedComponent.source' />
 
 <pre>
-{{compiled}}
+{compiled}
 </pre>
 
 <script>

test/runtime/samples/component-binding-deep/main.html

@@ -1,6 +1,6 @@
 <Widget bind:value='deep.name'/>
 
-<p>{{deep.name}}</p>
+<p>{deep.name}</p>
 
 <script>
 	import Widget from './Widget.html';

test/runtime/samples/component-binding-each-nested/main.html

@@ -1,8 +1,8 @@
-{{#each a as x}}
+{#each a as x}
 	<Widget bind:value='x.name'/>
-{{/each}}
+{/each}
 
-<p>{{a.map(getName).join(', ')}}</p>
+<p>{a.map(getName).join(', ')}</p>
 
 <script>
 	import Widget from './Widget.html';

test/runtime/samples/component-binding-each-object/Widget.html

@@ -1 +1 @@
-<span>{{value.id}}</span>
+<span>{value.id}</span>

test/runtime/samples/component-binding-each-object/main.html

@@ -1,6 +1,6 @@
-{{#each a as x}}
+{#each a as x}
 	<Widget bind:value='x'/>
-{{/each}}
+{/each}
 
 <script>
 	import Widget from './Widget.html';

test/runtime/samples/component-binding-each/main.html

@@ -1,8 +1,8 @@
-{{#each a as x}}
+{#each a as x}
 	<Widget bind:value='x'/>
-{{/each}}
+{/each}
 
-<p>{{a.join(', ')}}</p>
+<p>{a.join(', ')}</p>
 
 <script>
 	import Widget from './Widget.html';

test/runtime/samples/component-binding-infinite-loop/B.html

@@ -1,10 +1,10 @@
-{{#each list as item}}
+{#each list as item}
 	<p>
-		<C identifier="{{item}}" bind:currentIdentifier>
-			{{item}}
+		<C identifier="{item}" bind:currentIdentifier>
+			{item}
 		</C>
 	</p>
-{{/each}}
+{/each}
 
 <script>
 import C from './C.html';

test/runtime/samples/component-binding-infinite-loop/C.html

@@ -1,14 +1,14 @@
 <span
 	on:click="toggle()"
-	class="{{isCurrentlySelected ? 'selected' : ''}}"
+	class="{isCurrentlySelected ? 'selected' : ''}"
 >
-	{{yield}}
+	<slot></slot>
 </span>
 
 <script>
 export default {
 	computed: {
-		isCurrentlySelected: (currentIdentifier, identifier) => currentIdentifier === identifier
+		isCurrentlySelected: ({ currentIdentifier, identifier }) => currentIdentifier === identifier
 	},
 	methods: {
 		toggle() {

test/runtime/samples/component-binding-nested/Bar.html

@@ -1,5 +1,5 @@
 <button class='bar' on:click='set({ x: "q" })'>bar</button>
-<p>bar x: {{x}}</p>
+<p>bar x: {x}</p>
 
 <Baz bind:x/>
 

test/runtime/samples/component-binding-nested/Baz.html

@@ -1,2 +1,2 @@
 <button class='baz' on:click='set({ x: "r" })'>baz</button>
-<p>baz x: {{x}}</p>
+<p>baz x: {x}</p>

test/runtime/samples/component-binding-nested/Foo.html

@@ -1,5 +1,5 @@
 <button class='foo' on:click='set({ x: "p" })'>foo</button>
-<p>foo x: {{x}}</p>
+<p>foo x: {x}</p>
 
 <Bar bind:x/>
 

test/runtime/samples/component-binding-nested/main.html

@@ -1,4 +1,4 @@
-<p>x: {{x}}</p>
+<p>x: {x}</p>
 
 <Foo bind:x/>
 

test/runtime/samples/component-binding-parent-supercedes-child/main.html

@@ -1,5 +1,5 @@
 <Counter bind:count='x'/>
-<p>count: {{x}}</p>
+<p>count: {x}</p>
 
 <script>
 	import Counter from './Counter.html';

test/runtime/samples/component-binding-self-destroying/main.html

@@ -1,8 +1,8 @@
-{{#if show}}
+{#if show}
 	<Nested bind:show/>
-{{else}}
+{:else}
 	<button on:click="set({show:true})">Show</button>
-{{/if}}
+{/if}
 
 <script>
 	import Nested from './Nested.html';

test/runtime/samples/component-binding/main.html

@@ -1,5 +1,5 @@
 <Counter bind:count='x'/>
-<p>count: {{x}}</p>
+<p>count: {x}</p>
 
 <script>
 	import Counter from './Counter.html';

test/runtime/samples/component-data-dynamic-late/Widget.html

@@ -1 +1 @@
-<p>{{p}}</p>
+<p>{p}</p>

test/runtime/samples/component-data-dynamic-late/main.html

@@ -1,6 +1,6 @@
-{{#if foo}}
-	<Widget p='{{q}}'/>
-{{/if}}
+{#if foo}
+	<Widget p='{q}'/>
+{/if}
 
 <script>
 	import Widget from './Widget.html';

test/runtime/samples/component-data-dynamic-shorthand/Widget.html

@@ -1 +1 @@
-<p>foo: {{foo}}</p>
+<p>foo: {foo}</p>

test/runtime/samples/component-data-dynamic-shorthand/main.html

@@ -1,5 +1,5 @@
 <div>
-	<Widget :foo/>
+	<Widget {foo}/>
 </div>
 
 <script>

test/runtime/samples/component-data-dynamic/Widget.html

@@ -1,4 +1,4 @@
-<p>foo: {{foo}}</p>
-<p>baz: {{baz}} ({{typeof baz}})</p>
-<p>qux: {{qux}}</p>
-<p>quux: {{quux}}</p>
+<p>foo: {foo}</p>
+<p>baz: {baz} ({typeof baz})</p>
+<p>qux: {qux}</p>
+<p>quux: {quux}</p>

test/runtime/samples/component-data-dynamic/main.html

@@ -1,5 +1,5 @@
 <div>
-	<Widget foo='{{bar}}' baz='{{40 + x}}' qux='this is a {{compound}} string' quux='{{go.deeper}}'/>
+	<Widget foo='{bar}' baz='{40 + x}' qux='this is a {compound} string' quux='{go.deeper}'/>
 </div>
 
 <script>

test/runtime/samples/component-data-empty/Widget.html

@@ -1 +1 @@
-<p>foo: '{{foo}}'</p>
+<p>foo: '{foo}'</p>

test/runtime/samples/component-data-static-boolean-regression/Link.html

@@ -1 +1 @@
-<a href={{href}}>link</a>
+<a href={href}>link</a>

test/runtime/samples/component-data-static-boolean/Foo.html

@@ -1 +1 @@
-<p>x: {{x}} ({{typeof x}})</p>
+<p>x: {x} ({typeof x})</p>

test/runtime/samples/component-data-static/Widget.html

@@ -1,2 +1,2 @@
-<p>foo: {{foo}}</p>
-<p>baz: {{baz}} ({{typeof baz}})</p>
+<p>foo: {foo}</p>
+<p>baz: {baz} ({typeof baz})</p>