fix(vue-devtools): fix jsdoc, bump sherif

Author: DamianOsipiuk

examples/vue/basic/package.json

@@ -8,8 +8,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@tanstack/devtools": "workspace:*",
-    "@tanstack/vue-devtools": "workspace:*",
+    "@tanstack/devtools": "^0.6.22",
+    "@tanstack/vue-devtools": "^0.1.0",
     "@tanstack/vue-query": "^5.90.5",
     "@tanstack/vue-query-devtools": "^5.91.0",
     "vue": "^3.5.22"
@@ -19,4 +19,4 @@
     "typescript": "~5.9.2",
     "vite": "^7.1.7"
   }
-}
+}

package.json

@@ -35,7 +35,7 @@
     "test:lib": "nx affected --targets=test:lib --exclude=examples/**",
     "test:lib:dev": "pnpm test:lib && nx watch --all -- pnpm test:lib",
     "test:pr": "nx affected --targets=test:format,test:eslint,test:sherif,test:knip,test:lib,test:types,test:build,build",
-    "test:sherif": "sherif -p @tanstack/query-example-vue-basic",
+    "test:sherif": "sherif",
     "test:types": "nx affected --targets=test:types --exclude=examples/**",
     "watch": "pnpm run build:all && nx watch --all -- pnpm run build:all"
   },
@@ -72,7 +72,7 @@
     "prettier": "^3.6.2",
     "prettier-plugin-svelte": "^3.4.0",
     "publint": "^0.3.13",
-    "sherif": "^1.6.1",
+    "sherif": "^1.7.0",
     "size-limit": "^11.2.0",
     "tinyglobby": "^0.2.15",
     "typescript": "~5.9.2",
@@ -85,4 +85,4 @@
     "@tanstack/solid-devtools": "workspace:*",
     "@tanstack/devtools-vite": "workspace:*"
   }
-}
+}

packages/vue-devtools/package.json

@@ -55,4 +55,4 @@
     "eslint-plugin-vue": "^10.5.1",
     "vue": "^3.5.22"
   }
-}
+}

packages/vue-devtools/src/types.ts

@@ -17,19 +17,23 @@ export type TanStackDevtoolsVuePlugin = Omit<
 export interface TanStackDevtoolsVueInit {
   /**
    * Array of plugins to be used in the devtools.
-   * Each plugin should have a `render` function that returns a Vue component
+   * Each plugin should have a `render` prop that returns a Vue component
    *
    * Example:
    * ```vue
-   * <TanStackDevtools
-   *   plugins={[
-   *     {
-   *       id: "your-plugin-id",
-   *       name: "Your Plugin",
-   *       render: <CustomPluginComponent />,
-   *     }
-   *   ]}
-   * />
+   * <script setup lang="ts">
+   * import { TanStackDevtools } from '@tanstack/vue-devtools'
+   * import { VueQueryDevtoolsPanel } from '@tanstack/vue-query-devtools'
+   *
+   * const plugins = [{ name: 'Vue Query', component: VueQueryDevtoolsPanel }]
+   * </script>
+   *
+   * <template>
+   *  <TanStackDevtools
+   *   :eventBusConfig="{ connectToServerBus: true }"
+   *   :plugins="plugins"
+   *  />
+   * </template>
    * ```
    */
   plugins?: Array<TanStackDevtoolsVuePlugin>