chore(prettier): use spaces instead of tabs

2 files changed, 63 insertions, 63 deletions

diff --git a/src/lib/Image/FallbackImage.svelte b/src/lib/Image/FallbackImage.svelte
index 3f5e8758..2029cf0e 100644
--- a/src/lib/Image/FallbackImage.svelte
+++ b/src/lib/Image/FallbackImage.svelte
@@ -1,41 +1,41 @@
 <script lang="ts">
-	export let source: string | undefined | null;
-	export let alternative: string | undefined | null;
-	export let fallback: string | undefined | null;
-	export let maxReplaceCount = 1;
-	export let replaceDelay = 1000;
-	export let error = 'https://i2.kym-cdn.com/photos/images/newsfeed/000/290/992/0aa.jpg';
-	export let hideOnError = false;
-	export let style = '';
+  export let source: string | undefined | null;
+  export let alternative: string | undefined | null;
+  export let fallback: string | undefined | null;
+  export let maxReplaceCount = 1;
+  export let replaceDelay = 1000;
+  export let error = 'https://i2.kym-cdn.com/photos/images/newsfeed/000/290/992/0aa.jpg';
+  export let hideOnError = false;
+  export let style = '';
 
-	let replaceCount = 0;
+  let replaceCount = 0;
 
-	const delayedReplace = (event: Event, image: string | undefined | null) => {
-		if (replaceCount >= maxReplaceCount) return;
+  const delayedReplace = (event: Event, image: string | undefined | null) => {
+    if (replaceCount >= maxReplaceCount) return;
 
-		setTimeout(() => {
-			(event.target as HTMLImageElement).src = image || '';
+    setTimeout(() => {
+      (event.target as HTMLImageElement).src = image || '';
 
-			replaceCount += 1;
-		}, replaceDelay);
-	};
+      replaceCount += 1;
+    }, replaceDelay);
+  };
 </script>
 
 {#if replaceCount < maxReplaceCount}
-	<img
-		src={source}
-		alt={alternative}
-		loading="lazy"
-		class="badge"
-		on:error={(e) => delayedReplace(e, fallback)}
-		{style}
-	/>
+  <img
+    src={source}
+    alt={alternative}
+    loading="lazy"
+    class="badge"
+    on:error={(e) => delayedReplace(e, fallback)}
+    {style}
+  />
 {:else if !hideOnError}
-	<img src={error} alt="Not found" loading="lazy" class="badge" />
+  <img src={error} alt="Not found" loading="lazy" class="badge" />
 {/if}
 
 <style>
-	.badge {
-		border-radius: 8px;
-	}
+  .badge {
+    border-radius: 8px;
+  }
 </style>
diff --git a/src/lib/Image/ParallaxImage.svelte b/src/lib/Image/ParallaxImage.svelte
index 71453059..48565ce1 100644
--- a/src/lib/Image/ParallaxImage.svelte
+++ b/src/lib/Image/ParallaxImage.svelte
@@ -1,46 +1,46 @@
 <script lang="ts">
-	import { cubicOut } from 'svelte/easing';
-	import { tweened } from 'svelte/motion';
+  import { cubicOut } from 'svelte/easing';
+  import { tweened } from 'svelte/motion';
 
-	export let source: string;
-	export let duration = 300 * 1.75;
-	export let easing = cubicOut;
-	export let alternativeText: string;
-	export let classList = '';
-	export let style = '';
-	export let factor = 1.25;
-	export let limit = 300 * 1.75;
-	export let borderRadius = '8px';
+  export let source: string;
+  export let duration = 300 * 1.75;
+  export let easing = cubicOut;
+  export let alternativeText: string;
+  export let classList = '';
+  export let style = '';
+  export let factor = 1.25;
+  export let limit = 300 * 1.75;
+  export let borderRadius = '8px';
 
-	let badgeReference: HTMLImageElement;
-	const mouse = tweened({ x: 0, y: 0 }, { duration, easing });
+  let badgeReference: HTMLImageElement;
+  const mouse = tweened({ x: 0, y: 0 }, { duration, easing });
 
-	const handleMouseMove = (event: MouseEvent) => {
-		const boundingRectangle = badgeReference.getBoundingClientRect();
+  const handleMouseMove = (event: MouseEvent) => {
+    const boundingRectangle = badgeReference.getBoundingClientRect();
 
-		if ($mouse.x === 0 && $mouse.y === 0) $mouse = { x: event.clientX, y: event.clientY };
+    if ($mouse.x === 0 && $mouse.y === 0) $mouse = { x: event.clientX, y: event.clientY };
 
-		$mouse.x +=
-			(-(event.clientX - boundingRectangle.left - boundingRectangle.width / 2) - $mouse.x) * factor;
-		$mouse.y +=
-			(-(event.clientY - boundingRectangle.top - boundingRectangle.height / 2) - $mouse.y) * factor;
-		$mouse.x = Math.max(Math.min($mouse.x, limit), -limit);
-		$mouse.y = Math.max(Math.min($mouse.y, limit), -limit);
-	};
+    $mouse.x +=
+      (-(event.clientX - boundingRectangle.left - boundingRectangle.width / 2) - $mouse.x) * factor;
+    $mouse.y +=
+      (-(event.clientY - boundingRectangle.top - boundingRectangle.height / 2) - $mouse.y) * factor;
+    $mouse.x = Math.max(Math.min($mouse.x, limit), -limit);
+    $mouse.y = Math.max(Math.min($mouse.y, limit), -limit);
+  };
 
-	const handleMouseLeave = () => {
-		$mouse = { x: 0, y: 0 };
-	};
+  const handleMouseLeave = () => {
+    $mouse = { x: 0, y: 0 };
+  };
 </script>
 
 <img
-	src={source}
-	bind:this={badgeReference}
-	style={`transform: perspective(1000px) rotateX(${$mouse.y / 10}deg) rotateY(${
-		-$mouse.x / 10
-	}deg); border-radius: ${borderRadius}; ${style}`}
-	alt={alternativeText}
-	on:mousemove={handleMouseMove}
-	on:mouseleave={handleMouseLeave}
-	class={classList}
+  src={source}
+  bind:this={badgeReference}
+  style={`transform: perspective(1000px) rotateX(${$mouse.y / 10}deg) rotateY(${
+    -$mouse.x / 10
+  }deg); border-radius: ${borderRadius}; ${style}`}
+  alt={alternativeText}
+  on:mousemove={handleMouseMove}
+  on:mouseleave={handleMouseLeave}
+  class={classList}
 />