replace component.set calls with assignments

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

@@ -9,7 +9,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ class: 'bar' });
+		component.class = 'bar';
 		assert.htmlEqual( target.innerHTML, `
 			<div class="bar"></div>123
 			<div class="bar"></div>123

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

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

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

@@ -13,7 +13,7 @@ export default {
 		assert.equal(input.type, 'text');
 		assert.equal(input.value, '42');
 
-		component.set({ inputType: 'number' });
+		component.inputType = 'number';
 		assert.equal(input.type, 'number');
 	}
 };

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

@@ -6,7 +6,7 @@ export default {
 
 		assert.equal( div.style.color, 'red' );
 
-		component.set({ color: 'blue' });
+		component.color = 'blue';
 		assert.equal( target.innerHTML, `<div style="color: blue;">blue</div>` );
 		assert.equal( div.style.color, 'blue' );
 	}

test/runtime/samples/attribute-prefer-expression/_config.js

@@ -11,7 +11,7 @@ export default {
 		assert.ok( inputs[0].checked );
 		assert.ok( !inputs[1].checked );
 
-		component.set( { foo: true } );
+		component.foo = true;
 
 		assert.ok( !inputs[0].checked );
 		assert.ok( inputs[1].checked );

test/runtime/samples/autofocus/_config.js

@@ -2,7 +2,7 @@ export default {
 	html: '',
 
 	test ( assert, component, target, window ) {
-		component.set({ visible: true });
+		component.visible = true;
 		assert.equal( component.refs.input, window.document.activeElement );
 	}
 };

test/runtime/samples/await-set-simultaneous/_config.js

@@ -1,10 +1,10 @@
 export default {
 	test(assert, component, target) {
 		const promise = Promise.resolve().then(() => {
-			component.set({ answer: 42 });
+			component.answer = 42;
 		});
 
-		component.set({ promise });
+		component.promise = promise;
 
 		assert.htmlEqual(target.innerHTML, `<p>wait for it...</p>`);
 

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

@@ -28,9 +28,7 @@ export default {
 					reject = r;
 				});
 
-				component.set({
+				component.thePromise = thePromise;
-					thePromise
-				});
 
 				assert.htmlEqual(target.innerHTML, `
 					<div><p>loading...</p></div>

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

@@ -29,7 +29,7 @@ export default {
 				assert.equal(component.get().clicked, 42);
 
 				thePromise = Promise.resolve(43);
-				component.set({ thePromise });
+				component.thePromise = thePromise;
 
 				return thePromise;
 			})

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

@@ -23,17 +23,13 @@ export default {
 					<p>the value is 42</p>
 				`);
 
-				component.set({
+				component.show = false;
-					show: false
-				});
 
 				assert.htmlEqual(target.innerHTML, `
 					<p>Else</p>
 				`);
 
-				component.set({
+				component.show = true;
-					show: true
-				});
 
 				return thePromise.then(() => {
 					assert.htmlEqual(target.innerHTML, `

test/runtime/samples/await-then-catch-in-slot/_config.js

@@ -28,9 +28,7 @@ export default {
 					reject = r;
 				});
 
-				component.set({
+				component.thePromise = thePromise;
-					thePromise
-				});
 
 				assert.htmlEqual(target.innerHTML, `
 					<p>loading...</p>

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

@@ -30,9 +30,7 @@ export default {
 					reject = r;
 				});
 
-				component.set({
+				component.thePromise = thePromise;
-					thePromise
-				});
 
 				assert.htmlEqual(target.innerHTML, `
 					<p>loading...</p>

test/runtime/samples/await-then-catch-no-values/_config.js

@@ -24,9 +24,7 @@ export default {
 					reject = r;
 				});
 
-				component.set({
+				component.thePromise = thePromise;
-					thePromise
-				});
 
 				assert.htmlEqual(target.innerHTML, `waiting`);
 

test/runtime/samples/await-then-catch-non-promise/_config.js

@@ -8,9 +8,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({
+		component.thePromise = 'still not a promise';
-			thePromise: 'still not a promise'
-		});
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>the value is still not a promise</p>

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

