Organize imports

use vscode's organize imports feature to sort & remove unused imports

src/lib/animation/index.ts

@@ -1,6 +1,6 @@
-import type { EasingFunction, TransitionConfig } from "svelte/transition";
 import type { AnimationConfig, FlipParams } from "svelte/animate";
 import { cubicOut } from "svelte/easing";
+import type { EasingFunction, TransitionConfig } from "svelte/transition";
 
 export const transition =
 	"linear(0,0.006,0.025 2.8%,0.101 6.1%,0.539 18.9%,0.721 25.3%,0.849 31.5%,0.937 38.1%,0.968 41.8%,0.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001)";

src/lib/components/functional/Dropdown.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { blur, duration, flip, transition } from "$lib/animation";
+	import { blur, duration, transition } from "$lib/animation";
 	import { ChevronDown } from "lucide-svelte";
 	import { onMount } from "svelte";
 	import { quintOut } from "svelte/easing";
-	import { fade } from "svelte/transition";
 
 	type Props = {
 		options: string[];

src/lib/components/functional/FancyMenu.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
+	import { browser } from "$app/environment";
 	import { page } from "$app/stores";
-	import { fly } from "svelte/transition";
 	import { duration } from "$lib/animation";
+	import clsx from "clsx";
+	import { onMount, tick } from "svelte";
 	import { quintOut } from "svelte/easing";
 	import type { Writable } from "svelte/store";
-	import clsx from "clsx";
-	import { browser } from "$app/environment";
-	import { onMount, tick } from "svelte";
+	import { fly } from "svelte/transition";
 
 	interface Props {
 		links: {

src/lib/components/functional/Uploader.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Upload } from "lucide-svelte";
 	import clsx from "clsx";
+	import { Upload } from "lucide-svelte";
 	import { onMount } from "svelte";
 
 	let fileList = $state<FileList>();

src/lib/converters/ffmpeg.svelte.ts

@@ -1,8 +1,8 @@
-import { VertFile } from "$lib/types";
-import { Converter } from "./converter.svelte";
-import { FFmpeg } from "@ffmpeg/ffmpeg";
 import { browser } from "$app/environment";
 import { log } from "$lib/logger";
+import { VertFile } from "$lib/types";
+import { FFmpeg } from "@ffmpeg/ffmpeg";
+import { Converter } from "./converter.svelte";
 
 export class FFmpegConverter extends Converter {
 	private ffmpeg: FFmpeg = null!;

src/lib/converters/vips.svelte.ts

@@ -1,9 +1,9 @@
-import { VertFile } from "$lib/types";
-import { Converter } from "./converter.svelte";
-import VipsWorker from "$lib/workers/vips?worker";
 import { browser } from "$app/environment";
-import type { WorkerMessage, OmitBetterStrict } from "$lib/types";
 import { log } from "$lib/logger";
+import type { OmitBetterStrict, WorkerMessage } from "$lib/types";
+import { VertFile } from "$lib/types";
+import VipsWorker from "$lib/workers/vips?worker";
+import { Converter } from "./converter.svelte";
 
 export class VipsConverter extends Converter {
 	private worker: Worker = browser ? new VipsWorker() : null!;

src/lib/types/index.ts

@@ -1,3 +1,3 @@
+export * from "./conversion-worker";
 export * from "./file.svelte";
 export * from "./util";
-export * from "./conversion-worker";

src/lib/workers/vips.ts

@@ -1,4 +1,4 @@
-import { type WorkerMessage, type OmitBetterStrict } from "$lib/types";
+import { type OmitBetterStrict, type WorkerMessage } from "$lib/types";
 import Vips from "wasm-vips";
 
 const vipsPromise = Vips({

src/routes/+layout.svelte

@@ -1,17 +1,17 @@
 <script lang="ts">
-	import "../app.scss";
-	import { goto } from "$app/navigation";
-	import { blur, duration } from "$lib/animation";
-	import { quintOut } from "svelte/easing";
-	import { files, theme } from "$lib/store/index.svelte";
-	import Logo from "$lib/components/visual/svg/Logo.svelte";
-	import featuredImage from "$lib/assets/VERT_Feature.webp";
-	import { PUB_HOSTNAME, PUB_PLAUSIBLE_URL } from "$env/static/public";
-	import FancyMenu from "$lib/components/functional/FancyMenu.svelte";
-	import { writable } from "svelte/store";
-	import { MoonIcon, SunIcon } from "lucide-svelte";
 	import { browser } from "$app/environment";
+	import { goto } from "$app/navigation";
+	import { PUB_HOSTNAME, PUB_PLAUSIBLE_URL } from "$env/static/public";
+	import { blur, duration } from "$lib/animation";
+	import featuredImage from "$lib/assets/VERT_Feature.webp";
+	import FancyMenu from "$lib/components/functional/FancyMenu.svelte";
+	import Logo from "$lib/components/visual/svg/Logo.svelte";
+	import { files, theme } from "$lib/store/index.svelte";
 	import JSCookie from "js-cookie";
+	import { MoonIcon, SunIcon } from "lucide-svelte";
+	import { quintOut } from "svelte/easing";
+	import { writable } from "svelte/store";
+	import "../app.scss";
 	let { children, data } = $props();
 
 	let shouldGoBack = writable(false);

src/routes/+page.svelte

@@ -5,9 +5,9 @@
 	import { log } from "$lib/logger";
 	import { files } from "$lib/store/index.svelte";
 	import { VertFile } from "$lib/types/file.svelte";
-	import { Check } from "lucide-svelte";
 	import jsmediatags from "jsmediatags";
 	import type { TagType } from "jsmediatags/types/index.js";
+	import { Check } from "lucide-svelte";
 
 	const { data } = $props();
 

src/routes/convert/+page.svelte

@@ -10,11 +10,10 @@
 	import { files, outputFilenameOption } from "$lib/store/index.svelte";
 	import type { VertFile } from "$lib/types";
 	import clsx from "clsx";
-	import { ArrowRight, Disc2Icon, FileAudioIcon, XIcon } from "lucide-svelte";
+	import { FileAudioIcon, XIcon } from "lucide-svelte";
 	import { onMount } from "svelte";
 	import { quintOut } from "svelte/easing";
 	import {
-		fade,
 		type EasingFunction,
 		type TransitionConfig,
 	} from "svelte/transition";