Cannot watch for changes in route query parameters using useRoute()

[g-dx]

Is your feature request related to a problem? Please describe.

I'd like to write the following code on one of my VitePress pages:

<script setup>
import { useRoute } from 'vitepress';
import { watch } from 'vue';

const route = useRoute();

watch(route.query, (newQuery) => {
  // Do something....
});
</script>

However, the current useRoute() object does not provide access to query parameter information.

Describe the solution you'd like

I'd like to be able to access the search property of the current location as is possible in vue-router:

https://router.vuejs.org/api/interfaces/RouteLocationNormalizedLoaded.html#query

Describe alternatives you've considered

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.

[brc-dd]

use useUrlSearchParams from vueuse instead