@@ -26,9 +26,7 @@ export default {
 					fulfil = f;
 				});
 
-				component.set({
+				component.promise = promise;
-					promise
-				});
 
 				assert.htmlEqual(target.innerHTML, `
 					<p>loading...</p>

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

@@ -28,9 +28,7 @@ export default {
 					reject = r;
 				});
 
-				component.set({
+				component.thePromise = thePromise;
-					thePromise
-				});
 
 				assert.htmlEqual(target.innerHTML, `
 					<p>loading...</p>

test/runtime/samples/await-then-shorthand/_config.js

@@ -26,9 +26,7 @@ export default {
 					reject = r;
 				});
 
-				component.set({
+				component.thePromise = thePromise;
-					thePromise
-				});
 
 				assert.htmlEqual(target.innerHTML, ``);
 

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

@@ -54,7 +54,7 @@ export default {
 		const items = component.get().items;
 		items[2].completed = true;
 
-		component.set({ items });
+		component.items = items;
 		assert.ok( inputs[2].checked );
 		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>

test/runtime/samples/binding-input-checkbox-group-outside-each/_config.js

@@ -52,7 +52,7 @@ export default {
 			<p>Alpha, Beta</p>
 		` );
 
-		component.set({ selected: [ values[1], values[2] ] });
+		component.selected = [ values[1], values[2] ];
 		assert.equal( inputs[0].checked, false );
 		assert.equal( inputs[1].checked, true );
 		assert.equal( inputs[2].checked, true );

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

@@ -52,7 +52,7 @@ export default {
 			<p>Alpha, Beta</p>
 		` );
 
-		component.set({ selected: [ values[1], values[2] ] });
+		component.selected = [ values[1], values[2] ];
 		assert.equal( inputs[0].checked, false );
 		assert.equal( inputs[1].checked, true );
 		assert.equal( inputs[2].checked, true );

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

@@ -30,7 +30,7 @@ export default {
 			<p>indeterminate? false</p>
 		`);
 
-		component.set({ indeterminate: true });
+		component.indeterminate = true;
 		assert.equal(input.indeterminate, true);
 		assert.equal(input.checked, true);
 		assert.htmlEqual(target.innerHTML, `

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

@@ -24,7 +24,7 @@ export default {
 			name: "cat " + cats.length,
 			checked: false,
 		});
-		component.set({ cats: newCats });
+		component.cats = newCats;
 
 		let inputs = target.querySelectorAll('input');
 		assert.equal(inputs.length, 3);

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

@@ -24,7 +24,7 @@ export default {
 
 		assert.equal( target.innerHTML, `<input type="checkbox">\n<p>false</p>` );
 
-		component.set({ foo: true });
+		component.foo = true;
 		assert.equal( input.checked, true );
 		assert.equal( target.innerHTML, `<input type="checkbox">\n<p>true</p>` );
 	}

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

@@ -28,7 +28,7 @@ export default {
 			<p>number 43</p>
 		`);
 
-		component.set({ count: 44 });
+		component.count = 44;
 		assert.equal(input.value, '44');
 		assert.htmlEqual(target.innerHTML, `
 			<input type='number'>

test/runtime/samples/binding-input-radio-group/_config.js

@@ -56,7 +56,7 @@ export default {
 		assert.equal( inputs[1].checked, false );
 		assert.equal( inputs[2].checked, false );
 
-		component.set({ selected: values[2] });
+		component.selected = values[2];
 		assert.equal( inputs[0].checked, false );
 		assert.equal( inputs[1].checked, false );
 		assert.equal( inputs[2].checked, true );

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

@@ -28,7 +28,7 @@ export default {
 			<p>number 43</p>
 		`);
 
-		component.set({ count: 44 });
+		component.count = 44;
 		assert.equal(input.value, '44');
 		assert.htmlEqual(target.innerHTML, `
 			<input type='range'>

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

@@ -28,7 +28,7 @@ export default {
 			<p>number 43</p>
 		`);
 
-		component.set({ count: 44 });
+		component.count = 44;
 		assert.equal(input.value, '44');
 		assert.htmlEqual(target.innerHTML, `
 			<input type='range'>

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

@@ -52,7 +52,7 @@ export default {
 
 		items[2] = 'five';
 
-		component.set({ items });
+		component.items = items;
 		assert.equal(inputs[2].value, 'five');
 		assert.htmlEqual(target.innerHTML, `
 			<div>

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

@@ -30,7 +30,7 @@ export default {
 			<input>
 		`);
 
-		component.set({ component: { name: 'goodbye' } });
+		component.component = { name: 'goodbye' };
 		assert.equal(input.value, 'goodbye');
 		assert.htmlEqual(target.innerHTML, `
 			<h1>Hello goodbye!</h1>

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

@@ -34,7 +34,7 @@ export default {
 		`);
 
 		// edit baz
-		component.set({ prop: 'baz' });
+		component.prop = 'baz';
 		assert.equal(input.value, 'c');
 
 		input.value = 'f';
@@ -46,7 +46,7 @@ export default {
 		`);
 
 		// edit foo
-		component.set({ prop: 'foo' });
+		component.prop = 'foo';
 		assert.equal(input.value, 'a');
 
 		input.value = 'd';

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

@@ -34,7 +34,7 @@ export default {
 		const user = component.get().user;
 		user.name = 'carol';
 
-		component.set({ user });
+		component.user = user;
 		assert.equal(input.value, 'carol');
 		assert.htmlEqual(target.innerHTML, `
 			<input>

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

@@ -36,7 +36,7 @@ export default {
 		`);
 
 		// edit baz
-		component.set({ prop: 'baz' });
+		component.prop = 'baz';
 		assert.equal(input.value, 'c');
 
 		input.value = 'f';
@@ -48,7 +48,7 @@ export default {
 		`);
 
 		// edit foo
-		component.set({ prop: 'foo' });
+		component.prop = 'foo';
 		assert.equal(input.value, 'a');
 
 		input.value = 'd';

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

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

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

@@ -33,7 +33,7 @@ export default {
 		const user = component.get().user;
 		user.name = 'carol';
 
-		component.set({ user });
+		component.user = user;
 		assert.equal(input.value, 'carol');
 		assert.htmlEqual(target.innerHTML, `
 			<input>

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

@@ -27,7 +27,7 @@ export default {
 			<p>hello everybody</p>
 		`);
 
-		component.set({ name: 'goodbye' });
+		component.name = 'goodbye';
 		assert.equal(input.value, 'goodbye');
 		assert.htmlEqual(target.innerHTML, `
 			<input>

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

@@ -10,10 +10,8 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({
+		component.items = [ 'one', 'two', 'three' ];
-			items: [ 'one', 'two', 'three' ],
+		component.selected = 'two';
-			selected: 'two'
-		});
 
 		const options = target.querySelectorAll( 'option' );
 		assert.ok( !options[0].selected );

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

@@ -49,7 +49,7 @@ export default {
 			<p>selected: one, three</p>
 		` );
 
-		component.set({ selected: [ 'one', 'two' ] });
+		component.selected = [ 'one', 'two' ];
 
 		assert.ok( options[0].selected );
 		assert.ok( options[1].selected );

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

@@ -52,6 +52,6 @@ export default {
 			<p>selected: two</p>
 		`);
 
-		component.set({ selected: 'three' });
+		component.selected = 'three';
 	},
 };

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

@@ -27,7 +27,7 @@ export default {
 			<p>hello</p>
 		`);
 
-		component.set({ value: 'goodbye' });
+		component.value = 'goodbye';
 		assert.equal(textarea.value, 'goodbye');
 		assert.htmlEqual(target.innerHTML, `
 			<textarea></textarea>

test/runtime/samples/class-helper/_config.js

@@ -5,7 +5,7 @@ export default {
 	html: `<div class="active"></div>`,
 
 	test ( assert, component, target, window ) {
-		component.set({ user: { active: false }});
+		component.user = { active: false };
 
 		assert.htmlEqual( target.innerHTML, `
 			<div class></div>

test/runtime/samples/class-in-each/_config.js

@@ -11,7 +11,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({ selected: 'three' });
+		component.selected = 'three';
 		assert.htmlEqual(target.innerHTML, `
 			<div></div>
 			<div class=""></div>

test/runtime/samples/class-shortcut-with-class/_config.js

@@ -7,7 +7,7 @@ export default {
 	html: `<div class="one two is-active isSelected"></div>`,
 
 	test ( assert, component, target, window ) {
-		component.set({ "is-active": false });
+		component.undefined = false;
 
 		assert.htmlEqual( target.innerHTML, `
 			<div class="one two isSelected"></div>

test/runtime/samples/class-shortcut/_config.js

@@ -6,7 +6,7 @@ export default {
 	html: `<div class="is-active isSelected"></div>`,
 
 	test ( assert, component, target, window ) {
-		component.set({ "is-active": false });
+		component.undefined = false;
 
 		assert.htmlEqual( target.innerHTML, `
 			<div class="isSelected"></div>

test/runtime/samples/class-with-dynamic-attribute/_config.js

@@ -5,7 +5,7 @@ export default {
 	html: `<div class="one two three"></div>`,
 
 	test ( assert, component, target, window ) {
-		component.set({ myClass: 'one' });
+		component.myClass = 'one';
 
 		assert.htmlEqual( target.innerHTML, `
 			<div class="one three"></div>

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

@@ -6,7 +6,7 @@ export default {
 			if (changed.bar) count += 1;
 		});
 
-		component.set({ x: true });
+		component.x = true;
 		assert.equal(count, 0);
 	}
 };

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

@@ -22,12 +22,10 @@ export default {
 			lastname: 'Lovelace'
 		});
 
-		component.set({
+		component.values = {
-			values: {
+			firstname: 'Grace',
-				firstname: 'Grace',
+			lastname: 'Hopper'
-				lastname: 'Hopper'
+		};
-			}
-		});
 		assert.equal(inputs[0].value, 'Grace');
 		assert.equal(inputs[1].value, 'Hopper');
 	}

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

@@ -14,7 +14,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ x: false });
+		component.x = false;
 
 		assert.htmlEqual( target.innerHTML, `
 			<p>y: foo</p>

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

@@ -7,7 +7,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ x: false });
+		component.x = false;
 
 		assert.htmlEqual( target.innerHTML, `
 			<p>y: bar</p>

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

@@ -60,7 +60,7 @@ export default {
 		// console.log( `select.value`, select.value )
 		// console.log( `select.__value`, select.__value )
 		// select.dispatchEvent( new window.Event( 'change' ) );
-		component.set({ selectedComponent: components[1] });
+		component.selectedComponent = components[1];
 
 		assert.equal( textarea.value, 'two source' );
 

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

@@ -8,12 +8,10 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({
+		component.a = [
-			a: [
+			{ id: 'yep' },
-				{ id: 'yep' },
+			{ id: 'nope' }
-				{ id: 'nope' }
+		];
-			]
-		});
 
 		assert.htmlEqual( target.innerHTML, `
 			<span>yep</span><span>nope</span>

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

@@ -1,7 +1,7 @@
 export default {
 	test ( assert, component, target ) {
-		component.set({ q: 42 });
+		component.q = 42;
-		component.set({ foo: true });
+		component.foo = true;
 
 		assert.htmlEqual( target.innerHTML, `
 			<p>42</p>

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

@@ -6,9 +6,7 @@ export default {
 	html: `<div><p>foo: 42</p></div>`,
 
 	test ( assert, component, target ) {
-		component.set({
+		component.foo = 99;
-			foo: 99
-		});
 
 		assert.equal( target.innerHTML, `<div><p>foo: 99</p></div>` );
 	}

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

@@ -7,12 +7,10 @@ export default {
 	},
 	html: `<div><p>foo: lol</p>\n<p>baz: 42 (number)</p>\n<p>qux: this is a piece of string</p>\n<p>quux: core</p></div>`,
 	test ( assert, component, target ) {
-		component.set({
+		component.bar = 'wut';
-			bar: 'wut',
+		component.x = 3;
-			x: 3,
+		component.compound = 'rather boring';
-			compound: 'rather boring',
+		component.go = { deeper: 'heart' };
-			go: { deeper: 'heart' }
-		});
 
 		assert.equal( target.innerHTML, `<div><p>foo: wut</p>\n<p>baz: 43 (number)</p>\n<p>qux: this is a rather boring string</p>\n<p>quux: heart</p></div>` );
 	}

test/runtime/samples/component-event-not-stale/_config.js

@@ -15,7 +15,7 @@ export default {
 		buttons[0].dispatchEvent(click);
 		buttons[1].dispatchEvent(click);
 
-		component.set({ value: 2 });
+		component.value = 2;
 
 		buttons[0].dispatchEvent(click);
 		buttons[1].dispatchEvent(click);

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

@@ -13,11 +13,11 @@ export default {
 			count += 1;
 		});
 
-		component.set({ visible: false });
+		component.visible = false;
 		assert.equal( count, 1 );
 
-		component.set({ visible: true });
+		component.visible = true;
-		component.set({ visible: false });
+		component.visible = false;
 		assert.equal( count, 2 );
 	}
 };

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

@@ -10,7 +10,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set( { flag: false } );
+		component.flag = false;
 		assert.htmlEqual( target.innerHTML, `
 			<span>Before</span>
 			<span>Component</span>

test/runtime/samples/component-name-deconflicted/_config.js

@@ -5,9 +5,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({
+		component.list = [3, 4];
-			list: [3, 4]
-		});
 
 		assert.htmlEqual(target.innerHTML, `
 			<span>3</span>

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

@@ -4,6 +4,6 @@ export default {
 	},
 
 	test(assert, component) {
-		component.set({ values: [2, 3] });
+		component.values = [2, 3];
 	}
 };

test/runtime/samples/component-slot-each-block/_config.js

@@ -11,7 +11,7 @@ export default {
 		</div>`,
 
 	test(assert, component, target) {
-		component.set({ things: [1, 2, 3, 4] });
+		component.things = [1, 2, 3, 4];
 		assert.htmlEqual(target.innerHTML, `
 			<div>
 				<span>1</span>

test/runtime/samples/component-slot-if-block-before-node/_config.js

@@ -5,7 +5,7 @@ export default {
 		</div>`,
 
 	test(assert, component, target) {
-		component.set({ foo: true });
+		component.foo = true;
 		assert.htmlEqual(target.innerHTML, `
 			<div>
 				<p>conditional</p>

test/runtime/samples/component-slot-if-block/_config.js

@@ -5,7 +5,7 @@ export default {
 		</div>`,
 
 	test(assert, component, target) {
-		component.set({ foo: true });
+		component.foo = true;
 		assert.htmlEqual(target.innerHTML, `
 			<div>
 				<p>unconditional</p>

test/runtime/samples/component-slot-if-else-block-before-node/_config.js

@@ -4,7 +4,7 @@ export default {
 		<p>unconditional</p>`,
 
 	test(assert, component, target) {
-		component.set({ enabled: true });
+		component.enabled = true;
 		assert.htmlEqual(target.innerHTML, `
 			<p>enabled</p>
 			<p>unconditional</p>

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

@@ -9,13 +9,13 @@ export default {
 		widget.set({show: true});
 		assert.htmlEqual( target.innerHTML, '<div><p>Hello</p></div>' );
 
-		component.set({data: 'World'});
+		component.data = 'World';
 		assert.htmlEqual( target.innerHTML, '<div><p>World</p></div>' );
 
 		widget.set({show: false});
 		assert.htmlEqual( target.innerHTML, '<div><p></p></div>' );
 
-		component.set({data: 'Goodbye'});
+		component.data = 'Goodbye';
 		assert.htmlEqual( target.innerHTML, '<div><p></p></div>' );
 
 		widget.set({show: true});

test/runtime/samples/component-yield-multiple-in-each/_config.js

@@ -6,9 +6,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({
+		component.people = [ 'Alice', 'Charles', 'Bob' ];
-			people: [ 'Alice', 'Charles', 'Bob' ]
-		});
 
 		assert.htmlEqual( target.innerHTML, `
 			<p>Hello Alice</p>

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

@@ -4,7 +4,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ arriving: false });
+		component.arriving = false;
 		assert.htmlEqual( target.innerHTML, `<div><p class='widget'>Goodbye</p></div>` );
 
 		component.destroy();

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

@@ -5,10 +5,10 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ foo: false });
+		component.foo = false;
 		assert.htmlEqual( target.innerHTML, `` );
 
-		component.set({ foo: true });
+		component.foo = true;
 		assert.htmlEqual( target.innerHTML, `One\nInner` );
 	}
 };

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

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

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

@@ -4,7 +4,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set( { name: 'World' } );
+		component.name = 'World';
 		assert.htmlEqual( target.innerHTML, `
 			<b>Hello</b> World
 		` );

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

@@ -2,13 +2,13 @@ export default {
 	html: '<p>50</p>',
 
 	test ( assert, component, target ) {
-		component.set({ range: [ 50, 100 ] });
+		component.range = [ 50, 100 ];
 		assert.htmlEqual( target.innerHTML, '<p>75</p>' );
 
-		component.set({ range: [ 50, 60 ] });
+		component.range = [ 50, 60 ];
 		assert.htmlEqual( target.innerHTML, '<p>55</p>' );
 
-		component.set({ x: 8 });
+		component.x = 8;
 		assert.htmlEqual( target.innerHTML, '<p>58</p>' );
 	}
 };

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

@@ -2,7 +2,7 @@ export default {
 	html: '<span>waiting</span>',
 
 	test(assert, component, target) {
-		component.set({ x: 'ready' });
+		component.x = 'ready';
 		assert.htmlEqual(target.innerHTML, `
 			<span>ready</span>
 		`);

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

@@ -4,7 +4,7 @@ export default {
 	'skip-ssr': /^v4/.test( process.version ), // we're not transpiling server-side tests in Node 4, because it's tricky
 
 	test ( assert, component, target ) {
-		component.set({ a: 2 });
+		component.a = 2;
 		assert.equal( target.innerHTML, '<p>4</p>' );
 		component.destroy();
 	}

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

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

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

@@ -1,7 +1,7 @@
 export default {
 	html: '<p>1 + 2 = 3</p>\n<p>3 * 3 = 9</p>',
 	test ( assert, component, target ) {
-		component.set({ a: 3 });
+		component.a = 3;
 		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>' );

test/runtime/samples/deconflict-elements-indexes/_config.js

@@ -10,7 +10,7 @@ export default {
 	test(assert, component, target) {
 		const { tagList } = component.get();
 		tagList.push('two');
-		component.set({ tagList });
+		component.tagList = tagList;
 
 		assert.htmlEqual(target.innerHTML, `
 			<div>

test/runtime/samples/default-data-function/_config.js

@@ -2,7 +2,7 @@ export default {
 	html: '<h1>Hello world!</h1>',
 
 	test ( assert, component, target ) {
-		component.set({ name: () => 'everybody' });
+		component.name = () => 'everybody';
 		assert.htmlEqual( target.innerHTML, '<h1>Hello everybody!</h1>' );
 	}
 };

test/runtime/samples/dev-warning-readonly-computed/_config.js

@@ -9,7 +9,7 @@ export default {
 
 	test ( assert, component ) {
 		try {
-			component.set({ foo: 1 });
+			component.foo = 1;
 			throw new Error( 'Expected an error' );
 		} catch ( err ) {
 			assert.equal( err.message, `<Main$>: Cannot set read-only property 'foo'` );

test/runtime/samples/dev-warning-readonly-window-binding/_config.js

@@ -5,7 +5,7 @@ export default {
 
 	test ( assert, component ) {
 		try {
-			component.set({ width: 99 });
+			component.width = 99;
 			throw new Error( 'Expected an error' );
 		} catch ( err ) {
 			assert.equal( err.message, `<Main$>: Cannot set read-only property 'width'` );

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

@@ -13,20 +13,16 @@ export default {
 		// component.set({ foo: undefined });
 		// delete component._state.foo;
 
-		component.set({
+		component.x = false;
-			x: false,
+		component.foo = undefined;
-			foo: undefined
-		});
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>parent red</p>
 			<p>red red</p>
 		`);
 
-		component.set({
+		component.x = true;
-			x: true,
+		component.foo = undefined;
-			foo: undefined
-		});
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>parent green</p>

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

@@ -9,18 +9,14 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({
+		component.x = false;
-			x: false
-		});
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>red one</p>
 		`);
 
-		component.set({
+		component.x = true;
-			x: true,
+		component.foo = 'two';
-			foo: 'two'
-		});
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>green two</p>

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

@@ -15,9 +15,7 @@ export default {
 
 		assert.equal(component.get().y, 'abc');
 
-		component.set({
+		component.x = false;
-			x: false
-		});
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>bar</p>

test/runtime/samples/dynamic-component-destroy-null/_config.js

@@ -6,8 +6,6 @@ export default {
 	nestedTransitions: true,
 
 	test(assert, component) {
-		component.set({
+		component.x = false;
-			x: false
-		});
 	}
 };

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

@@ -13,9 +13,7 @@ export default {
 		target.querySelector('button').dispatchEvent(click);
 		assert.equal(component.get().selected, 'foo');
 
-		component.set({
+		component.x = false;
-			x: false
-		});
 
 		assert.htmlEqual(target.innerHTML, `
 			<button>select bar</button>

test/runtime/samples/dynamic-component-in-if/_config.js

@@ -6,9 +6,7 @@ export default {
 	test(assert, component, target) {
 		const { Bar } = component.get();
 
-		component.set({
+		component.x = Bar;
-			x: Bar
-		});
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>Bar</p>

test/runtime/samples/dynamic-component-inside-element/_config.js

@@ -8,9 +8,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({
+		component.x = false;
-			x: false
-		});
 
 		assert.htmlEqual(target.innerHTML, `
 			<div><p>false, therefore Bar</p></div>

test/runtime/samples/dynamic-component-nulled-out/_config.js

@@ -8,11 +8,11 @@ export default {
 	test(assert, component, target) {
 		const state = component.get();
 
-		component.set({ Foo: null });
+		component.Foo = null;
 
 		assert.htmlEqual(target.innerHTML, ``);
 
-		component.set({ Foo: state.Foo });
+		component.Foo = state.Foo;
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>Foo</p>

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

@@ -17,9 +17,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({
+		component.x = false;
-			x: false
-		});
 
 		assert.htmlEqual(target.innerHTML, `
 			<h1>Bar</h1>

test/runtime/samples/dynamic-component-update-existing-instance/_config.js

@@ -8,9 +8,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({
+		component.x = 2;
-			x: 2
-		});
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>Foo 2</p>

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

@@ -8,9 +8,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({
+		component.x = false;
-			x: false
-		});
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>false, therefore Bar</p>

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

@@ -7,10 +7,8 @@ export default {
 	html: `<div></div>`,
 
 	test ( assert, component, target ) {
-		component.set({
+		component.show = true;
-			show: true,
+		component.fields = [1, 2, 3];
-			fields: [1, 2, 3]
-		});
 
 		assert.htmlEqual( target.innerHTML, `
 			<div>
@@ -20,9 +18,7 @@ export default {
 			</div>
 		` );
 
-		component.set({
+		component.fields = [1, 2, 3, 4];
-			fields: [1, 2, 3, 4]
-		});
 
 		assert.htmlEqual( target.innerHTML, `
 			<div>

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

@@ -3,7 +3,7 @@ export default {
 		const items = component.get().items;
 		items.forEach( item => item.completed = false );
 
-		component.set({ currentFilter: 'all' });
+		component.currentFilter = 'all';
 
 		assert.htmlEqual( target.innerHTML, `
 			<ul><li>one</li><li>two</li><li>three</li></ul>`

test/runtime/samples/each-block-destructured-array-sparse/_config.js

@@ -12,7 +12,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ animalPawsEntries: [['foo', 'bar']] });
+		component.animalPawsEntries = [['foo', 'bar']];
 		assert.htmlEqual( target.innerHTML, `
 			<p>bar</p>
 		`);

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

@@ -12,7 +12,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ animalPawsEntries: [['foo', 'bar']] });
+		component.animalPawsEntries = [['foo', 'bar']];
 		assert.htmlEqual( target.innerHTML, `
 			<p>foo: bar</p>
 		`);

test/runtime/samples/each-block-destructured-object-binding/_config.js

@@ -34,7 +34,7 @@ export default {
 		`);
 
 		people[0].name.first = 'Frank';
-		component.set({ people });
+		component.people = people;
 
 		assert.htmlEqual(target.innerHTML, `
 			<input>

test/runtime/samples/each-block-destructured-object/_config.js

@@ -12,9 +12,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({
+		component.animalPawsEntries = [{ animal: 'cow', pawType: 'hooves' }];
-			animalPawsEntries: [{ animal: 'cow', pawType: 'hooves' }]
-		});
 		assert.htmlEqual( target.innerHTML, `
 			<p>cow: hooves</p>
 		`);

test/runtime/samples/each-block-dynamic-else-static/_config.js

@@ -10,21 +10,21 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ animals: [] });
+		component.animals = [];
 		assert.htmlEqual( target.innerHTML, `
 			<p>no animals</p>
 		` );
 
 		// trigger an 'update' of the else block, to ensure that
 		// non-existent update method is not called
-		component.set({ animals: [] });
+		component.animals = [];
 
-		component.set({ animals: ['wombat'] });
+		component.animals = ['wombat'];
 		assert.htmlEqual( target.innerHTML, `
 			<p>wombat</p>
 		` );
 
-		component.set({ animals: ['dinosaur'] });
+		component.animals = ['dinosaur'];
 		assert.htmlEqual( target.innerHTML, `
 			<p>dinosaur</p>
 		` );

test/runtime/samples/each-block-else-starts-empty/_config.js

@@ -11,7 +11,7 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ animals: ['wombat'] });
+		component.animals = ['wombat'];
 		assert.htmlEqual( target.innerHTML, `
 			before
 			<p>wombat</p>

test/runtime/samples/each-block-else/_config.js

@@ -13,21 +13,21 @@ export default {
 	`,
 
 	test ( assert, component, target ) {
-		component.set({ animals: [] });
+		component.animals = [];
 		assert.htmlEqual( target.innerHTML, `
 			before
 			<p>no animals, but rather something else</p>
 			after
 		` );
 
-		component.set({ foo: 'something other' });
+		component.foo = 'something other';
 		assert.htmlEqual( target.innerHTML, `
 			before
 			<p>no animals, but rather something other</p>
 			after
 		` );
 
-		component.set({ animals: ['wombat'] });
+		component.animals = ['wombat'];
 		assert.htmlEqual( target.innerHTML, `
 			before
 			<p>wombat</p>

test/runtime/samples/each-block-empty-outro/_config.js

@@ -13,7 +13,7 @@ export default {
 	nestedTransitions: true,
 
 	test(assert, component, target) {
-		component.set({ visible: false });
+		component.visible = false;
 
 		assert.htmlEqual(target.innerHTML, ``);
 	}

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

@@ -7,7 +7,7 @@ export default {
 	html: '<div><div>Apple</div><div>Banana</div><div>Tomato</div></div>',
 
 	test ( assert, component, target ) {
-		component.set({ dummy: true });
+		component.dummy = true;
 		assert.htmlEqual(target.innerHTML, '<div><div>Apple</div><div>Banana</div><div>Tomato</div></div>' );
 	}
 };

test/runtime/samples/each-block-index-only/_config.js

@@ -12,9 +12,7 @@ export default {
 	`,
 
 	test(assert, component, target) {
-		component.set({
+		component.things = [0, 0, 0];
-			things: [0, 0, 0]
-		});
 
 		assert.htmlEqual(target.innerHTML, `
 			<p>0</p>