chore(prettier): use spaces instead of tabs

2 files changed, 82 insertions, 82 deletions

diff --git a/src/lib/Media/Cover/HoverCover.svelte b/src/lib/Media/Cover/HoverCover.svelte
index eecbabe5..51cbf5d2 100644
--- a/src/lib/Media/Cover/HoverCover.svelte
+++ b/src/lib/Media/Cover/HoverCover.svelte
@@ -1,53 +1,53 @@
 <script lang="ts">
-	import settings from '$stores/settings';
-	import type { HoverCoverResponse } from './hoverCover';
+  import settings from '$stores/settings';
+  import type { HoverCoverResponse } from './hoverCover';
 
-	export let options: HoverCoverResponse;
-	export let width = 250;
+  export let options: HoverCoverResponse;
+  export let width = 250;
 </script>
 
 {#if options.hovering}
-	<img
-		class="hover-image show card card-small"
-		src={options.media
-			? $settings.displayDataSaver
-				? options.media.coverImage.medium
-				: options.media.coverImage.extraLarge
-			: `https://subsplease.org${options.item?.image_url}`}
-		alt="Media Cover"
-		loading="lazy"
-		style={`width: ${width}px; ${options.style}`}
-	/>
+  <img
+    class="hover-image show card card-small"
+    src={options.media
+      ? $settings.displayDataSaver
+        ? options.media.coverImage.medium
+        : options.media.coverImage.extraLarge
+      : `https://subsplease.org${options.item?.image_url}`}
+    alt="Media Cover"
+    loading="lazy"
+    style={`width: ${width}px; ${options.style}`}
+  />
 {/if}
 
 <style lang="scss">
-	$coverTransitionTime: 200ms;
-
-	.hover-image {
-		position: fixed;
-		height: auto;
-		display: none;
-		border-radius: 8px;
-		transition: opacity $coverTransitionTime ease-in-out, top 0.3s ease, left 0.3s ease;
-	}
-
-	.show {
-		display: block;
-	}
-
-	.hover-image {
-		animation: dropIn $coverTransitionTime ease-in-out;
-	}
-
-	@keyframes dropIn {
-		0% {
-			opacity: 0;
-			transform: translateY(-1rem);
-		}
-
-		100% {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
+  $coverTransitionTime: 200ms;
+
+  .hover-image {
+    position: fixed;
+    height: auto;
+    display: none;
+    border-radius: 8px;
+    transition: opacity $coverTransitionTime ease-in-out, top 0.3s ease, left 0.3s ease;
+  }
+
+  .show {
+    display: block;
+  }
+
+  .hover-image {
+    animation: dropIn $coverTransitionTime ease-in-out;
+  }
+
+  @keyframes dropIn {
+    0% {
+      opacity: 0;
+      transform: translateY(-1rem);
+    }
+
+    100% {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
 </style>
diff --git a/src/lib/Media/Cover/hoverCover.ts b/src/lib/Media/Cover/hoverCover.ts
index c2b6697c..3b364349 100644
--- a/src/lib/Media/Cover/hoverCover.ts
+++ b/src/lib/Media/Cover/hoverCover.ts
@@ -4,53 +4,53 @@ import type { SubsPleaseEpisode } from '../Anime/Airing/Subtitled/subsPlease';
 import settings from '$stores/settings';
 
 export interface HoverCoverResponse {
-	// OnMouseEnterLeave
-	hovering?: boolean;
-	item?: SubsPleaseEpisode | null;
-	media?: Media | null;
-
-	// OnMouseMove
-	height?: number;
-	style?: string;
+  // OnMouseEnterLeave
+  hovering?: boolean;
+  item?: SubsPleaseEpisode | null;
+  media?: Media | null;
+
+  // OnMouseMove
+  height?: number;
+  style?: string;
 }
 
 export const onMouseEnter = (
-	media: Media | Partial<Media> | null,
-	item: SubsPleaseEpisode | null = null
+  media: Media | Partial<Media> | null,
+  item: SubsPleaseEpisode | null = null
 ) => {
-	if (!get(settings).displayHoverCover && !item)
-		return { hovering: false, item: null, media: null } as HoverCoverResponse;
+  if (!get(settings).displayHoverCover && !item)
+    return { hovering: false, item: null, media: null } as HoverCoverResponse;
 
-	return { hovering: true, item, media } as HoverCoverResponse;
+  return { hovering: true, item, media } as HoverCoverResponse;
 };
 
 export const onMouseLeave = () => {
-	return { hovering: false, item: null, media: null } as HoverCoverResponse;
+  return { hovering: false, item: null, media: null } as HoverCoverResponse;
 };
 
 export const onMouseMove = (event: MouseEvent, imageWidth = 250) => {
-	const offset = 10;
-	let imageLeft = 0;
-	let imageTop = 0;
-	const elements = document.getElementsByClassName('hover-image');
-
-	if (elements.length === 0) return { height: 0, style: '' } as HoverCoverResponse;
-
-	const response: HoverCoverResponse = {
-		height: (elements[0] as HTMLImageElement).height,
-		style: ''
-	};
-	const height = response.height || 0;
-
-	imageLeft =
-		event.pageX + height + offset > window.innerWidth
-			? event.pageX - imageWidth - offset
-			: event.pageX + offset;
-	imageTop =
-		event.pageY - window.scrollY + height + offset > window.innerHeight
-			? event.pageY - window.scrollY - height - offset
-			: event.pageY - window.scrollY + offset;
-	response.style = `top: ${imageTop}px; left: ${imageLeft}px;`;
-
-	return response;
+  const offset = 10;
+  let imageLeft = 0;
+  let imageTop = 0;
+  const elements = document.getElementsByClassName('hover-image');
+
+  if (elements.length === 0) return { height: 0, style: '' } as HoverCoverResponse;
+
+  const response: HoverCoverResponse = {
+    height: (elements[0] as HTMLImageElement).height,
+    style: ''
+  };
+  const height = response.height || 0;
+
+  imageLeft =
+    event.pageX + height + offset > window.innerWidth
+      ? event.pageX - imageWidth - offset
+      : event.pageX + offset;
+  imageTop =
+    event.pageY - window.scrollY + height + offset > window.innerHeight
+      ? event.pageY - window.scrollY - height - offset
+      : event.pageY - window.scrollY + offset;
+  response.style = `top: ${imageTop}px; left: ${imageLeft}px;`;
+
+  return response;
 };