fix(FileUpload): handle wildcard in dropzone dataTypes

[J-Michalek]

🔗 Linked issue

Resolves: #4638

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

The FileUpload component now works with wildcard accept attributes such as image/*.

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[pkg-pr-new]

npm i https://pkg.pr.new/@nuxt/ui@4671

commit: 6952c39

[benjamincanac]

@J-Michalek I'm not sure to understand your changes here, I think this should be enough:

--- a/src/runtime/composables/useFileUpload.ts
+++ b/src/runtime/composables/useFileUpload.ts
@@ -26,6 +26,12 @@ function parseAcceptToDataTypes(accept: string): string[] | undefined {
     .filter((type) => {
       return !type.startsWith('.')
     })
+    .map((type) => {
+      if (type.includes('/') && type.endsWith('/*')) {
+        return type.split('/')[0] || type
+      }
+      return type
+    })
 
   return types.length > 0 ? types : undefined
 }

[J-Michalek]

I probably overcooked it, your implementation seems to work just as well while being easier to digest. I've pushed the changes.