implemented-code-rabbit-suggestions

Author: ScriptType

docs/reference/plugins/tanstack-query.mdx

@@ -16,7 +16,8 @@ import FineGrainedOptimistic from './_fine-grained-optimistic.md';
 If you're looking for generating hooks for [SWR](https://swr.vercel.app/), please checkout the [`@zenstackhq/swr`](./swr) plugin.
 :::
 
-The `@zenstackhq/tanstack-query` plugin generates [Tanstack Query](https://tanstack.com/query/latest) hooks that call into the CRUD services provided by the [server adapters](../../category/server-adapters). The plugin currently supports React and Svelte. Vue support is coming soon.
+The `@zenstackhq/tanstack-query` plugin generates [TanStack Query](https://tanstack.com/query/latest) hooks that call into the CRUD services provided by the [server adapters](../../category/server-adapters). The plugin currently supports React, Vue, Svelte, and Angular (v5 only).
+
 
 The hooks syntactically mirror the APIs of a standard Prisma client, including the function names and shapes of parameters (hooks directly use types generated by Prisma).
 
@@ -34,7 +35,7 @@ npm install --save-dev @zenstackhq/tanstack-query
 | -------- | ------- | ------------------------------------------------------- | -------- | ------- |
 | output   | String  | Output directory (relative to the path of ZModel)                                        | Yes     |         |
 | target   | String  | Target framework to generate for. Choose from "react", "vue", "svelte", "angular".              | Yes     |         |
-| version  | String  | Version of TanStack Query to generate for. Choose from "v4" and "v5". Angular supports only v5                    | No      | v5      |
+| version  | String  | Version of TanStack Query to generate for. Choose from "v4" and "v5". Angular supports only "v5"                    | No      | v5      |
 | portable | Boolean | Include TypeScript types needed to compile the generated code in the output directory. Useful when you output into another project that doesn't reference Prisma and ZenStack. You'll still need to install the "@zenstackhq/tanstack-query" package in that project. | No      | false   |
 
 ### Hooks Signature
@@ -609,8 +610,8 @@ export class PostsComponent {
     return {
       where: { title: { contains: search } },
       include: { author: true },
-      orderBy: { createdAt: 'desc' },
-    } as const; //as const is important for correct type inference!
+      orderBy: { createdAt: 'desc' } as const,
+    } 
   });
 
   //For Reactivity in angular we have to pass the signal as callback
@@ -622,7 +623,6 @@ export class PostsComponent {
     this.create.mutate({
       data: {
         title: 'My awesome post',
-        content: 'This is the content of my awesome post.',
         authorId: this.id(),
       },
     });
@@ -841,7 +841,7 @@ Here's a quick example of using infinite query to load a list of posts with infi
 
 <TabItem value="angular" label="Angular">
 
-Here's a quick example of using infinite query to load a list of posts with infinite pagination. See [Tanstack Query documentation](https://tanstack.com/query/v4/docs/svelte/examples/svelte/load-more-infinite-scroll) for more details.
+Here's a quick example of using infinite query to load a list of posts with infinite pagination. See [Tanstack Query documentation](https://tanstack.com/query/v5/docs/framework/angular/examples/infinite-query-with-max-pages) for more details.
 
 ```ts title='src/app/posts/posts.component.ts'
 import { CommonModule } from '@angular/common';
@@ -894,7 +894,7 @@ export class PostsComponent {
       }
       const fetched = pages.flatMap((item) => item).length;
       return {
-        ...this.fetchArgs,
+        ...this.fetchArgs(),
         skip: fetched,
       };
     },