11-easing: snake_case to camelCase

site/content/examples/11-easing/00-easing/App.svelte

@@ -7,10 +7,10 @@
 
 	import { easesGroupBy, eases, types } from './eases.js';
 
-	let current_type = easesGroupBy[0];
+	let currentType = easesGroupBy[0];
-	let current_ease = Object.keys(eases)[0];
+	let currentEase = Object.keys(eases)[0];
 	let duration = 2000;
-	let current = eases[current_ease][current_type];
+	let current = eases[currentEase][currentType];
 	let playing = false;
 	let width;
 
@@ -33,7 +33,7 @@
 		playing = false;
 	}
 
-	$: current = eases[current_ease][current_type];
+	$: current = eases[currentEase][currentType];
 	$: current && runAnimations();
 </script>
 
@@ -70,8 +70,8 @@
 		{playing}
 		{width}
 		bind:duration
-		bind:current_ease
+		bind:currentEase
-		bind:current_type
+		bind:currentType
 		on:play={runAnimations}
 	/>
 </div>

site/content/examples/11-easing/00-easing/Controls.svelte

@@ -1,8 +1,8 @@
 <script>
 	import { createEventDispatcher } from 'svelte';
 
-	export let current_ease;
+	export let currentEase;
-	export let current_type;
+	export let currentType;
 	export let eases;
 	export let types;
 	export let duration;
@@ -18,11 +18,11 @@
 		<div class="easing-types">
 			<h3>Ease</h3>
 			{#if mobile}
-				<select bind:value={current_ease}>
+				<select bind:value={currentEase}>
 					{#each Object.keys(eases) as name}
 						<option
 							value={name}
-							class:selected={name === current_ease}
+							class:selected={name === currentEase}
 						>
 							{name}
 						</option>
@@ -32,17 +32,18 @@
 				<ul>
 					{#each Object.keys(eases) as name}
 						<li
-							class:selected={name === current_ease}
+							class:selected={name === currentEase}
-							on:click={() => current_ease = name}
+							on:click={() => currentEase = name}
 						>
 							{name}
 						</li>
 					{/each}
 				</ul>
 			{/if}
+
 			<h3>Type</h3>
 			{#if mobile }
-				<select bind:value={current_type}>
+				<select bind:value={currentType}>
 					{#each types as {name, type}}
 						<option
 							value={type}
@@ -55,8 +56,8 @@
 				<ul>
 					{#each types as {name, type}}
 						<li
-							class:selected={type === current_type}
+							class:selected={type === currentType}
-							on:click={() => current_type = type}
+							on:click={() => currentType = type}
 						>
 							{name}
 					</li>