index.vue

<script lang="ts">
import { computed, defineComponent } from '@vue/composition-api'
import Logo from '~/components/Logo.vue'
import useRouter from '~/hooks/useRouter'

export default defineComponent({
  components: {
    Logo
  },

  setup() {
    const { route, router } = useRouter()
    const myQuery = computed(() => route.value.query.myQuery)

    const handleClick = (e: Event) => {
      e.preventDefault()

      router.push({ query: { myQuery: 'handle my query!' } })
    }

    return {
      myQuery,
      handleClick
    }
  }
})
</script>