refactor(vue-query): reduce unnecessary type flexibility

[Mini-ghost]

In the current version (both v5 and v4), vue-query allows users to pass queryClientConfig in the options of VueQueryPlugin, which is of type MaybeRefDeep<QueryClientConfig>.

const app = createApp(App)

app.use(VueQueryPlugin, {
  // The current version of vue-query, here can be an object 
  // of type `QueryClientConfig`  or `MaybeRefDeep<QueryClientConfig>`
  queryClientConfig: {
  
  }
})

However, in the extended QueryClient, the queryClientConfig will be deep cloned and deep unwrapped, even though there is no need to track reactive data here.

Perhaps in the next version (v5), we can consider eliminating the flexible typing of queryClientConfig and exclusively use the QueryClientConfig type. This adjustment could reduce the unnecessary overhead of deep cloning and deep unwrapping ref objects.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
query	⬜️ Ignored (Inspect)	Visit Preview		Sep 10, 2023 7:10am

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 7870c96. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 1 target

• nx affected --targets=test:eslint,test:lib,test:types,test:build,test:bundle

---

Sent with 💌 from NxCloud.

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 7870c96:

Sandbox	Source
@tanstack/query-example-react-basic-typescript	Configuration
@tanstack/query-example-solid-basic-typescript	Configuration
@tanstack/query-example-svelte-basic	Configuration
@tanstack/query-example-vue-basic	Configuration