Cannot detect villus Client, did you forget to call useClient?

[stephanedemotte]

Hello, i get this error Cannot detect villus Client, did you forget to call useClient?

reproduction

<script setup>
import { useClient, useQuery } from 'villus'

useClient({
  url: "https://pet-library.moonhighway.com/",
})

export const { data } = useQuery({ query: `
  query AllPets ($category: PetCategory) {
    allPets (category: $category) { id }
  }
` })
</script>

When i use UseQuery in a child component, i don't have any error.

We cannot use useClient and useQuery in the same level anymore ?

The error come with the latest release.

Thanks !!

[logaretm]

Not a villus issue, this is a change that was introduced in Vue 3.0.2 vuejs/core#2424

I don't like that change personally but it's not a big issue as you can always wrap your components in a root one.

[logaretm]

Quick update: I have implemented a workaround similar to what I have in vee-validate at the moment that bypasses vuejs/core#2424, since villus isn't meant to be used with the options API anyways that makes it fine to have such a workaround.

I think this offers better usability especially for workflows without deep component trees. This patch will be up with the next release