- daraggable crators and contributors inside Pages/Submitter/Dataset/Create.Vue

- typescript and prettier updates
- FileUpload component with dark mode and dragable uploads
- comment FontFamily in tailwind.config.js

resources/js/Dataset.ts

@@ -1,7 +1,7 @@
 import { Ref } from 'vue';
 
 export interface Dataset {
-    [key: string]: string | Ref<string>| boolean | Array<Title> |  Array<Description>|  Array<Person> | number | (IErrorMessage | undefined) | Coverage | TethysFile | File;
+    [key: string]: string | Ref<string>| boolean | Array<Title> |  Array<Description>|  Array<Person> | number | (IErrorMessage | undefined) | Coverage | Array<File>;
 	language: Ref<string>;
 	// licenses: Array<number>;
 	rights: boolean;
@@ -17,15 +17,26 @@ export interface Dataset {
     errors?: IErrorMessage;
 	// async (user): Promise<void>;
     subjects: Array<Subject>,
-    file: File | undefined,
-    upload: TethysFile
+    files: Array<TestFile> | undefined,
+    // upload: TethysFile
 }
 
-export interface TethysFile {    
+
+/** Provides information about files and allows JavaScript in a web page to access their content. */
+export interface TestFile extends Blob {
+    readonly lastModified: number;
+    readonly name: string;
+    readonly webkitRelativePath: string;
     label: string,
     sorting: number,
 }
 
+// export interface TethysFile {    
+//     label: string,
+//     sorting: number,
+//     upload: File,
+// }
+
 export interface Subject {
     // id: number;
     language: string