Merge pull request #1 from TanStack/fix-some-skills

Author: LadyBluenotes

packages/router-skills/manifest.json

@@ -36,9 +36,7 @@
         "skills/v1/route-ids.md",
         "skills/v1/route-lazy-loading.md",
         "skills/v1/route-masking.md",
-        "skills/v1/route-meta.md",
         "skills/v1/route-trees.md",
-        "skills/v1/router-cli.md",
         "skills/v1/router-devtools.md",
         "skills/v1/router-setup.md",
         "skills/v1/router-state.md",

packages/router-skills/skills/topics.json

@@ -2,12 +2,10 @@
   "index.md",
   "router-setup.md",
   "installation-guides.md",
-  "router-cli.md",
   "routing-strategies.md",
   "route-trees.md",
   "layouts.md",
   "route-ids.md",
-  "route-meta.md",
   "params.md",
   "search-params.md",
   "custom-search-serialization.md",

packages/router-skills/skills/v1/data-loading-advanced.md

@@ -35,14 +35,14 @@ Examples:
 const route = createRoute({
   getParentRoute: () => rootRoute,
   path: "dashboard",
-  loader: () => ({
-    summary: fetchSummary(),
-    details: defer(fetchDetails()),
+  loader: async () => ({
+    summary: await fetchSummary(),
+    detailsPromise: fetchDetails()
   }),
 })
 ```
 
 ```ts
 await mutateProject(projectId, payload)
-router.invalidate({ to: "/projects" })
+router.invalidate()
 ```

packages/router-skills/skills/v1/deferred-data-loading.md

@@ -32,13 +32,13 @@ Examples:
 const route = createRoute({
   getParentRoute: () => rootRoute,
   path: "dashboard",
-  loader: () => ({
-    summary: fetchSummary(),
-    details: defer(fetchDetails()),
+  loader: async () => ({
+    summary: await fetchSummary(),
+    detailsPromise: fetchDetails(),
   }),
 })
 ```
 
 ```tsx
-const { summary, details } = route.useLoaderData()
+const { summary, detailsPromise } = route.useLoaderData()
 ```

packages/router-skills/skills/v1/document-head-management.md

@@ -31,8 +31,12 @@ Examples:
 const route = createRoute({
   getParentRoute: () => rootRoute,
   path: "projects/$projectId",
-  head: ({ loaderData }) => ({
-    title: loaderData.project.name,
+   head: () => ({
+    meta: [
+      {
+        title: loaderData.project.name,
+      },
+    ],
   }),
 })
 ```

packages/router-skills/skills/v1/index.md

@@ -26,11 +26,9 @@ Core setup and structure:
 
 - Creating and mounting the router -> `@skills/router/router-setup`
 - Choosing installation tooling -> `@skills/router/installation-guides`
-- Scaffolding routes with the Router CLI -> `@skills/router/router-cli`
 - Defining the overall route hierarchy -> `@skills/router/route-trees`
 - Creating a shared UI shell across child routes -> `@skills/router/layouts`
 - Stabilizing references when paths change -> `@skills/router/route-ids`
-- Attaching route metadata for UI or analytics -> `@skills/router/route-meta`
 - Picking a routing strategy -> `@skills/router/routing-strategies`
 
 Routing params and search:

packages/router-skills/skills/v1/installation-guides.md

@@ -10,7 +10,6 @@ resources:
   - https://tanstack.com/router/latest/docs/framework/react/installation/with-vite
   - https://tanstack.com/router/latest/docs/framework/react/installation/with-webpack
   - https://tanstack.com/router/latest/docs/framework/react/installation/with-esbuild
-  - https://tanstack.com/router/latest/docs/framework/react/installation/with-router-cli
 ---
 
 # Installation Guides