refactor: Bump & run prettier (#210)

src/lib/components/Button.svelte

@@ -46,7 +46,9 @@
 		align-items: center;
 		gap: 0.5rem;
 		cursor: pointer;
-		transition: transform 0.4s var(--bezier-one), filter 0.4s var(--bezier-one);
+		transition:
+			transform 0.4s var(--bezier-one),
+			filter 0.4s var(--bezier-one);
 		user-select: none;
 	}
 

src/lib/components/Dialogue.svelte

@@ -129,7 +129,9 @@
 		gap: 2px;
 		z-index: 1001;
 		padding: 32px;
-		box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12),
+		box-shadow:
+			0px 4px 5px 0px rgba(0, 0, 0, 0.14),
+			0px 1px 10px 0px rgba(0, 0, 0, 0.12),
 			0px 2px 4px -1px rgba(0, 0, 0, 0.2);
 		scrollbar-width: none;
 		-ms-overflow-style: none;

src/lib/components/Picture.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
-  // See: https://github.com/JonasKruckenberg/imagetools/blob/main/docs/directives.md#picture
-  import type { Picture } from 'vite-imagetools';
-  export let data: Picture;
-  export let alt: string;
+	// See: https://github.com/JonasKruckenberg/imagetools/blob/main/docs/directives.md#picture
+	import type { Picture } from 'vite-imagetools';
+	export let data: Picture;
+	export let alt: string;
 </script>
 
 <picture>
-  {#each Object.entries(data.sources) as [format, images]}
-    <source srcset={images.map(img => `${img.src} ${img.w}w`).join(", ")} type="image/{format}">
-  {/each}
-  <img {alt} src={data.fallback.src} />
+	{#each Object.entries(data.sources) as [format, images]}
+		<source srcset={images.map((img) => `${img.src} ${img.w}w`).join(', ')} type="image/{format}" />
+	{/each}
+	<img {alt} src={data.fallback.src} />
 </picture>

src/lib/components/Search.svelte

@@ -11,7 +11,7 @@
 	function clear() {
 		searchTerm = '';
 		searchTermFiltered = '';
-		
+
 		const url = new URL($page.url);
 		url.searchParams.delete('s');
 		goto(url.pathname + url.search);

src/lib/components/Snackbar.svelte

@@ -50,12 +50,12 @@
 		bottom: 2rem;
 		background-color: var(--white);
 		transition: all 0.4s var(--bezier-one);
-        box-shadow: var(--drop-shadow-one);
+		box-shadow: var(--drop-shadow-one);
 	}
 
 	.text {
 		color: var(--grey-two);
-        font-weight: 500;
-        font-size: 14px;
+		font-weight: 500;
+		font-size: 14px;
 	}
-</style>
+</style>

src/lib/components/Spinner.svelte

@@ -31,4 +31,4 @@
 		border-top-color: var(--accent-color);
 		animation: spinner 0.6s linear infinite;
 	}
-</style>
+</style>

src/lib/components/Wave.svelte

@@ -1,8 +1,4 @@
-<svg
-	viewBox="0 0 1440 500"
-	xmlns="http://www.w3.org/2000/svg"
-	preserveAspectRatio="none"
->
+<svg viewBox="0 0 1440 500" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
 	<path class="wave" />
 </svg>