Export VILLUS_CLIENT symbol

It could be useful to export the VILLUS_CLIENT symbol in order to access the provided client from other composable functions.

[logaretm]

I usually either pass it via props if it’s just 1 level deep or use provide/inject there, so I actually have something like this as well:

const product = computed(() => {
  return data.value?.products?.items[0];
});

provide('PRODUCT_CTX', product); // I use a symbol here, but strings work fine

// later on in a deeply nested child
const product = inject('PRODUCT_CTX');

product.value; // access query value

[logaretm]

Yes it would create several clients. But I’m not sure you need to do that, I do use nuxt/composition-api in a production app with tons of GraphQL queries but didn’t seem to encounter your use-case.

I do have a lot of data transforms, but I use computed for that. For example:

function useProduct(id) {
  const { data, isFetching } = useQuery({
    query: ProductQuery,
    variables: { id }
  });

  // this query returns multiple product matches
  // i just need the first match
  const product = computed(() => {
    return data.value?.products?.items[0];
  });

  return {
    product,
    isFetching
  };
}