update tests to account for removal of observe

src/generators/nodes/Element.ts

@@ -580,16 +580,8 @@ export default class Element extends Node {
 					});
 				`);
 
-				if (generator.options.dev) {
-					block.builders.hydrate.addBlock(deindent`
-						if (${handlerName}.teardown) {
-							console.warn("Return 'destroy()' from custom event handlers. Returning 'teardown()' has been deprecated and will be unsupported in Svelte 2");
-						}
-					`);
-				}
-
 				block.builders.destroy.addLine(deindent`
-					${handlerName}[${handlerName}.destroy ? 'destroy' : 'teardown']();
+					${handlerName}.destroy();
 				`);
 			} else {
 				const handler = deindent`

src/generators/nodes/Window.ts

@@ -86,16 +86,8 @@ export default class Window extends Node {
 						});
 					`);
 
-					if (generator.options.dev) {
-						block.builders.hydrate.addBlock(deindent`
-							if (${handlerName}.teardown) {
-								console.warn("Return 'destroy()' from custom event handlers. Returning 'teardown()' has been deprecated and will be unsupported in Svelte 2");
-							}
-						`);
-					}
-
 					block.builders.destroy.addLine(deindent`
-						${handlerName}[${handlerName}.destroy ? 'destroy' : 'teardown']();
+						${handlerName}.destroy();
 					`);
 				} else {
 					block.builders.init.addBlock(deindent`

src/shared/index.js

@@ -65,8 +65,6 @@ export function init(component, options) {
 }
 
 export function on(eventName, handler) {
-	if (eventName === 'teardown') return this.on('destroy', handler);
-
 	var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
 	handlers.push(handler);
 
@@ -78,17 +76,6 @@ export function on(eventName, handler) {
 	};
 }
 
-export function onDev(eventName, handler) {
-	if (eventName === 'teardown') {
-		console.warn(
-			"Use component.on('destroy', ...) instead of component.on('teardown', ...) which has been deprecated and will be unsupported in Svelte 2"
-		);
-		return this.on('destroy', handler);
-	}
-
-	return on.call(this, eventName, handler);
-}
-
 export function run(fn) {
 	fn();
 }
