feat(InputMenu, Select, SelectMenu): add prop modelModifiers

[hywax]

🔗 Linked issue

Resolves #5502

❓ 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

📝 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@5559

commit: 27e6a0a

[sandros94]

@hywax I'll review this in the weekend, as I'm not able to it atm. But I'm also interested in checking a strange edge case I've recently noticed on this topic

[sandros94]

Ok, my suspects were correct.

Both nullish coaleshing assignment (??=) and logical or assignment (||=) require additional information (coming from props.type) for the current component usage.

This also applies to other components like UInput. We might as well start to think about a unified internal utility for these modifiers

EDIT: to be more precise:

generally speaking an empty input model in vue it follows the initial state of its ref, but once edited (and manually deliting the content, using backspace in the input component) it make the ref an empty string. This would require ||=, but then it breaks if using number or checkbox, while ??= on the other hand would keep the empty string state ("").

This is something I'm still wrapping my head around, I've also documented it in the past in #3876 (comment) and #3876 (comment)