fix(FileUpload): dataTypes and reactivity issues

[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

I've added support for data types such as image/* and fixed reactivity issues with options passed into useFileUpload.

📝 Checklist

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

[J-Michalek]

This could be refactored to be outside of onMounted which would simplify things, but there seems to be some kind of reactivity issue with the inputRef inside of useFileDialog, because it should be possible to do input: inputRef and then there is no need for the onMounted hook, but it doesn't work, but in minimal repro it does. Perhaps a bug in VueUse?

[benjamincanac]

Yeah it's a VueUse bug, probably: vueuse/vueuse#4867

[benjamincanac]

Hey @J-Michalek! Thanks for the improvements but I find it a bit hard to review, if you have time could you split the two fixes into two PRs?

[J-Michalek]

@benjamincanac The first PR (and the more important one) is here: #4671 it fixes the issue with the accept prop not working when wildcard values are used.

[benjamincanac]

@J-Michalek I'll try to review asap but between holidays and v4 work my schedule is tight 😬