A Vue version of the QueryClientProvider component

[ElisePatrikainen]

It seems the QueryClientProvider component is a React component, and therefore can't be used in a Vue application. It would be great to have a Vue equivalent.

Thanks!

[DamianOsipiuk]

Hi,
Vue has a different convention of setting up globally accessible properties. You can check basic example to see how it works - https://github.com/TanStack/query/blob/main/examples/vue/basic/src/main.ts

[DamianOsipiuk]

const vueQueryPluginOptions: VueQueryPluginOptions = {
  queryClientConfig: {
    defaultOptions: { queries: { staleTime: 3600 } },
  },
};
app.use(VueQueryPlugin, vueQueryPluginOptions);

If you need more docs with snippets, check this page, before it's migrated to tanstack docs - https://vue-query-next.vercel.app/#/guides/custom-client

[ElisePatrikainenIAD]

Thank you very much for your quick reply, this solves my issue perfectly well! 🙏