useRouteQuery

[vinnitu]

Hi

I use your template to discover vueuse/router plugin I installed it

npm i @vueuse/router vue-router@4

I modified App.vue

<script setup lang="ts">
import { useRouteQuery } from '@vueuse/router'

const search = useRouteQuery('search')

console.log(search.value) // route.query.search
search.value = 'foobar' // router.replace({ query: { search: 'foobar' } })

import { useMouse, useCounter } from '@vueuse/core'

but getting error

[joshistoast]

Did you find a solution?

[vinnitu]

I think router is not ready in this place. Try do something like this

import { useRouter, useRoute } from 'vue-router';

const route = useRoute();
const router = useRouter();

router.isReady().then(() => console.log(route.query));

[kobezone]

same problem how to use

[vinnitu]

router.isReady().then(() => console.log(route.query));