fix(FileUpload): accept any subtype

The accept prop did not work with image/* etc.

Author: J-Michalek

src/runtime/composables/useFileUpload.ts

@@ -67,9 +67,31 @@ export function useFileUpload(options: UseFileUploadOptions) {
   }
 
   onMounted(() => {
-    const { isOverDropZone } = dropzone
-      ? useDropZone(dropzoneRef, { dataTypes: dataTypes.value, onDrop })
-      : { isOverDropZone: ref(false) }
+    const { isOverDropZone } = useDropZone(dropzoneRef, {
+      dataTypes: (types) => {
+        if (dataTypes.value === undefined || accept === '*') {
+          return true
+        }
+
+        return types.some((type) => {
+          return dataTypes.value?.some((acceptedType) => {
+            if (acceptedType.endsWith('/*')) {
+              const base = acceptedType.slice(0, acceptedType.indexOf('/'))
+              return type.startsWith(base + '/')
+            } else {
+              return type === acceptedType
+            }
+          })
+        })
+      }, onDrop: (files, event) => {
+        if (!dropzone) {
+          event.preventDefault()
+          return
+        }
+
+        onDrop(files)
+      }
+    })
 
     watch(isOverDropZone, (value) => {
       isDragging.value = value