fixes typescript README section

Author: chanced

README.md

@@ -120,29 +120,22 @@ declare type FileDropDragEvent = import("filedrop-svelte/lib/event").FileDropDra
 declare namespace svelte.JSX {
     interface HTMLAttributes<T> {
         onfiledrop?: (event: CustomEvent<FileDropSelectEvent> & { target: EventTarget & T }) => void;
-        ononfiledrop?: (event: CustomEvent<FileDropSelectEvent> & { target: EventTarget & T }) => void;
-        ononfiledragenter?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
-        ononfiledragleave?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
-        ononfiledragover?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
-        ononfiledialogcancel?: (event: CustomEvent<FileDropEvent> & { target: EventTarget & T }) => void;
-        ononfiledialogclose?: (event: CustomEvent<FileDropEvent> & { target: EventTarget & T }) => void;
-        ononfiledialogopen?: (event: CustomEvent<FileDropEvent> & { target: EventTarget & T }) => void;
-        ononwindowfiledragenter?: (
-            event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T },
-        ) => void;
-        ononwindowfiledragleave?: (
-            event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T },
-        ) => void;
-        ononwindowfiledragover?: (
-            event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T },
-        ) => void;
+        onfiledrop?: (event: CustomEvent<FileDropSelectEvent> & { target: EventTarget & T }) => void;
+        onfiledragenter?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
+        onfiledragleave?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
+        onfiledragover?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
+        onfiledialogcancel?: (event: CustomEvent<FileDropEvent> & { target: EventTarget & T }) => void;
+        onfiledialogclose?: (event: CustomEvent<FileDropEvent> & { target: EventTarget & T }) => void;
+        onfiledialogopen?: (event: CustomEvent<FileDropEvent> & { target: EventTarget & T }) => void;
+        onwindowfiledragenter?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
+        onwindowfiledragleave?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
+        onwindowfiledragover?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
     }
 }
 ```
 
 You may need to edit `tsconfig.json` to include `global.d.ts` if it isn't already.
 
-
 ### Alternatives
 
 -   [svelte-file-dropzone](https://github.com/thecodejack/svelte-file-dropzone)
@@ -156,7 +149,6 @@ You may need to edit `tsconfig.json` to include `global.d.ts` if it isn't alread
 
 -   [file-selector](https://github.com/react-dropzone/file-selector)
 
-
 ## Todo
 
 -   tests

src/global.d.ts

@@ -6,21 +6,15 @@ declare namespace svelte.JSX {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     interface HTMLAttributes<T> {
         onfiledrop?: (event: CustomEvent<FileDropSelectEvent> & { target: EventTarget & T }) => void;
-        ononfiledrop?: (event: CustomEvent<FileDropSelectEvent> & { target: EventTarget & T }) => void;
-        ononfiledragenter?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
-        ononfiledragleave?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
-        ononfiledragover?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
-        ononfiledialogcancel?: (event: CustomEvent<FileDropEvent> & { target: EventTarget & T }) => void;
-        ononfiledialogclose?: (event: CustomEvent<FileDropEvent> & { target: EventTarget & T }) => void;
-        ononfiledialogopen?: (event: CustomEvent<FileDropEvent> & { target: EventTarget & T }) => void;
-        ononwindowfiledragenter?: (
-            event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T },
-        ) => void;
-        ononwindowfiledragleave?: (
-            event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T },
-        ) => void;
-        ononwindowfiledragover?: (
-            event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T },
-        ) => void;
+        onfiledrop?: (event: CustomEvent<FileDropSelectEvent> & { target: EventTarget & T }) => void;
+        onfiledragenter?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
+        onfiledragleave?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
+        onfiledragover?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
+        onfiledialogcancel?: (event: CustomEvent<FileDropEvent> & { target: EventTarget & T }) => void;
+        onfiledialogclose?: (event: CustomEvent<FileDropEvent> & { target: EventTarget & T }) => void;
+        onfiledialogopen?: (event: CustomEvent<FileDropEvent> & { target: EventTarget & T }) => void;
+        onwindowfiledragenter?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
+        onwindowfiledragleave?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
+        onwindowfiledragover?: (event: CustomEvent<FileDropDragEvent> & { target: EventTarget & T }) => void;
     }
 }

src/lib/components/FileDrop/FileDrop.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
-    import filedrop from "../../actions/filedrop";
-    import { fromEvent as filesFromEvent } from "file-selector";
     import { createEventDispatcher } from "svelte";
+    import filedrop from "../../actions/filedrop";
     import type { Events } from "../../event";
     import type { FileDropOptions } from "../../options";
     export let id: string = undefined;