[Bug Report][3.6.12] isHovering not defined before an actual hover

[kaplan512]

Environment

Vuetify Version: 3.6.12
Vue Version: 3.3.2
Browsers: Chrome 126.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

add <v-hover v-slot="{ isHovering, props }">
you should find that isHovering not defined and make any logic impossible

Expected Behavior

isHovering should be false when component mounted

Actual Behavior

isHovering is not defined which make some complex logic implementation impossible until element was actually hovered

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

Hi all! I found out that isHovering is not defined from the very beginning until it was actually hovered. I use some complex logic with element intersection on scroll and I need this to be true/false when component mounted

[KaelWD]

https://play.vuetifyjs.com/#eNqlUj1PwzAQ/StHlrRSQ9iQqhbE1p2BgTCkziWx6tiW7YaKKP+ds1uIg9oJD1Hu3vN9+L33IbGG5S9a3/dHTNbJxmGnRenwqZAAmz4rtQ6/IWBKupJLNJdUSDo8uazmKCros05VKLZF0tmmSCCPea3q0RDFCuWIMQC3O5/isoEt1KWwuAJtlLYwFsnvzXB37+QUAxXZc1lRkUAvkhhbM1FaS1icnM7U9DruzzOkYam9KNkhvc1bX3ifLXd4hfd3MCWU+e9gt3pFM90ae95ZG9Qoq4yTqF6wimesxd4omRnetG7OtvwLiXXKRGkanGMtej6hjw8xECkIwARnBxgGeHV+xcW07RLGMdI6D2JPvqE4GOfHhBTPXegzZ5Nu8si8FFpmuHZg0R3PHuadVsbBAAZrGKE2qoOUfE9v5WGqax2Qc8mOxFikOxRCwZsyorpLl77BuSQVS8aVPAoRPh/fByDleQ==

[kaplan512]

https://play.vuetifyjs.com/#eNqlUj1PwzAQ/StHlrRSQ9iQqhbE1p2BgTCkziWx6tiW7YaKKP+ds1uIg9oJD1Hu3vN9+L33IbGG5S9a3/dHTNbJxmGnRenwqZAAmz4rtQ6/IWBKupJLNJdUSDo8uazmKCros05VKLZF0tmmSCCPea3q0RDFCuWIMQC3O5/isoEt1KWwuAJtlLYwFsnvzXB37+QUAxXZc1lRkUAvkhhbM1FaS1icnM7U9DruzzOkYam9KNkhvc1bX3ifLXd4hfd3MCWU+e9gt3pFM90ae95ZG9Qoq4yTqF6wimesxd4omRnetG7OtvwLiXXKRGkanGMtej6hjw8xECkIwARnBxgGeHV+xcW07RLGMdI6D2JPvqE4GOfHhBTPXegzZ5Nu8si8FFpmuHZg0R3PHuadVsbBAAZrGKE2qoOUfE9v5WGqax2Qc8mOxFikOxRCwZsyorpLl77BuSQVS8aVPAoRPh/fByDleQ==
@KaelWD
but this is string, I need actual value to apply some styles, not just render text. I add text here just for test

[blalan05]

so: !!isHovering, undefined is a falsey value.

[kaplan512]

@blalan05 it should be, but it is not. It is ok for me if this would work like this (undefined == null == false), but any logic just ignored.
I think I should add some styles to be more prominent, but I don't want to create very complex example.
This issue also discussed here #19601

[blalan05]

[kaplan512]

@blalan05 what you try to show? I know js, but this is not an issue
@KaelWD
just check this

https://play.vuetifyjs.com/#eNq9VMty2jAU/ZWLOxOTmbjuJu0MA7Td5Q+6KF0Y+8bWRJY0knDSEP49V8Jgy5iEbKIFWDpH96Uz5+82MjpPfyv1tdlgNIvmFmvFM4vLlQCYN0mmlP/0m1wKmzGBuj2iw4I1x43nrK2AXzln+cNiFVk0FhYwcf+raJlXmSgRjP3P0cxTT+5Cpf1YFKmSDWpoEsOlpVhbYObOHTFR3oDSUhnYUdBh9m4PdHnNREGXPX0V9bFZzjNjCOsfdmvaZYOrK3AdXMPLC0wnIeB7ux6P4dZPiC0+2WTNs/whPs+btbzHilkc4Q2Ll1zqzyj+XD29us+1FlanNCoURcJIRVR4XbAkr7DRUiSalRXpo8827BmJ9ZTwTJcYYhU6PqE/vvWBnhJICwchw5c2cQB7sZgK0Q7LfksyF0z+sHpzniwW/gW6ab41tPHh+czHvr8HfbfoIytsNQoOOve9u1c4TX5hc15iAykdNHbBzY9pcKDH9+Y20OZ78h0f9VF/t7en4NI5l5vfUFF07CUVCjENLPWoYW9uNfbc68QPWws8+C/tQwN2J3t/DpLQ1uSaKQsG7WZv36xWUlvYgsZ72MG9ljXEZPk0GQdTXNJnbUoya2JM4zvkXMIfqXkxif3j7CmtoTuO1RskZJ7uk1GaaHcjNpz7n3+vlZ6YTA==

do not hover "hover button" and click "change styles" button and see how styles changes.
hover "hover me" and click "change styles" and see difference. To make isHovering work you need to hover it first. So in this case, image you provided @blalan05 is not what I try to explain

I hope it make sense

[KaelWD]

!!isHovering !== test