webui: ability to quick equip items

[antibert]

proposed implementation of #33

draft PR for initial review

possible additions:

• highlight the target slots when hovering on item and holding ctrl
• add a tooltip for the shortcut that shows on hover (or another way of conveying that the user can do this)

@or2e requesting your view on the above points

TODO:

• [x] add unit tests
• [x] refactor so there is no duplicate code between composables
• [x] add i18n hint translations for languages other than english

[or2e]

very cool yes, you need to put the common logic in separate functions (service or cosposable), I'll wait for it

also, you and I have discussed: shortcut tips

I suggest placing a tips under the doll


ready-made UI components and an example of their use, you can find here ui/KbdGroup.vue

or put the hints in the tooltip, also a great option))

[antibert]

Here is what the tip currently looks like

Do you think conveying "LMB" with the key component is sufficient or should it be replaced with an icon?

Also did some refactoring, added unit tests and processed review comments.

[antibert]

I think this PR is ready 😳

[antibert]

Awesome! Thanks for your contribution to the mod!

For equipment that we might want to equip multiple of (for example arrows), currently you can only fill one slot with an item using ctrl click.

Good point, I removed the restriction and made the locales consistent.