@@ -176,7 +163,7 @@ export var protoDev = {
 	destroy: destroyDev,
 	get,
 	fire,
-	on: onDev,
+	on,
 	set: setDev,
 	_recompute: noop,
 	_set,

test/custom-elements/samples/html/test.js

@@ -5,7 +5,7 @@ export default function (target) {
 	target.innerHTML = '<custom-element name="world"></custom-element>';
 	const el = target.querySelector('custom-element');
 
-	assert.equal(el.get('name'), 'world');
+	assert.equal(el.get().name, 'world');
 
 	const h1 = el.shadowRoot.querySelector('h1');
 	assert.equal(h1.textContent, 'Hello world!');

test/hydration/samples/binding-input/_config.js

@@ -20,7 +20,7 @@ export default {
 		input.value = 'everybody';
 		input.dispatchEvent(new window.Event('input'));
 
-		assert.equal(component.get('name'), 'everybody');
+		assert.equal(component.get().name, 'everybody');
 		assert.htmlEqual(target.innerHTML, `
 			<input>
 			<p>Hello everybody!</p>

test/hydration/samples/event-handler/_config.js

@@ -17,7 +17,7 @@ export default {
 
 		button.dispatchEvent(new window.MouseEvent('click'));
 
-		assert.ok(component.get('clicked'));
+		assert.ok(component.get().clicked);
 		assert.htmlEqual(target.innerHTML, `
 			<button>click me</button>
 			<p>clicked!</p>

test/runtime/samples/attribute-dynamic-shorthand/_config.js

@@ -4,7 +4,5 @@ export default {
 	test ( assert, component, target ) {
 		component.set({ id: 'bar' });
 		assert.equal( target.innerHTML, `<div id="bar"></div>` );
-
-		component.teardown();
 	}
 };

test/runtime/samples/await-then-catch-event/_config.js

@@ -26,7 +26,7 @@ export default {
 				const click = new window.MouseEvent('click');
 				button.dispatchEvent(click);
 
-				assert.equal(component.get('clicked'), 42);
+				assert.equal(component.get().clicked, 42);
 
 				thePromise = Promise.resolve(43);
 				component.set({ thePromise });
@@ -39,7 +39,7 @@ export default {
 				const click = new window.MouseEvent('click');
 				button.dispatchEvent(click);
 
-				assert.equal(component.get('clicked'), 43);
+				assert.equal(component.get().clicked, 43);
 			});
 	}
 };

test/runtime/samples/binding-audio-currenttime-duration-volume/_config.js

@@ -5,10 +5,10 @@ export default {
 	skip: true,
 
 	test ( assert, component, target, window ) {
-		assert.equal( component.get( 't' ), 0 );
-		assert.equal( component.get( 'd' ), 0 );
-		assert.equal( component.get( 'v' ), 0.5 );
-		assert.equal( component.get( 'paused' ), true );
+		assert.equal( component.get().t, 0 );
+		assert.equal( component.get().d, 0 );
+		assert.equal( component.get().v, 0.5 );
+		assert.equal( component.get().paused, true );
 
 		const audio = target.querySelector( 'audio' );
 		const timeupdate = new window.Event( 'timeupdate' );
@@ -23,10 +23,10 @@ export default {
 		audio.dispatchEvent( volumechange );
 		audio.play();
 
-		assert.equal( component.get( 't' ), 10 );
-		assert.equal( component.get( 'd' ), 0 ); // not 20, because read-only. Not sure how to test this!
-		assert.equal( component.get( 'v' ), 0.75 );
-		assert.equal( component.get( 'paused' ), true ); // ditto...
+		assert.equal( component.get().t, 10 );
+		assert.equal( component.get().d, 0 ); // not 20, because read-only. Not sure how to test this!
+		assert.equal( component.get().v, 0.75 );
+		assert.equal( component.get().paused, true ); // ditto...
 		component.destroy();
 	}
 };

test/runtime/samples/binding-indirect-computed/_config.js

@@ -18,7 +18,7 @@ export default {
 		options[1].selected = true;
 		select.dispatchEvent(change);
 
-		assert.equal(component.get('selected').letter, 'B');
+		assert.equal(component.get().selected.letter, 'B');
 		assert.htmlEqual(target.innerHTML, `
 			<select>
 				<option value='A'>A</option>

test/runtime/samples/binding-indirect/_config.js

@@ -42,7 +42,7 @@ export default {
 		input.checked = true;
 		input.dispatchEvent(change);
 
-		assert.ok(component.get('tasks')[0].done);
+		assert.ok(component.get().tasks[0].done);
 		assert.htmlEqual(target.innerHTML, `
 			<select>
 				<option value='[object Object]'>put your left leg in</option>
@@ -63,13 +63,13 @@ export default {
 
 		options[1].selected = true;
 		select.dispatchEvent(change);
-		assert.equal(component.get('selected'), tasks[1]);
+		assert.equal(component.get().selected, tasks[1]);
 		assert.ok(!input.checked);
 
 		input.checked = true;
 		input.dispatchEvent(change);
 
-		assert.ok(component.get('tasks')[1].done);
+		assert.ok(component.get().tasks[1].done);
 		assert.htmlEqual(target.innerHTML, `
 			<select>
 				<option value='[object Object]'>put your left leg in</option>

test/runtime/samples/binding-input-checkbox-deep-contextual/_config.js

@@ -24,13 +24,13 @@ export default {
 		inputs[1].checked = true;
 		inputs[1].dispatchEvent( event );
 
-		assert.equal( component.get( 'numCompleted' ), 2 );
+		assert.equal( component.get().numCompleted, 2 );
 		assert.htmlEqual( target.innerHTML, `
 			<div><input type="checkbox"><p>one</p></div><div><input type="checkbox"><p>two</p></div><div><input type="checkbox"><p>three</p></div>
 			<p>2 completed</p>
 		` );
 
-		const items = component.get( 'items' );
+		const items = component.get().items;
 		items[2].completed = true;
 
 		component.set({ items });

test/runtime/samples/binding-input-checkbox-indeterminate/_config.js

@@ -22,8 +22,8 @@ export default {
 		input.indeterminate = false;
 		input.dispatchEvent(event);
 
-		assert.equal(component.get('indeterminate'), false);
-		assert.equal(component.get('checked'), true);
+		assert.equal(component.get().indeterminate, false);
+		assert.equal(component.get().checked, true);
 		assert.htmlEqual(target.innerHTML, `
 			<input type="checkbox">
 			<p>checked? true</p>

test/runtime/samples/binding-input-number/_config.js

@@ -17,7 +17,7 @@ export default {
 		input.value = '43';
 		input.dispatchEvent( event );
 
-		assert.equal( component.get( 'count' ), 43 );
+		assert.equal( component.get().count, 43 );
 		assert.htmlEqual( target.innerHTML, `
 			<input type='number'>
 			<p>number 43</p>
@@ -34,7 +34,7 @@ export default {
 		input.value = '';
 		input.dispatchEvent( event );
 
-		assert.equal( component.get( 'count' ), undefined );
+		assert.equal( component.get().count, undefined );
 		assert.htmlEqual( target.innerHTML, `
 			<input type='number'>
 			<p>undefined undefined</p>

test/runtime/samples/binding-input-range-change/_config.js

@@ -17,7 +17,7 @@ export default {
 		input.value = '43';
 		input.dispatchEvent( event );
 
-		assert.equal( component.get( 'count' ), 43 );
+		assert.equal( component.get().count, 43 );
 		assert.htmlEqual( target.innerHTML, `
 			<input type='range'>
 			<p>number 43</p>

test/runtime/samples/binding-input-range/_config.js

@@ -17,7 +17,7 @@ export default {
 		input.value = '43';
 		input.dispatchEvent( event );
 
-		assert.equal( component.get( 'count' ), 43 );
+		assert.equal( component.get().count, 43 );
 		assert.htmlEqual( target.innerHTML, `
 			<input type='range'>
 			<p>number 43</p>

test/runtime/samples/binding-input-text-contextual/_config.js

@@ -9,7 +9,7 @@ export default {
 	html: `<div><input><p>one</p></div><div><input><p>two</p></div><div><input><p>three</p></div><!---->`,
 	test ( assert, component, target, window ) {
 		const inputs = [ ...target.querySelectorAll( 'input' ) ];
-		const items = component.get( 'items' );
+		const items = component.get().items;
 		const event = new window.Event( 'input' );
 
 		assert.equal( inputs[0].value, 'one' );

test/runtime/samples/binding-input-text-deep-computed/_config.js

@@ -20,7 +20,7 @@ export default {
 
 		assert.equal( target.innerHTML, `<input>\n<p>hello bob</p>` );
 
-		const user = component.get( 'user' );
+		const user = component.get().user;
 		user.name = 'carol';
 
 		component.set({ user });

test/runtime/samples/binding-input-text-deep-contextual/_config.js

@@ -19,7 +19,7 @@ export default {
 
 		assert.equal( target.innerHTML, `<div><input><p>one</p></div><div><input><p>four</p></div><div><input><p>three</p></div><!---->` );
 
-		const items = component.get( 'items' );
+		const items = component.get().items;
 		items[2].description = 'five';
 
 		component.set({ items });

test/runtime/samples/binding-input-text-deep/_config.js

@@ -19,7 +19,7 @@ export default {
 
 		assert.equal( target.innerHTML, `<input>\n<p>hello bob</p>` );
 
-		const user = component.get( 'user' );
+		const user = component.get().user;
 		user.name = 'carol';
 
 		component.set({ user });

test/runtime/samples/binding-input-with-event/_config.js

@@ -13,7 +13,7 @@ export default {
 		input.dispatchEvent( event );
 
 		assert.equal( input.value, '43' );
-		assert.equal( component.get( 'a' ), 43 );
+		assert.equal( component.get().a, 43 );
 
 		component.destroy();
 	}

test/runtime/samples/binding-select-implicit-option-value/_config.js

@@ -19,14 +19,14 @@ export default {
 		const options = [...target.querySelectorAll('option')];
 
 		assert.ok(options[1].selected);
-		assert.equal(component.get('foo'), 2);
+		assert.equal(component.get().foo, 2);
 
 		const change = new window.Event('change');
 
 		options[2].selected = true;
 		select.dispatchEvent(change);
 
-		assert.equal(component.get('foo'), 3);
+		assert.equal(component.get().foo, 3);
 		assert.htmlEqual( target.innerHTML, `
 			<select>
 				<option value='1'>1</option>

test/runtime/samples/binding-select-in-each-block/_config.js

@@ -25,7 +25,7 @@ export default {
 		selects[1].options[0].selected = true;
 		selects[1].dispatchEvent(change);
 
-		assert.deepEqual(component.get('items'), [
+		assert.deepEqual(component.get().items, [
 			{ value: 'hullo' }, { value: 'hullo' }
 		]);
 	}

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

@@ -12,7 +12,7 @@
 		methods: {
 			toggle () {
 				this.set({
-					hidden: !this.get('hidden')
+					hidden: !this.get().hidden
 				});
 			}
 		}

test/runtime/samples/binding-select-in-yield/_config.js

@@ -23,7 +23,7 @@ export default {
 
 		select.options[2].selected = true;
 		select.dispatchEvent(change);
-		assert.equal(component.get('letter'), 'c');
+		assert.equal(component.get().letter, 'c');
 
 		assert.deepEqual(Array.from(select.options).map(o => o.selected), [
 			false,

test/runtime/samples/binding-select-multiple/_config.js

@@ -24,7 +24,7 @@ export default {
 		options[1].selected = false;
 		select.dispatchEvent( change );
 
-		assert.deepEqual( component.get( 'selected' ), [ 'three' ] );
+		assert.deepEqual( component.get().selected, [ 'three' ] );
 		assert.htmlEqual( target.innerHTML, `
 			<select multiple>
 				<option>one</option>
@@ -38,7 +38,7 @@ export default {
 		options[0].selected = true;
 		select.dispatchEvent( change );
 
-		assert.deepEqual( component.get( 'selected' ), [ 'one', 'three' ] );
+		assert.deepEqual( component.get().selected, [ 'one', 'three' ] );
 		assert.htmlEqual( target.innerHTML, `
 			<select multiple>
 				<option>one</option>

test/runtime/samples/binding-select-optgroup/_config.js

@@ -17,14 +17,14 @@ export default {
 		const options = [...target.querySelectorAll('option')];
 
 		assert.deepEqual(options, select.options);
-		assert.equal(component.get('name'), 'Harry');
+		assert.equal(component.get().name, 'Harry');
 
 		const change = new window.Event('change');
 
 		options[1].selected = true;
 		select.dispatchEvent(change);
 
-		assert.equal(component.get('name'), 'World');
+		assert.equal(component.get().name, 'World');
 		assert.htmlEqual(target.innerHTML, `
 			<h1>Hello World!</h1>
 

test/runtime/samples/binding-select/_config.js

@@ -20,14 +20,14 @@ export default {
 		const options = [ ...target.querySelectorAll( 'option' ) ];
 
 		assert.deepEqual( options, select.options );
-		assert.equal( component.get( 'selected' ), 'one' );
+		assert.equal( component.get().selected, 'one' );
 
 		const change = new window.Event( 'change' );
 
 		options[1].selected = true;
 		select.dispatchEvent( change );
 
-		assert.equal( component.get( 'selected' ), 'two' );
+		assert.equal( component.get().selected, 'two' );
 		assert.htmlEqual( target.innerHTML, `
 			<p>selected: two</p>
 

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

@@ -9,7 +9,7 @@
 		},
 
 		oncreate() {
-			this.snapshot = this.get('foo');
+			this.snapshot = this.get().foo;
 		}
 	};
 </script>

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

@@ -12,7 +12,7 @@
 
 	export default {
 		oncreate() {
-			this.set({ value: initialValues[this.get('id')] });
+			this.set({ value: initialValues[this.get().id] });
 		}
 	};
 </script>

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

@@ -12,7 +12,7 @@
 
 	export default {
 		oncreate() {
-			this.set({ value: initialValues[this.get('id')] });
+			this.set({ value: initialValues[this.get().id] });
 		}
 	};
 </script>

test/runtime/samples/component-binding-blowback/_config.js

@@ -1,14 +1,12 @@
 export default {
-	test ( assert, component ) {
+	test(assert, component) {
 		let count = 0;
 
-		component.observe( 'bar', () => {
-			count += 1;
+		component.on('state', ({ changed }) => {
+			if (changed.bar) count += 1;
 		});
 
 		component.set({ x: true });
-		assert.equal( count, 1 );
-
-		component.destroy();
+		assert.equal(count, 0);
 	}
 };

test/runtime/samples/component-binding-computed/_config.js

@@ -10,14 +10,14 @@ export default {
 
 		inputs[0].value = 'Ada';
 		inputs[0].dispatchEvent(input);
-		assert.deepEqual(component.get('values'), {
+		assert.deepEqual(component.get().values, {
 			firstname: 'Ada',
 			lastname: ''
 		});
 
 		inputs[1].value = 'Lovelace';
 		inputs[1].dispatchEvent(input);
-		assert.deepEqual(component.get('values'), {
+		assert.deepEqual(component.get().values, {
 			firstname: 'Ada',
 			lastname: 'Lovelace'
 		});

test/runtime/samples/component-binding-deep-b/_config.js

@@ -37,7 +37,7 @@ export default {
 		textarea.value = 'one source changed';
 		textarea.dispatchEvent( event );
 
-		assert.equal( component.get( 'compiled' ), 'ONE SOURCE CHANGED\nTWO SOURCE' );
+		assert.equal( component.get().compiled, 'ONE SOURCE CHANGED\nTWO SOURCE' );
 		assert.htmlEqual( target.innerHTML, `
 			<select>
 				<option value='[object Object]'>One.html</option>
@@ -67,7 +67,7 @@ export default {
 		textarea.value = 'two source changed';
 		textarea.dispatchEvent( event );
 
-		assert.equal( component.get( 'compiled' ), 'ONE SOURCE CHANGED\nTWO SOURCE CHANGED' );
+		assert.equal( component.get().compiled, 'ONE SOURCE CHANGED\nTWO SOURCE CHANGED' );
 		assert.htmlEqual( target.innerHTML, `
 			<select>
 				<option value='[object Object]'>One.html</option>

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

@@ -1,5 +1,5 @@
 <ComponentSelector :components bind:selectedComponent/>
-<Editor bind:code='selectedComponent.source'/>
+<Editor bind:code='selectedComponent.source' />
 
 <pre>
 {{compiled}}
@@ -15,25 +15,27 @@
 			Editor
 		},
 
-		oncreate () {
-			this.observe( 'components', components => {
-				components.forEach( component => {
-					if ( component === this.get( 'selectedComponent' ) ) return;
+		onstate({ changed, current }) {
+			const { selectedComponent } = this.get();
+
+			if (changed.components) {
+				components.forEach(component => {
+					if (component === selectedComponent) return;
 					component.compiled = component.source.toUpperCase();
 				});
-			});
+			}
 
-			this.observe( 'selectedComponent', component => {
-				component.compiled = component.source.toUpperCase();
+			if (changed.selectedComponent) {
+				selectedComponent.compiled = selectedComponent.source.toUpperCase();
 				this.updateBundle();
-			});
+			}
 		},
 
 		methods: {
-			updateBundle () {
-				const components = this.get( 'components' );
+			updateBundle() {
+				const components = this.get('components');
 
-				const compiled = components.map( component => component.compiled ).join( '\n' );
+				const compiled = components.map(component => component.compiled).join('\n');
 
 				this.set({ compiled });
 			}

test/runtime/samples/component-binding-deep/_config.js

@@ -11,7 +11,7 @@ export default {
 		input.value = 'blah';
 		input.dispatchEvent( event );
 
-		assert.deepEqual( component.get( 'deep' ), { name: 'blah' } );
+		assert.deepEqual( component.get().deep, { name: 'blah' } );
 		assert.htmlEqual( target.innerHTML, `
 			<input>
 			<p>blah</p>

test/runtime/samples/component-binding-each-nested/_config.js

@@ -11,12 +11,12 @@ export default {
 		inputs[0].value = 'blah';
 		inputs[0].dispatchEvent( event );
 
-		assert.deepEqual( component.get( 'a' ), [{ name: 'blah' }, { name: 'bar' }, { name: 'baz' }] );
+		assert.deepEqual( component.get().a, [{ name: 'blah' }, { name: 'bar' }, { name: 'baz' }] );
 		assert.htmlEqual( target.innerHTML, `
 			<input><input><input>
 			<p>blah, bar, baz</p>
 		` );
-		
+
 		component.destroy();
 	}
 };

test/runtime/samples/component-binding-each/_config.js

@@ -11,7 +11,7 @@ export default {
 		inputs[0].value = 'blah';
 		inputs[0].dispatchEvent( event );
 
-		assert.deepEqual( component.get( 'a' ), [ 'blah', 'bar', 'baz' ] );
+		assert.deepEqual( component.get().a, [ 'blah', 'bar', 'baz' ] );
 		assert.htmlEqual( target.innerHTML, `
 			<input><input><input>
 			<p>blah, bar, baz</p>

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

@@ -12,10 +12,10 @@ export default {
 	},
 	methods: {
 		toggle() {
-			const isCurrentlySelected = this.get('isCurrentlySelected')
+			const isCurrentlySelected = this.get().isCurrentlySelected
 
 			this.set({
-				currentIdentifier: isCurrentlySelected ? null : this.get('identifier')
+				currentIdentifier: isCurrentlySelected ? null : this.get().identifier
 			})
 		}
 	}

test/runtime/samples/component-binding-infinite-loop/_config.js

@@ -31,7 +31,7 @@ export default {
 
 		spans[0].dispatchEvent( click );
 
-		assert.equal( component.get( 'currentIdentifier' ), 1 );
+		assert.equal( component.get().currentIdentifier, 1 );
 		assert.htmlEqual( target.innerHTML, `
 			<p><span class='selected'>1</span></p>
 			<p><span class=''>2</span></p>
@@ -60,7 +60,7 @@ export default {
 
 		spans[0].dispatchEvent( click );
 
-		assert.equal( component.get( 'currentIdentifier' ), null );
+		assert.equal( component.get().currentIdentifier, null );
 		assert.htmlEqual( target.innerHTML, `
 			<p><span class=''>1</span></p>
 			<p><span class=''>2</span></p>

test/runtime/samples/component-binding-nested/_config.js

@@ -21,7 +21,7 @@ export default {
 
 		buttons[0].dispatchEvent( click );
 
-		assert.equal( component.get( 'x' ), 'p' );
+		assert.equal( component.get().x, 'p' );
 		assert.htmlEqual( target.innerHTML, `
 			<p>x: p</p>
 			<button class="foo">foo</button>
@@ -34,7 +34,7 @@ export default {
 
 		buttons[1].dispatchEvent( click );
 
-		assert.equal( component.get( 'x' ), 'q' );
+		assert.equal( component.get().x, 'q' );
 		assert.htmlEqual( target.innerHTML, `
 			<p>x: q</p>
 			<button class="foo">foo</button>
@@ -47,7 +47,7 @@ export default {
 
 		buttons[2].dispatchEvent( click );
 
-		assert.equal( component.get( 'x' ), 'r' );
+		assert.equal( component.get().x, 'r' );
 		assert.htmlEqual( target.innerHTML, `
 			<p>x: r</p>
 			<button class="foo">foo</button>

test/runtime/samples/component-binding-parent-supercedes-child/_config.js

@@ -10,7 +10,7 @@ export default {
 
 		button.dispatchEvent( click );
 
-		assert.equal( component.get( 'x' ), 11 );
+		assert.equal( component.get().x, 11 );
 		assert.htmlEqual( target.innerHTML, `
 			<button>+1</button>
 			<p>count: 11</p>
@@ -18,7 +18,7 @@ export default {
 
 		button.dispatchEvent( click );
 
-		assert.equal( component.get( 'x' ), 12 );
+		assert.equal( component.get().x, 12 );
 		assert.htmlEqual( target.innerHTML, `
 			<button>+1</button>
 			<p>count: 12</p>

test/runtime/samples/component-binding-self-destroying/_config.js

@@ -12,14 +12,14 @@ export default {
 
 		target.querySelector('button').dispatchEvent(click);
 
-		assert.equal(component.get('show'), false);
+		assert.equal(component.get().show, false);
 		assert.htmlEqual(target.innerHTML, `
 			<button>Show</button>
 		`);
 
 		target.querySelector('button').dispatchEvent(click);
 
-		assert.equal(component.get('show'), true);
+		assert.equal(component.get().show, true);
 		assert.htmlEqual(target.innerHTML, `
 			<button>Hide</button>
 		`);

test/runtime/samples/component-binding/_config.js

@@ -12,7 +12,7 @@ export default {
 
 		button.dispatchEvent( click );
 
-		assert.equal( component.get( 'x' ), 1 );
+		assert.equal( component.get().x, 1 );
 		assert.htmlEqual( target.innerHTML, `
 			<button>+1</button>
 			<p>count: 1</p>
@@ -20,7 +20,7 @@ export default {
 
 		button.dispatchEvent( click );
 
-		assert.equal( component.get( 'x' ), 2 );
+		assert.equal( component.get().x, 2 );
 		assert.htmlEqual( target.innerHTML, `
 			<button>+1</button>
 			<p>count: 2</p>

test/runtime/samples/component-data-dynamic-shorthand/_config.js

@@ -11,7 +11,5 @@ export default {
 		});
 
 		assert.equal( target.innerHTML, `<div><p>foo: 99</p></div>` );
-
-		component.teardown();
 	}
 };

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

@@ -1,6 +1,6 @@
 <div>
 	{{#if visible}}
-		<Widget on:teardown='fire("widgetTornDown")'/>
+		<Widget on:destroy='fire("widgetTornDown")'/>
 	{{/if}}
 </div>
 

test/runtime/samples/component-yield-if/_config.js

@@ -4,7 +4,7 @@ export default {
 	test ( assert, component, target ) {
 		const widget = component.refs.widget;
 
-		assert.equal( widget.get( 'show' ), false );
+		assert.equal( widget.get().show, false );
 
 		widget.set({show: true});
 		assert.htmlEqual( target.innerHTML, '<div><p>Hello</p></div>' );

test/runtime/samples/component-yield-parent/_config.js

@@ -4,10 +4,10 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		assert.equal( component.get( 'data' ), 'Hello' );
+		assert.equal( component.get().data, 'Hello' );
 
 		component.set({ data: 'World' });
-		assert.equal( component.get( 'data' ), 'World' );
+		assert.equal( component.get().data, 'World' );
 		assert.htmlEqual( target.innerHTML, `
 			<div><p>World</p></div>
 		` );

test/runtime/samples/computed-empty/_config.js

@@ -1,7 +1,7 @@
 export default {
 	html: '<div>empty</div>',
 	test ( assert, component, target ) {
-		assert.equal( component.get( 'created' ), true );
+		assert.equal( component.get().created, true );
 		assert.equal( target.innerHTML, '<div>empty</div>' );
 		component.destroy();
 	}

test/runtime/samples/computed-values-function-dependency/_config.js

@@ -3,7 +3,7 @@ export default {
 
 	test ( assert, component, target ) {
 		component.set({ y: 2 });
-		assert.equal( component.get( 'x' ), 4 );
+		assert.equal( component.get().x, 4 );
 		assert.equal( target.innerHTML, '<p>4</p>' );
 		component.destroy();
 	}

test/runtime/samples/computed-values/_config.js

@@ -2,8 +2,8 @@ export default {
 	html: '<p>1 + 2 = 3</p>\n<p>3 * 3 = 9</p>',
 	test ( assert, component, target ) {
 		component.set({ a: 3 });
-		assert.equal( component.get( 'c' ), 5 );
-		assert.equal( component.get( 'cSquared' ), 25 );
+		assert.equal( component.get().c, 5 );
+		assert.equal( component.get().cSquared, 25 );
 		assert.equal( target.innerHTML, '<p>3 + 2 = 5</p>\n<p>5 * 5 = 25</p>' );
 		component.destroy();
 	}

test/runtime/samples/custom-method/_config.js

@@ -5,11 +5,11 @@ export default {
 		const event = new window.MouseEvent( 'click' );
 
 		button.dispatchEvent( event );
-		assert.equal( component.get( 'counter' ), 1 );
+		assert.equal( component.get().counter, 1 );
 		assert.equal( target.innerHTML, '<button>+1</button>\n\n<p>1</p>' );
 
 		button.dispatchEvent( event );
-		assert.equal( component.get( 'counter' ), 2 );
+		assert.equal( component.get().counter, 2 );
 		assert.equal( target.innerHTML, '<button>+1</button>\n\n<p>2</p>' );
 
 		assert.equal( component.foo(), 42 );

test/runtime/samples/custom-method/main.html

@@ -10,7 +10,7 @@
 
 		methods: {
 			add1 () {
-				this.set({ counter: this.get( 'counter' ) + 1 });
+				this.set({ counter: this.get().counter + 1 });
 			},
 
 			foo () {

test/runtime/samples/deconflict-builtins/_config.js

@@ -2,7 +2,7 @@ export default {
 	html: `<span>got</span>`,
 
 	test ( assert, component ) {
-		assert.equal( component.get( 'foo' ), 'got' );
+		assert.equal( component.get().foo, 'got' );
 		component.destroy();
 	}
 };

test/runtime/samples/deconflict-non-helpers/_config.js

@@ -2,7 +2,7 @@ export default {
 	html: `ABCD`,
 
 	test ( assert, component ) {
-		assert.equal( component.get( 'compute' ), 'ABCD' );
+		assert.equal( component.get().compute, 'ABCD' );
 		component.destroy();
 	}
 };

test/runtime/samples/dev-warning-bad-observe-arguments/_config.js

@@ -1,7 +0,0 @@
-export default {
-	dev: true,
-
-	error ( assert, err ) {
-		assert.equal( err.message, `The first argument to component.observe(...) must be the name of a top-level property, i.e. 'nested' rather than 'nested.data'` );
-	}
-};

test/runtime/samples/dev-warning-bad-observe-arguments/main.html

@@ -1,9 +0,0 @@
-<script>
-	export default {
-		oncreate () {
-			this.observe( 'nested.data', data => {
-				console.log( 'nope' );
-			});
-		}
-	};
-</script>

test/runtime/samples/dev-warning-custom-event-destroy-not-teardown/_config.js

@@ -1,7 +0,0 @@
-export default {
-	dev: true,
-
-	warnings: [
-		`Return 'destroy()' from custom event handlers. Returning 'teardown()' has been deprecated and will be unsupported in Svelte 2`
-	]
-};

test/runtime/samples/dev-warning-custom-event-destroy-not-teardown/main.html

@@ -1,16 +0,0 @@
-<button on:foo='foo()'>foo</button>
-
-<script>
-	export default {
-		methods: {
-			foo() {}
-		},
-		events: {
-			foo(node, callback) {
-				return {
-					teardown() {}
-				}
-			}
-		}
-	};
-</script>

test/runtime/samples/dev-warning-destroy-not-teardown/_config.js

@@ -1,7 +0,0 @@
-export default {
-	dev: true,
-
-	warnings: [
-		`Use component.on('destroy', ...) instead of component.on('teardown', ...) which has been deprecated and will be unsupported in Svelte 2`
-	]
-};

test/runtime/samples/dev-warning-destroy-not-teardown/main.html

@@ -1,9 +0,0 @@
-<script>
-	export default {
-		oncreate () {
-			this.on( 'teardown', () => {
-				this.destroyed = true;
-			});
-		}
-	};
-</script>

test/runtime/samples/dynamic-component-bindings/_config.js

@@ -13,7 +13,7 @@ export default {
 		input.value = 'abc';
 		input.dispatchEvent(new window.Event('input'));
 
-		assert.equal(component.get('y'), 'abc');
+		assert.equal(component.get().y, 'abc');
 
 		component.set({
 			x: false
@@ -28,6 +28,6 @@ export default {
 		input.checked = true;
 		input.dispatchEvent(new window.Event('change'));
 
-		assert.equal(component.get('z'), true);
+		assert.equal(component.get().z, true);
 	}
 };

test/runtime/samples/dynamic-component-events/_config.js

@@ -11,7 +11,7 @@ export default {
 		const click = new window.MouseEvent('click');
 
 		target.querySelector('button').dispatchEvent(click);
-		assert.equal(component.get('selected'), 'foo');
+		assert.equal(component.get().selected, 'foo');
 
 		component.set({
 			x: false
@@ -22,6 +22,6 @@ export default {
 		`);
 
 		target.querySelector('button').dispatchEvent(click);
-		assert.equal(component.get('selected'), 'bar');
+		assert.equal(component.get().selected, 'bar');
 	}
 };

test/runtime/samples/each-block-array-literal/_config.js

@@ -14,6 +14,6 @@ export default {
 		const event = new window.MouseEvent('click');
 
 		button.dispatchEvent(event);
-		assert.equal(component.get('clicked'), 'racoon');
+		assert.equal(component.get().clicked, 'racoon');
 	},
 };

test/runtime/samples/each-block-containing-if/_config.js

@@ -1,6 +1,6 @@
 export default {
 	test ( assert, component, target ) {
-		const items = component.get( 'items' );
+		const items = component.get().items;
 		items.forEach( item => item.completed = false );
 
 		component.set({ currentFilter: 'all' });

test/runtime/samples/event-handler-custom-context/main.html

@@ -11,14 +11,14 @@
 			tap ( node, callback ) {
 				const clickHandler = event => {
 					callback({
-						answer: this.get( 'answer' )
+						answer: this.get().answer
 					});
 				};
 
 				node.addEventListener( 'click', clickHandler, false );
 
 				return {
-					teardown () {
+					destroy () {
 						node.addEventListener( 'click', clickHandler, false );
 					}
 				};

test/runtime/samples/event-handler-custom-each-destructured/_config.js

@@ -24,8 +24,8 @@ export default {
 			<p>second: bar</p>
 		` );
 
-		assert.equal( component.get( 'first' ), '1' );
-		assert.equal( component.get( 'second' ), 'bar' );
+		assert.equal( component.get().first, '1' );
+		assert.equal( component.get().second, 'bar' );
 
 		component.destroy();
 	}

test/runtime/samples/event-handler-custom-each-destructured/main.html

@@ -26,7 +26,7 @@
 				node.addEventListener( 'click', clickHandler, false );
 
 				return {
-					teardown () {
+					destroy () {
 						node.addEventListener( 'click', clickHandler, false );
 					}
 				};

test/runtime/samples/event-handler-custom-each/_config.js

@@ -24,8 +24,8 @@ export default {
 			<p>fromState: bar</p>
 		` );
 
-		assert.equal( component.get( 'fromDom' ), 'bar' );
-		assert.equal( component.get( 'fromState' ), 'bar' );
+		assert.equal( component.get().fromDom, 'bar' );
+		assert.equal( component.get().fromState, 'bar' );
 
 		component.destroy();
 	}

test/runtime/samples/event-handler-custom-each/main.html

@@ -24,7 +24,7 @@
 				node.addEventListener( 'click', clickHandler, false );
 
 				return {
-					teardown () {
+					destroy () {
 						node.addEventListener( 'click', clickHandler, false );
 					}
 				};

test/runtime/samples/event-handler-custom-node-context/main.html

@@ -15,7 +15,7 @@
 				node.addEventListener( 'click', clickHandler, false );
 
 				return {
-					teardown () {
+					destroy () {
 						node.addEventListener( 'click', clickHandler, false );
 					}
 				};

test/runtime/samples/event-handler-custom/main.html

@@ -19,7 +19,7 @@
 				node.addEventListener( 'click', clickHandler, false );
 
 				return {
-					teardown () {
+					destroy () {
 						node.addEventListener( 'click', clickHandler, false );
 					}
 				};

test/runtime/samples/event-handler-each-deconflicted/_config.js

@@ -16,7 +16,7 @@ export default {
 		const event = new window.MouseEvent( 'click' );
 
 		buttons[0].dispatchEvent( event );
-		assert.equal( component.get( 'clicked' ), 'foo' );
+		assert.equal( component.get().clicked, 'foo' );
 		assert.htmlEqual( target.innerHTML, `
 			<button>foo</button>
 			<button>bar</button>
@@ -24,7 +24,7 @@ export default {
 		` );
 
 		buttons[1].dispatchEvent( event );
-		assert.equal( component.get( 'clicked' ), 'bar' );
+		assert.equal( component.get().clicked, 'bar' );
 		assert.htmlEqual( target.innerHTML, `
 			<button>foo</button>
 			<button>bar</button>

test/runtime/samples/event-handler-event-methods/_config.js

@@ -6,7 +6,7 @@ export default {
 		allow.dispatchEvent( new window.MouseEvent( 'click', { bubbles: true }) );
 		stop.dispatchEvent( new window.MouseEvent( 'click', { bubbles: true }) );
 
-		assert.equal( component.get( 'foo' ), true );
-		assert.equal( component.get( 'bar' ), false );
+		assert.equal( component.get().foo, true );
+		assert.equal( component.get().bar, false );
 	}
 };

test/runtime/samples/event-handler-removal/_config.js

@@ -7,13 +7,13 @@ export default {
 
 		// this should NOT trigger blur event
 		component.set({ visible: false });
-		assert.ok( !component.get( 'blurred' ) );
+		assert.ok( !component.get().blurred );
 
 		component.set({ visible: true });
 		component.refs.input.focus();
 
 		// this SHOULD trigger blur event
 		component.refs.input.blur();
-		assert.ok( component.get( 'blurred' ) );
+		assert.ok( component.get().blurred );
 	}
 };

test/runtime/samples/flush-before-bindings/_config.js

@@ -9,7 +9,7 @@ export default {
 	`,
 
 	test(assert, component) {
-		const visibleThings = component.get('visibleThings');
+		const visibleThings = component.get().visibleThings;
 		assert.deepEqual(visibleThings, ['first thing', 'second thing']);
 
 		const snapshots = component.snapshots;

test/runtime/samples/flush-before-bindings/main.html

@@ -14,11 +14,15 @@
 			Nested
 		},
 
-		oncreate() {
-			this.snapshots = [];
-			this.observe('visibleThings', things => {
-				this.snapshots.push(things);
-			});
+		onstate({ current, changed, previous }) {
+			if (!this.snapshots) {
+				// first run
+				this.snapshots = [];
+			}
+
+			if (changed.visibleThings) {
+				this.snapshots.push(current.visibleThings);
+			}
 		}
 	};
 </script>

test/runtime/samples/get-state/_config.js

@@ -1,7 +1,7 @@
 export default {
 	test ( assert, component ) {
-		assert.equal( component.get('a'), 1 );
-		assert.equal( component.get('c'), 3 );
+		assert.equal( component.get().a, 1 );
+		assert.equal( component.get().c, 3 );
 		assert.deepEqual( component.get(), { a: 1, b: 2, c: 3 });
 	}
 };

test/runtime/samples/globals-not-overwritten-by-bindings/_config.js

@@ -40,7 +40,7 @@ export default {
 		input.checked = true;
 		input.dispatchEvent(change);
 
-		assert.ok(component.get('todos').third.done);
+		assert.ok(component.get().todos.third.done);
 		assert.htmlEqual(target.innerHTML, `
 			<div class="todo done">
 				<input type="checkbox">

test/runtime/samples/immutable-mutable/Nested.html

@@ -1,13 +1,13 @@
 <h3>Called {{count}} times.</h3>
 
 <script>
-  export default {
-    immutable: false,
-    data() {
-      return {
-        count: 0,
-        foo: { bar: 'baz' }
-      };
-    }
-  }
+	export default {
+		immutable: false,
+		data() {
+			return {
+				count: 0,
+				foo: { bar: 'baz' }
+			};
+		}
+	}
 </script>

test/runtime/samples/immutable-mutable/_config.js

@@ -4,13 +4,15 @@ export default {
 
 	test(assert, component, target, window) {
 		var nested = component.refs.nested;
-		nested.observe('foo', foo => {
-			nested.set({ count: nested.get('count') + 1 });
+		nested.on('state', ({ changed }) => {
+			if (changed.foo) {
+				nested.set({ count: nested.get().count + 1 });
+			}
 		});
 
-		assert.htmlEqual(target.innerHTML, `<div><h3>Called 1 times.</h3></div>`);
+		assert.htmlEqual(target.innerHTML, `<div><h3>Called 0 times.</h3></div>`);
 
-		nested.set({ foo: nested.get('foo') });
-		assert.htmlEqual(target.innerHTML, `<div><h3>Called 2 times.</h3></div>`);
+		nested.set({ foo: nested.get().foo });
+		assert.htmlEqual(target.innerHTML, `<div><h3>Called 1 times.</h3></div>`);
 	}
 };

test/runtime/samples/immutable-nested/_config.js

@@ -4,13 +4,15 @@ export default {
 
 	test(assert, component, target, window) {
 		var nested = component.refs.nested;
-		nested.observe('foo', foo => {
-			nested.set({ count: nested.get('count') + 1 });
+		nested.on('state', ({ changed }) => {
+			if (changed.foo) {
+				nested.set({ count: nested.get().count + 1 });
+			}
 		});
 
-		assert.htmlEqual(target.innerHTML, `<div><h3>Called 1 times.</h3></div>`);
+		assert.htmlEqual(target.innerHTML, `<div><h3>Called 0 times.</h3></div>`);
 
-		nested.set({ foo: nested.get('foo') });
-		assert.htmlEqual(target.innerHTML, `<div><h3>Called 1 times.</h3></div>`);
+		nested.set({ foo: nested.get().foo });
+		assert.htmlEqual(target.innerHTML, `<div><h3>Called 0 times.</h3></div>`);
 	}
 };

test/runtime/samples/immutable-root/_config.js

@@ -3,13 +3,15 @@ export default {
 	html: `<div><h3>Called 0 times.</h3></div>`,
 
 	test(assert, component, target, window) {
-		component.observe('foo', foo => {
-			component.set({ count: component.get('count') + 1 });
+		component.on('state', ({ changed }) => {
+			if (changed.foo) {
+				component.set({ count: component.get().count + 1 });
+			}
 		});
 
-		assert.htmlEqual(target.innerHTML, `<div><h3>Called 1 times.</h3></div>`);
+		assert.htmlEqual(target.innerHTML, `<div><h3>Called 0 times.</h3></div>`);
 
-		component.set({ foo: component.get('foo') });
-		assert.htmlEqual(target.innerHTML, `<div><h3>Called 1 times.</h3></div>`);
+		component.set({ foo: component.get().foo });
+		assert.htmlEqual(target.innerHTML, `<div><h3>Called 0 times.</h3></div>`);
 	}
 };

test/runtime/samples/observe-binding-ignores-unchanged/_config.js

@@ -7,9 +7,9 @@ export default {
 
 	test(assert, component, target, window) {
 		let triggered = false;
-		component.refs.nested.observe('field2', () => {
-			triggered = true;
-		}, { init: false });
+		component.refs.nested.on('state', ({ changed }) => {
+			if (changed.field2) triggered = true;
+		});
 
 		const input = target.querySelector('input');
 		const event = new window.Event('input');

test/runtime/samples/observe-component-ignores-irrelevant-changes/_config.js

@@ -1,15 +1,15 @@
 export default {
-	test ( assert, component ) {
+	test(assert, component) {
 		const foo = component.refs.foo;
 		let count = 0;
 
-		foo.observe( 'x', () => {
-			count += 1;
+		foo.on('state', ({ changed }) => {
+			if (changed.foo) count += 1;
 		});
 
-		assert.equal( count, 1 );
+		assert.equal(count, 0);
 
 		component.set({ y: {} });
-		assert.equal( count, 1 );
+		assert.equal(count, 0);
 	}
 };

test/runtime/samples/observe-deferred/main.html

@@ -3,11 +3,11 @@
 
 <script>
 	export default {
-		oncreate () {
-			this.observe( 'value', () => {
-				this.refs.b.textContent = this.refs.a.textContent;
-			}, {
-				defer: true
+		oncreate() {
+			this.on('update', ({ changed }) => {
+				if (changed.value) {
+					this.refs.b.textContent = this.refs.a.textContent;
+				}
 			});
 		}
 	};

test/runtime/samples/observe-prevents-loop/_config.js

@@ -3,23 +3,25 @@ export default {
 		thing: { a: 1 }
 	},
 
-	test ( assert, component ) {
-		const thing = component.get( 'thing' );
+	test(assert, component) {
+		const thing = component.get().thing;
 
-		component.observe( 'thing', function ( thing ) {
-			thing.b = thing.a * 2;
-			this.set({ thing }); // triggers infinite loop, unless observer breaks it
+		component.on('state', ({ changed, current }) => {
+			if (changed.thing) {
+				const { thing } = current;
+				thing.b = thing.a * 2;
+				component.set({ thing }); // triggers infinite loop, unless event handler breaks it
+			}
 		});
 
-		assert.deepEqual( thing, {
-			a: 1,
-			b: 2
+		assert.deepEqual(thing, {
+			a: 1
 		});
 
 		thing.a = 3;
 		component.set({ thing });
 
-		assert.deepEqual( thing, {
+		assert.deepEqual(thing, {
 			a: 3,
 			b: 6
 		});

test/runtime/samples/oncreate-sibling-order/Nested.html

@@ -5,7 +5,7 @@
 
 	export default {
 		oncreate() {
-			result.push(`oncreate ${this.get('name')}`);
+			result.push(`oncreate ${this.get().name}`);
 		}
 	};
 </script>

test/runtime/samples/onrender-chain/Item.html

@@ -2,15 +2,13 @@
 
 <script>
 	export default {
-		data () {
+		data() {
 			return {
 				foo: 'XX'
 			};
 		},
-		oncreate () {
-			this.observe( 'item', item => {
-				this.set({ foo: item });
-			});
+		onstate({ changed, current }) {
+			this.set({ foo: current.item });
 		}
 	};
-</script>
+</script>

test/runtime/samples/select-bind-in-array/_config.js

@@ -8,7 +8,7 @@ export default {
 	},
 
 	test ( assert, component, target ) {
-		const items = component.get('items');
+		const items = component.get().items;
 
 		assert.equal( items[0].id, 'a' );
 		assert.equal( items[1].id, 'b' );

test/runtime/samples/select-change-handler/_config.js

@@ -14,8 +14,8 @@ export default {
 		select.dispatchEvent( event );
 
 		assert.equal( select.value, 'c' );
-		assert.equal( component.get( 'lastChangedTo' ), 'c' );
-		assert.equal( component.get( 'selected' ), 'c' );
+		assert.equal( component.get().lastChangedTo, 'c' );
+		assert.equal( component.get().selected, 'c' );
 
 		component.destroy();
 	}

test/runtime/samples/select-props/_config.js

@@ -10,6 +10,6 @@ export default {
 		selects[1].value = 'b';
 		selects[1].dispatchEvent(event2);
 
-		assert.deepEqual( component.get( 'log' ), [ 1, 2 ] );
+		assert.deepEqual( component.get().log, [ 1, 2 ] );
 	}
 };

test/runtime/samples/set-in-observe-dedupes-renders/Widget.html

@@ -1,17 +0,0 @@
-<div>{{foo.x}}</div>
-
-<script>
-	export default {
-		oncreate () {
-			this.observe( 'foo', foo => {
-				const bar = this.get( 'bar' );
-				if ( foo.x !== bar.x ) throw new Error( 'mismatch' );
-			});
-
-			this.observe( 'bar', bar => {
-				const foo = this.get( 'foo' );
-				if ( foo.x !== bar.x ) throw new Error( 'mismatch' );
-			});
-		}
-	};
-</script>

test/runtime/samples/set-in-ondestroy/_config.js

@@ -11,16 +11,16 @@ export default {
 
 		component.on('destroy', () => {
 			component.set({ foo: 2 });
-			valueOnDestroy = component.get('foo');
+			valueOnDestroy = component.get().foo;
 		});
 
-		component.observe('foo', foo => {
-			values.push(foo);
+		component.on('state', ({ current }) => {
+			values.push(current.foo);
 		});
 
 		component.destroy();
 
-		assert.deepEqual(values, [1, 2]);
+		assert.deepEqual(values, [2]);
 		assert.equal(valueOnDestroy, 2);
 	}
 };

test/runtime/samples/set-in-onstate-dedupes-renders/Widget.html

@@ -0,0 +1,13 @@
+<div>{{foo.x}}</div>
+
+<script>
+	export default {
+		onstate({ current, changed }) {
+			if (changed.foo || changed.bar) {
+				if (current.foo.x !== current.bar.x) {
+					throw new Error('mismatch');
+				}
+			}
+		}
+	};
+</script>

test/runtime/samples/set-in-onstate-dedupes-renders/main.html

@@ -11,10 +11,10 @@
 			}
 		},
 
-		oncreate () {
-			this.observe( 'foo', foo => {
-				this.set({ bar: foo });
-			});
+		onstate({ changed, current }) {
+			if (changed.foo) {
+				this.set({ bar: current.foo });
+			}
 		},
 
 		components: {

test/runtime/samples/set-in-onstate/main.html

@@ -7,10 +7,10 @@
 			foo: 1
 		}),
 
-		oncreate () {
-			this.observe( 'foo', foo => {
-				this.set({ bar: foo * 2 });
-			});
+		onstate({ changed, current }) {
+			if (changed.foo) {
+				this.set({ bar: current.foo * 2 });
+			}
 		}
 	};
 </script>

test/runtime/samples/store-binding/_config.js

@@ -19,7 +19,7 @@ export default {
 		input.value = 'everybody';
 		input.dispatchEvent(event);
 
-		assert.equal(store.get('name'), 'everybody');
+		assert.equal(store.get().name, 'everybody');
 		assert.htmlEqual(target.innerHTML, `
 			<h1>Hello everybody!</h1>
 			<input>