Merge pull request #194 from sveltejs/code-style

Code style

Author: Rich-Harris

content/examples/7guis-circles/App.html

@@ -62,23 +62,23 @@
 
 <script>
 	export default {
-		data () {
+		data() {
 			return {
 				i: 0,
-				undoStack: [ [] ],
+				undoStack: [[]],
 				adjusting: false,
 				adjusted: false,
 				circles: []
 			};
 		},
 
 		methods: {
-			handleClick ( event ) {
-				if ( this.get( 'adjusting' ) ) {
+			handleClick(event) {
+				if (this.get('adjusting')) {
 					this.set({ adjusting: false });
 
 					// if nothing changed, rewind
-					if ( this.get( 'adjusted' ) ) this.push();
+					if (this.get('adjusted')) this.push();
 					return;
 				}
 
@@ -88,43 +88,43 @@
 					r: 50
 				};
 
-				const circles = this.get( 'circles' );
-				circles.push( circle );
+				const circles = this.get('circles');
+				circles.push(circle);
 				this.set({ circles, selected: circle });
 
 				this.push();
 			},
 
-			adjust ( event ) {
+			adjust(event) {
 				event.preventDefault();
-				if ( !this.get( 'selected' ) ) return;
+				if (!this.get('selected')) return;
 				this.set({ adjusting: true, adjusted: false });
 			},
 
-			select ( circle, event ) {
-				if ( !this.get( 'adjusting' ) ) {
+			select(circle, event) {
+				if (!this.get('adjusting')) {
 					event.stopPropagation();
 					this.set({ selected: circle });
 				}
 			},
 
 			// undo stack management
-			push () {
+			push() {
 				let { i, undoStack, circles } = this.get();
-				undoStack.splice( ++i );
-				undoStack.push( clone( circles ) );
+				undoStack.splice(++i);
+				undoStack.push(clone(circles));
 				this.set({ i, undoStack });
 			},
 
-			travel ( d ) {
+			travel(d) {
 				let { i, undoStack } = this.get();
-				const circles = clone( undoStack[ i += d ] );
+				const circles = clone(undoStack[i += d]);
 				this.set({ circles, i, adjusting: false });
 			}
 		}
 	};
 
-	function clone ( circles ) {
-		return circles.map( ({ cx, cy, r }) => ({ cx, cy, r }) );
+	function clone(circles) {
+		return circles.map(({ cx, cy, r }) => ({ cx, cy, r }));
 	}
 </script>

content/examples/7guis-crud/App.html

@@ -40,7 +40,7 @@
 
 <script>
 	export default {
-		data () {
+		data() {
 			return {
 				prefix: '',
 				first: '',
@@ -51,29 +51,29 @@
 		},
 
 		computed: {
-			selected: ( filteredPeople, i ) => {
+			selected: (filteredPeople, i) => {
 				return filteredPeople[i];
 			},
 
-			filteredPeople ( people, prefix ) {
-				if ( !prefix ) return people;
+			filteredPeople(people, prefix) {
+				if (!prefix) return people;
 
 				prefix = prefix.toLowerCase();
-				return people.filter( person => {
+				return people.filter(person => {
 					const name = `${person.last}, ${person.first}`;
-					return name.toLowerCase().startsWith( prefix );
+					return name.toLowerCase().startsWith(prefix);
 				});
 			}
 		},
 
-		oncreate () {
-			this.observe( 'selected', selected => {
-				if ( selected ) this.set( selected );
+		oncreate() {
+			this.observe('selected', selected => {
+				if (selected) this.set(selected);
 			});
 		},
 
 		methods: {
-			create () {
+			create() {
 				const { first, last, people } = this.get();
 
 				people.push({ first, last });
@@ -86,7 +86,7 @@
 				});
 			},
 
-			update () {
+			update() {
 				const { first, last, selected, people } = this.get();
 
 				selected.first = first;
@@ -95,16 +95,16 @@
 				this.set({ people, selected });
 			},
 
-			remove () {
+			remove() {
 				const { people, selected, i } = this.get();
-				const index = people.indexOf( selected );
-				people.splice( index, 1 );
+				const index = people.indexOf(selected);
+				people.splice(index, 1);
 
 				this.set({
 					people,
 					first: '',
 					last: '',
-					i: Math.min( i, people.length - 1 )
+					i: Math.min(i, people.length - 1)
 				});
 			}
 		}

content/examples/7guis-flight-booker/App.html

@@ -22,14 +22,14 @@
 
 <script>
 	export default {
-		data () {
-			const tomorrow = new Date( Date.now() + 86400000 );
+		data() {
+			const tomorrow = new Date(Date.now() + 86400000);
 
 			const tomorrowAsString = [
 				tomorrow.getFullYear(),
-				pad( tomorrow.getMonth() + 1, 2 ),
-				pad( tomorrow.getDate(), 2 )
-			].join( '-' );
+				pad(tomorrow.getMonth() + 1, 2),
+				pad(tomorrow.getDate(), 2)
+			].join('-');
 
 			return {
 				start: tomorrowAsString,
@@ -39,33 +39,33 @@
 		},
 
 		computed: {
-			startDate: start => convertToDate( start ),
-			endDate: end => convertToDate( end )
+			startDate: start => convertToDate(start),
+			endDate: end => convertToDate(end)
 		},
 
 		methods: {
-			bookFlight () {
+			bookFlight() {
 				const { startDate, endDate, isReturn } = this.get();
 				const type = isReturn ? 'return' : 'one-way';
 
 				let message = `You have booked a ${type} flight, leaving ${startDate.toDateString()}`;
-				if ( type === 'return' ) {
+				if (type === 'return') {
 					message += ` and returning ${endDate.toDateString()}`;
 				}
 
-				alert( message );
+				alert(message);
 			}
 		}
 	};
 
-	function convertToDate ( str ) {
-		var split = str.split( '-' );
-		return new Date( +split[0], +split[1] - 1, +split[2] );
+	function convertToDate(str) {
+		var split = str.split('-');
+		return new Date(+split[0], +split[1] - 1, +split[2]);
 	}
 
-	function pad ( x, len ) {
-		x = String( x );
-		while ( x.length < len ) x = `0${x}`;
+	function pad(x, len) {
+		x = String(x);
+		while (x.length < len) x = `0${x}`;
 		return x;
 	}
 </script>

content/examples/7guis-temperature/App.html

@@ -11,15 +11,15 @@
 <script>
 	export default {
 		oncreate: function () {
-			this.observe( 'celsius', c => {
+			this.observe('celsius', c => {
 				this.set({
-					fahrenheit: +( 32 + ( 9 / 5 * c ) ).toFixed( 1 )
+					fahrenheit: +(32 + (9 / 5 * c)).toFixed(1)
 				});
 			});
 
-			this.observe( 'fahrenheit', f => {
+			this.observe('fahrenheit', f => {
 				this.set({
-					celsius: +( 5 / 9 * ( f - 32 ) ).toFixed( 1 )
+					celsius: +(5 / 9 * (f - 32)).toFixed(1)
 				});
 			});
 		}

content/examples/7guis-timer/App.html

@@ -15,35 +15,35 @@
 
 <script>
 	export default {
-		data () {
+		data() {
 			return { elapsed: 0, duration: 5000 };
 		},
 
-		oncreate () {
+		oncreate() {
 			this.reset();
 
 			const update = () => {
-				this.frame = requestAnimationFrame( update );
+				this.frame = requestAnimationFrame(update);
 
 				const { start, duration } = this.get();
 				const elapsed = window.performance.now() - start;
 
-				if ( elapsed > duration ) return;
+				if (elapsed > duration) return;
 
 				this.set({ elapsed });
 			};
 
 			update();
 		},
 
-		ondestroy () {
-			if ( this.frame ) {
-				cancelAnimationFrame( this.frame );
+		ondestroy() {
+			if (this.frame) {
+				cancelAnimationFrame(this.frame);
 			}
 		},
 
 		methods: {
-			reset () {
+			reset() {
 				this.set({
 					start: window.performance.now()
 				});

content/examples/area-chart/example.json

@@ -84,37 +84,37 @@ <h2>US birthrate by year</h2>
 				padding: { top: 20, right: 15, bottom: 20, left: 25 },
 				height: 200,
 				width: 500,
-				xTicks: [ 1990, 1995, 2000, 2005, 2010, 2015 ],
-				yTicks: [ 0, 5, 10, 15, 20 ]
+				xTicks: [1990, 1995, 2000, 2005, 2010, 2015],
+				yTicks: [0, 5, 10, 15, 20]
 			};
 		},
 
 		helpers: {
-			formatMobile: function ( tick ) {
+			formatMobile: function (tick) {
 				return "'" + tick % 100;
 			}
 		},
 
 		computed: {
-			barWidth: function ( xTicks, width, padding ) {
-				var innerWidth = width - ( padding.left + padding.right );
+			barWidth: function (xTicks, width, padding) {
+				var innerWidth = width - (padding.left + padding.right);
 				return innerWidth / xTicks.length;
 			},
 
-			xScale: function ( padding, width, xTicks ) {
+			xScale: function (padding, width, xTicks) {
 				return xScale
 					.domain([0, xTicks.length])
 					.range([padding.left, width - padding.right]);
 			},
 
-			yScale: function ( padding, height, yTicks ) {
+			yScale: function (padding, height, yTicks) {
 				return yScale
 					.domain([0, Math.max.apply(null, yTicks)])
 					.range([height - padding.bottom, padding.top]);
 			}
 		},
 
-		oncreate () {
+		oncreate() {
 			this.resize();
 		},