feat(tanstack): migrate vue query (#365)

* feat(tanstack): migrate vue query

* addressing PR comments

* fix infinite query

Author: ymc9

packages/clients/tanstack-query/package.json

@@ -32,6 +32,20 @@
                 "types": "./dist/react.d.cts",
                 "default": "./dist/react.cjs"
             }
+        },
+        "./vue": {
+            "import": {
+                "types": "./dist/vue.d.ts",
+                "default": "./dist/vue.js"
+            },
+            "require": {
+                "types": "./dist/vue.d.cts",
+                "default": "./dist/vue.cjs"
+            }
+        },
+        "./package.json": {
+            "import": "./package.json",
+            "require": "./package.json"
         }
     },
     "dependencies": {
@@ -43,6 +57,7 @@
     },
     "devDependencies": {
         "@tanstack/react-query": "catalog:",
+        "@tanstack/vue-query": "5.90.6",
         "@testing-library/dom": "^10.4.1",
         "@testing-library/react": "^16.3.0",
         "@types/react": "catalog:",
@@ -53,17 +68,18 @@
         "@zenstackhq/vitest-config": "workspace:*",
         "happy-dom": "^20.0.10",
         "nock": "^14.0.10",
-        "react": "catalog:"
+        "react": "catalog:",
+        "vue": "catalog:"
     },
     "peerDependencies": {
         "@tanstack/react-query": "^5.0.0",
-        "react": "^18 || ^19"
+        "@tanstack/vue-query": "^5.0.0"
     },
     "peerDependenciesMeta": {
         "@tanstack/react-query": {
             "optional": true
         },
-        "react": {
+        "@tanstack/vue-query": {
             "optional": true
         }
     }

packages/clients/tanstack-query/src/react.ts

@@ -79,7 +79,7 @@ export const QuerySettingsProvider = QuerySettingsContext.Provider;
 /**
  * React context provider for configuring query settings.
  *
- * @deprecated Use `QuerySettingsProvider` instead.
+ * @deprecated Use {@link QuerySettingsProvider} instead.
  */
 export const Provider = QuerySettingsProvider;
 
@@ -473,7 +473,7 @@ export function useInternalMutation<
     options?: Omit<UseMutationOptions<Result, DefaultError, TArgs>, 'mutationFn'> & ExtraMutationOptions,
     checkReadBack?: C,
 ) {
-    const { endpoint, fetch } = useHooksContext();
+    const { endpoint, fetch, logging } = useHooksContext();
     const queryClient = useQueryClient();
     const mutationFn = (data: any) => {
         const reqUrl =
@@ -493,7 +493,6 @@ export function useInternalMutation<
     const finalOptions = { ...options, mutationFn };
     const invalidateQueries = options?.invalidateQueries !== false;
     const optimisticUpdate = !!options?.optimisticUpdate;
-    const { logging } = useContext(QuerySettingsContext);
 
     if (operation) {
         if (invalidateQueries) {

packages/clients/tanstack-query/src/utils/common.ts

@@ -208,8 +208,8 @@ export function unmarshal(value: string) {
     }
 }
 
-export function makeUrl(url: string, model: string, operation: string, args?: unknown) {
-    const baseUrl = `${url}/${lowerCaseFirst(model)}/${operation}`;
+export function makeUrl(endpoint: string, model: string, operation: string, args?: unknown) {
+    const baseUrl = `${endpoint}/${lowerCaseFirst(model)}/${operation}`;
     if (!args) {
         return baseUrl;
     }