chore(biome): enable svelte formatting

6 files changed, 81 insertions, 81 deletions

diff --git a/src/lib/Layout/Dropdown.svelte b/src/lib/Layout/Dropdown.svelte
index e7e00272..324c9498 100644
--- a/src/lib/Layout/Dropdown.svelte
+++ b/src/lib/Layout/Dropdown.svelte
@@ -1,21 +1,21 @@
 <script lang="ts">
-  interface Item {
-    name: string;
-    url: string;
-    onClick?: () => void;
-    preventDefault?: boolean;
-  }
-
-  export let items: Item[] = [];
-  export let title: string | undefined = undefined;
-  export let header = true;
-  export let center = false;
-
-  let open = false;
-
-  const handleClickOutside = (event: MouseEvent) => {
-    if (!(event.target as HTMLElement).closest('.dropdown')) open = false;
-  };
+interface Item {
+  name: string;
+  url: string;
+  onClick?: () => void;
+  preventDefault?: boolean;
+}
+
+export let items: Item[] = [];
+export let title: string | undefined = undefined;
+export let header = true;
+export let center = false;
+
+let open = false;
+
+const handleClickOutside = (event: MouseEvent) => {
+  if (!(event.target as HTMLElement).closest('.dropdown')) open = false;
+};
 </script>
 
 <svelte:window onclick={handleClickOutside} />
diff --git a/src/lib/Layout/NumberTicker.svelte b/src/lib/Layout/NumberTicker.svelte
index 226e89c9..61e1757d 100644
--- a/src/lib/Layout/NumberTicker.svelte
+++ b/src/lib/Layout/NumberTicker.svelte
@@ -1,21 +1,21 @@
 <script>
-  import { tweened } from 'svelte/motion';
-  import { cubicOut } from 'svelte/easing';
+import { tweened } from 'svelte/motion';
+import { cubicOut } from 'svelte/easing';
 
-  export let start = 0;
-  export let end = 100;
-  export let duration = 2000;
-  export let delay = 0;
+export let start = 0;
+export let end = 100;
+export let duration = 2000;
+export let delay = 0;
 
-  const count = tweened(start, {
-    duration: duration,
-    easing: cubicOut,
-    delay: delay
-  });
+const count = tweened(start, {
+  duration: duration,
+  easing: cubicOut,
+  delay: delay
+});
 
-  $: {
-    count.set(end);
-  }
+$: {
+  count.set(end);
+}
 </script>
 
 <span class="counter" class:visible={$count !== start}>
diff --git a/src/lib/Layout/Popup.svelte b/src/lib/Layout/Popup.svelte
index dc1557e3..92261a5b 100644
--- a/src/lib/Layout/Popup.svelte
+++ b/src/lib/Layout/Popup.svelte
@@ -1,37 +1,37 @@
 <script lang="ts">
-  import { browser } from '$app/environment';
-  import { onMount } from 'svelte';
-
-  export let onLeave = () => {
-    return;
-  };
-  export let card = true;
-  export let smallCard = false;
-  export let fullscreen = false;
-  export let show = true;
-  export let locked = false;
-  export let center = false;
-
-  const handleClickOutside = (event: MouseEvent) => {
-    if (!locked && (event.target as HTMLElement).classList.contains('popup')) {
-      show = false;
-
-      onLeave();
-    }
-  };
-
-  onMount(() => {
-    if (browser) document.body.style.overflow = 'auto';
-  });
-
-  $: {
-    if (browser) {
-      document.body.style.overflow = 'auto';
-
-      if (show) document.body.style.overflow = 'hidden';
-      else document.body.style.overflow = 'auto';
-    }
+import { browser } from '$app/environment';
+import { onMount } from 'svelte';
+
+export let onLeave = () => {
+  return;
+};
+export let card = true;
+export let smallCard = false;
+export let fullscreen = false;
+export let show = true;
+export let locked = false;
+export let center = false;
+
+const handleClickOutside = (event: MouseEvent) => {
+  if (!locked && (event.target as HTMLElement).classList.contains('popup')) {
+    show = false;
+
+    onLeave();
   }
+};
+
+onMount(() => {
+  if (browser) document.body.style.overflow = 'auto';
+});
+
+$: {
+  if (browser) {
+    document.body.style.overflow = 'auto';
+
+    if (show) document.body.style.overflow = 'hidden';
+    else document.body.style.overflow = 'auto';
+  }
+}
 </script>
 
 <svelte:window onclick={handleClickOutside} />
diff --git a/src/lib/Layout/Spacer.svelte b/src/lib/Layout/Spacer.svelte
index a26796df..a4ecef18 100644
--- a/src/lib/Layout/Spacer.svelte
+++ b/src/lib/Layout/Spacer.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  export let size: 'sm' | 'md' | 'lg' = 'md';
+export let size: 'sm' | 'md' | 'lg' = 'md';
 </script>
 
 <div class="spacer {size}"></div>
diff --git a/src/lib/Layout/TextTransition.svelte b/src/lib/Layout/TextTransition.svelte
index 35cfe1ea..13a4ed9b 100644
--- a/src/lib/Layout/TextTransition.svelte
+++ b/src/lib/Layout/TextTransition.svelte
@@ -1,24 +1,24 @@
 <script>
-  import { tweened } from 'svelte/motion';
-  import { cubicOut } from 'svelte/easing';
+import { tweened } from 'svelte/motion';
+import { cubicOut } from 'svelte/easing';
 
-  export let text = '';
-  export let opacityTransitionDuration = 50;
-  export let blurTransitionDuration = opacityTransitionDuration;
-  export let easing = cubicOut;
+export let text = '';
+export let opacityTransitionDuration = 50;
+export let blurTransitionDuration = opacityTransitionDuration;
+export let easing = cubicOut;
 
-  let previousValue = '';
-  let opacity = tweened(1, { duration: opacityTransitionDuration, easing });
-  let blur = tweened(0, { duration: blurTransitionDuration, easing });
+let previousValue = '';
+let opacity = tweened(1, { duration: opacityTransitionDuration, easing });
+let blur = tweened(0, { duration: blurTransitionDuration, easing });
 
-  $: {
-    if (text !== previousValue)
-      Promise.all([opacity.set(0), blur.set(10)]).then(() => {
-        previousValue = text;
+$: {
+  if (text !== previousValue)
+    Promise.all([opacity.set(0), blur.set(10)]).then(() => {
+      previousValue = text;
 
-        Promise.all([opacity.set(1), blur.set(0)]);
-      });
-  }
+      Promise.all([opacity.set(1), blur.set(0)]);
+    });
+}
 </script>
 
 <span
diff --git a/src/lib/Layout/Username.svelte b/src/lib/Layout/Username.svelte
index 8b89b708..bd902cda 100644
--- a/src/lib/Layout/Username.svelte
+++ b/src/lib/Layout/Username.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  export let username: string;
+export let username: string;
 </script>
 
 <a href={`https://anilist.co/user/${username}/`}>@{username}</a>