chore(deps): update npm (runtime) to v12.2.0

[renovate]

This PR contains the following updates:

Package	Change	Age	Confidence
@vueuse/components (source)	12.0.0 -> 12.2.0
@vueuse/core (source)	12.0.0 -> 12.2.0

---

Release Notes

vueuse/vueuse (@​vueuse/components)

v12.2.0

Compare Source

   🚀 Features

• useArrayDifference: New symmetric option  -  by @​wangliangxin, wangliangxin3 and @​antfu in https://github.com/vueuse/vueuse/issues/4146 (46fdc)
• useEventSource: New autoConnect option to align with useWebSocket  -  by @​ferferga and @​antfu in https://github.com/vueuse/vueuse/issues/4204 (230f8)
• useImage: Support more native option  -  by @​btea and @​antfu in https://github.com/vueuse/vueuse/issues/4173 (4ca72)
• usePreferredReducedTransparency: Add new function  -  by @​huiliangShen and @​antfu in https://github.com/vueuse/vueuse/issues/4201 (34cd7)

   🐞 Bug Fixes

• useWebSocket: Clear retryTimer when connected  -  by @​ilyaliao and @​antfu in https://github.com/vueuse/vueuse/issues/4383 (ffa00)

    View changes on GitHub

v12.1.0

Compare Source

   🚀 Features

• createEventHook: Add clear function  -  by @​ilyaliao in https://github.com/vueuse/vueuse/issues/4378 (40265)
• useBase64: Add options for Data URL output control  -  by @​ilyaliao and Jelf in https://github.com/vueuse/vueuse/issues/4316 (4b4bd)
• useDeviceMotion: Add permission controls, improve destructure  -  by @​thefeymesaleng and @​antfu in https://github.com/vueuse/vueuse/issues/4127 (cf729)
• useElementVisibility: Add rootMargin option  -  by @​dritter and @​antfu in https://github.com/vueuse/vueuse/issues/4100 (3a928)
• useMediaControls: Add 'media' option to define media query for resources  -  by @​aaronLejeune in https://github.com/vueuse/vueuse/issues/4344 (209de)
• useRafFn: Allow framerate to be a reactive value  -  by @​OrbisK and Anthony Fu in https://github.com/vueuse/vueuse/issues/4409 (4759f)
• useSSRWidth: Add optional support for SSR in useMediaQuery and useBreakpoints  -  by @​Tofandel, Anthony Fu and @​antfu in https://github.com/vueuse/vueuse/issues/4317 (55965)
• useUrlSearchParams: Add writeMode options  -  by @​ishakhorski, Ivan Shakhorski and @​antfu in https://github.com/vueuse/vueuse/issues/4392 (2c972)
• useWebSocket: Introduce autoConnect options to control auto connections on url changes  -  by @​ilyaliao and @​antfu in https://github.com/vueuse/vueuse/issues/4417 (05e75)
• useWebsocket: Support ref or getter as message  -  by @​SnowGuest, Anthony Fu and @​antfu in https://github.com/vueuse/vueuse/issues/4116 (a72c0)
• useWindowSize: Add type: visual option that leverage visualViewport  -  by @​huiliangShen and @​antfu in https://github.com/vueuse/vueuse/issues/4395 (e78ef)

   🐞 Bug Fixes

• injectLocal: Allow inject to app context  -  by @​antfu (b08a9)
• useAsyncState: Use ShallowRef instead of Ref type  -  by @​joris-gallot and Anthony Fu in https://github.com/vueuse/vueuse/issues/4294 (4d0a7)
• useDropZone: Update type to allow readonly array param  -  by @​briankchan in https://github.com/vueuse/vueuse/issues/4319 (df363)
• useFetch: Handle empty payload  -  by @​ilyaliao in https://github.com/vueuse/vueuse/issues/4366 (8a89d)
• useMediaQuery: The return value should be computed  -  by @​alexzhang1030 and @​antfu in https://github.com/vueuse/vueuse/issues/4403 (3af75)
• useRouteParams,useRouteQuery: Set route param/query to undefined when defaultValue is ref or getter  -  by @​vojvodics and Anthony Fu in https://github.com/vueuse/vueuse/issues/3977 (23fdb)
• useScroll: To properly report arriveState for elastic scroll  -  by @​719media and Anthony Fu in https://github.com/vueuse/vueuse/issues/4133 (90ff4)
• useTextareaAutosize: Make input required  -  by @​axuj, @​antfu and Anthony Fu in https://github.com/vueuse/vueuse/issues/4129 (25ed2)
• useWebNotification: Prevent notifications when checking for support  -  by @​9romise in https://github.com/vueuse/vueuse/issues/4019 (01f92)
• useWebSocket: Close socket connection inside WebWorker fix  -  by @​catz in https://github.com/vueuse/vueuse/issues/4229 (ece6a)

    View changes on GitHub

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about these updates again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.

[jellyfin-bot]

Cloudflare Pages deployment

Latest commit	33f05c9
Status	✅ Deployed!
Preview URL	https://efc04f88.jf-vue.pages.dev
Preview alias	https://renovate-npm--runtime.jf-vue.pages.dev
Type	🔀 Preview

View build logs

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud