UInputRating internal state is not reset when the component is not hovered anymore

[ArbazIrshad]

Environment

Operating system	macOS 24.6.0
CPU	Apple M1 Pro (10 cores)
Node.js version	v25.2.0
nuxt/cli version	3.35.2
Package manager	pnpm@11.7.0
Nuxt version	4.4.8
Nitro version	2.13.4
Builder	vite@7.3.5
Config	compatibilityDate, css, debug, devtools, eslint, experimental, i18n, icon, modules, oidc, routeRules, runtimeConfig, ui, vite
Modules	@nuxt/eslint@1.15.2, @nuxt/ui@4.10.0, @nuxt/image@2.0.0, @nuxtjs/i18n@10.3.0, @vueuse/nuxt@14.3.0, nuxt-oidc-auth@1.0.0-beta.11

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.10.0

Reproduction

Description

When you enabled the hoverable property on the UInputRating and then hover over the component.
The color of the icons changes but the model value is not updated.
So, if the user doesn't click on the new rating and stops hovering over the rating component, then it should reset to the internal value.

Additional context

No response

Logs

[coderabbitai]

🔗 Related PRs

#5757 - feat(InputRating): new component [merged]

---

📝 Issue Planner

_{Check the box below or use the @coderabbitai plan command to generate an implementation plan and prompts that you can use with your favorite coding assistant.}

• Create Plan

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!

[al1maher]

This is upstream from RekaUI, will see if I can make a PR there