Add useRouteParams and useRouteQuery natively

[maximepvrt]

What problem is this solving

The current approach for accessing route queries and parameters in vue-router is not very developer-friendly. Developers must manually access the route object to retrieve route.query and route.params, which is cumbersome and decreases the developer experience (DX). Having dedicated composables would improve the ergonomics and make the API more intuitive.

Proposed solution

Add composables useRouteQuery and useRouteParams to vue-router, similar to the ones available in vueUse. This would simplify and enhance the DX by allowing developers to access query and params directly in a reactive way, without needing to manually work with the route object.

Reference: @posva comment nuxt/nuxt#24788 (comment)

Describe alternatives you've considered

No response

[posva]

Since that comment some things haven't changed, e.g. an RFC would help to gather feedback 😄 . Others have changed: there are plans to expose some compososables like useRouteQuery() to simplify interacting with the query object and its parsing. However, an even more interesting feature is coming with the new resolver. It will allow to not only have query matching for routes but fully customizable param parsing.
I'm moving this to ideas to gather feedback