🐛 Makes .fill work with selects and other modifiers

[ekwoka]

This PR extends #3423 to support select elements and other modifier like number

[saveman71]

I'm just chiming in, do you think textareas support could be added to this PR?

#3547

[SimoTod]

This PR is already covering that since it just triggers the event like a normal x-model (the current tagged implementation check for the existence of the value attribute which doesn't work for textareas).

[ekwoka]

@saveman71 This PR should handle everything model works on, as it essentially taps in to the existing model handling to do the filling, as opposed to doing special paths or exceptions.

So anything model works on, should now work with .fill if/when this PR is released.

[saveman71]

Very clear! I hadn't had a look at the code sorry but this implemention indeed seems more robust. Thanks a lot! Let's hope it gets merged :)

[calebporzio]

Thanks for the contribution, just a heads up, making non-code-changing, styling changes (especially to styles that diverge from the rest of the codebase), makes PR's harder for me to review and merge without putting extra work in.

[ekwoka]

On this note, would you be able to add the workspace settings/formatter settings you use to the repository?

Then it becomes automatic that anyone cloning the repo would have the same formatter.

[noniq]

I tried using .fill with multiple checkboxes bound to an array, but it does not seem to work. As far as I understand this is because for multiple checkboxes the initial (“empty”) value would need to be [] instead of null or "".

Do you think it would work to just add [] to the values checked in https://github.com/ekwoka/alpine/blob/bedbfc918cd0e3f9158d1216fc8e332a360cc81d/packages/alpinejs/src/directives/x-model.js#L73 ? Should I prepare a PR for that?