[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-tanstack-solid-router":3,"mdc-fnoc19-key":52,"related-repo-tanstack-solid-router":7611,"related-org-tanstack-solid-router":7715},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":26,"repoUrl":27,"updatedAt":28,"license":29,"forks":30,"topics":31,"repo":47,"sourceUrl":50,"mdContent":51},"solid-router","implement TanStack Router in Solid applications","Solid bindings for TanStack Router: RouterProvider, useRouter, useRouterState, useMatch, useMatches, useLocation, useSearch, useParams, useNavigate, useLoaderData, useLoaderDeps, useRouteContext, useBlocker, useCanGoBack, Link, Navigate, Outlet, CatchBoundary, ErrorComponent. Solid-specific patterns with Accessor\u003CT> returns, createSignal\u002FcreateMemo\u002FcreateEffect, Show\u002FSwitch\u002FMatch\u002FDynamic, and @solidjs\u002Fmeta for head management.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},"tanstack","TanStack","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Ftanstack.png",[12,16,19,22,23],{"name":13,"slug":14,"type":15},"TanStack Router","tanstack-router","tag",{"name":17,"slug":18,"type":15},"Routing","routing",{"name":20,"slug":21,"type":15},"Solid","solid",{"name":9,"slug":8,"type":15},{"name":24,"slug":25,"type":15},"Frontend","frontend",14787,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Frouter","2026-07-30T05:26:55.606315",null,1761,[32,33,34,35,36,37,18,38,39,40,41,42,43,44,45,46],"framework","fullstack","javascript","react","route","router","rpc","search","searchparams","server-functions","ssr","state-management","typesafe","typescript","url",{"repoUrl":27,"stars":26,"forks":30,"topics":48,"description":49},[32,33,34,35,36,37,18,38,39,40,41,42,43,44,45,46],"🤖 A client-first, server-capable, fully type-safe router and full-stack framework for the web (React and more).","https:\u002F\u002Fgithub.com\u002FTanStack\u002Frouter\u002Ftree\u002FHEAD\u002Fpackages\u002Fsolid-router\u002Fskills\u002Fsolid-router","---\nname: solid-router\ndescription: >-\n Solid bindings for TanStack Router: RouterProvider, useRouter,\n useRouterState, useMatch, useMatches, useLocation, useSearch,\n useParams, useNavigate, useLoaderData, useLoaderDeps,\n useRouteContext, useBlocker, useCanGoBack, Link, Navigate,\n Outlet, CatchBoundary, ErrorComponent. Solid-specific patterns\n with Accessor\u003CT> returns, createSignal\u002FcreateMemo\u002FcreateEffect,\n Show\u002FSwitch\u002FMatch\u002FDynamic, and @solidjs\u002Fmeta for head management.\nmetadata:\n type: framework\n library: tanstack-router\n library_version: '1.166.2'\n framework: solid\nrequires:\n - router-core\nsources:\n - TanStack\u002Frouter:packages\u002Fsolid-router\u002Fsrc\n---\n\n# Solid Router (`@tanstack\u002Fsolid-router`)\n\nThis skill builds on router-core. Read [router-core](..\u002F..\u002F..\u002Frouter-core\u002Fskills\u002Frouter-core\u002FSKILL.md) first for foundational concepts.\n\n> **CRITICAL**: TanStack Router types are FULLY INFERRED. Never cast, never annotate inferred values.\n> **CRITICAL**: TanStack Router is CLIENT-FIRST. Loaders run on the client by default, not on the server.\n> **CRITICAL**: Most hooks return `Accessor\u003CT>` — you MUST call the accessor (`value()`) to read the reactive value. This is the #1 difference from the React version.\n> **CRITICAL**: Do not confuse `@tanstack\u002Fsolid-router` with `@solidjs\u002Frouter`. They are completely different libraries with different APIs.\n\n## Full Setup: File-Based Routing with Vite\n\n### 1. Install Dependencies\n\n```bash\nnpm install @tanstack\u002Fsolid-router\nnpm install -D @tanstack\u002Frouter-plugin @tanstack\u002Fsolid-router-devtools\n```\n\n### 2. Configure Vite Plugin\n\n```ts\n\u002F\u002F vite.config.ts\nimport { defineConfig } from 'vite'\nimport solidPlugin from 'vite-plugin-solid'\nimport { tanstackRouter } from '@tanstack\u002Frouter-plugin\u002Fvite'\n\nexport default defineConfig({\n plugins: [\n \u002F\u002F MUST come before solid plugin\n tanstackRouter({\n target: 'solid',\n autoCodeSplitting: true,\n }),\n solidPlugin(),\n ],\n})\n```\n\n### 3. Create Root Route\n\n```tsx\n\u002F\u002F src\u002Froutes\u002F__root.tsx\nimport { createRootRoute, Link, Outlet } from '@tanstack\u002Fsolid-router'\n\nexport const Route = createRootRoute({\n component: RootLayout,\n})\n\nfunction RootLayout() {\n return (\n \u003C>\n \u003Cnav>\n \u003CLink to=\"\u002F\" activeClass=\"font-bold\">\n Home\n \u003C\u002FLink>\n \u003CLink to=\"\u002Fabout\" activeClass=\"font-bold\">\n About\n \u003C\u002FLink>\n \u003C\u002Fnav>\n \u003Chr \u002F>\n \u003COutlet \u002F>\n \u003C\u002F>\n )\n}\n```\n\n### 4. Create Route Files\n\n```tsx\n\u002F\u002F src\u002Froutes\u002Findex.tsx\nimport { createFileRoute } from '@tanstack\u002Fsolid-router'\n\nexport const Route = createFileRoute('\u002F')({\n component: HomePage,\n})\n\nfunction HomePage() {\n return \u003Ch1>Welcome Home\u003C\u002Fh1>\n}\n```\n\n### 5. Create Router Instance and Register Types\n\n```tsx\n\u002F\u002F src\u002Fmain.tsx\nimport { render } from 'solid-js\u002Fweb'\nimport { RouterProvider, createRouter } from '@tanstack\u002Fsolid-router'\nimport { routeTree } from '.\u002FrouteTree.gen'\n\nconst router = createRouter({ routeTree })\n\n\u002F\u002F REQUIRED — without this, Link\u002FuseNavigate\u002FuseSearch have no type safety\ndeclare module '@tanstack\u002Fsolid-router' {\n interface Register {\n router: typeof router\n }\n}\n\nrender(\n () => \u003CRouterProvider router={router} \u002F>,\n document.getElementById('root')!,\n)\n```\n\n## Hooks Reference\n\nAll hooks imported from `@tanstack\u002Fsolid-router`. Most return `Accessor\u003CT>` — call the result to read the value.\n\n### `useRouter()` — returns `TRouter` (NOT an Accessor)\n\n```tsx\nimport { useRouter } from '@tanstack\u002Fsolid-router'\n\nfunction InvalidateButton() {\n const router = useRouter()\n return \u003Cbutton onClick={() => router.invalidate()}>Refresh data\u003C\u002Fbutton>\n}\n```\n\n### `useRouterState()` — returns `Accessor\u003CT>`\n\nExposes the entire state and thus incurs a performance cost. For matches or location favor `useMatches` and `useLocation`.\n\n```tsx\nimport { useRouterState } from '@tanstack\u002Fsolid-router'\n\nfunction LoadingIndicator() {\n const isLoading = useRouterState({ select: (s) => s.isLoading })\n return (\n \u003CShow when={isLoading()}>\n \u003Cdiv>Loading...\u003C\u002Fdiv>\n \u003C\u002FShow>\n )\n}\n```\n\n### `useNavigate()` — returns a function (NOT an Accessor)\n\n```tsx\nimport { useNavigate } from '@tanstack\u002Fsolid-router'\n\nfunction AfterSubmit() {\n const navigate = useNavigate()\n\n const handleSubmit = async () => {\n await saveData()\n navigate({ to: '\u002Fposts\u002F$postId', params: { postId: '123' } })\n }\n\n return \u003Cbutton onClick={handleSubmit}>Save\u003C\u002Fbutton>\n}\n```\n\n### `useSearch({ from })` — returns `Accessor\u003CT>`\n\n```tsx\nimport { useSearch } from '@tanstack\u002Fsolid-router'\n\nfunction Pagination() {\n const search = useSearch({ from: '\u002Fproducts' })\n return \u003Cspan>Page {search().page}\u003C\u002Fspan>\n}\n```\n\n### `useParams({ from })` — returns `Accessor\u003CT>`\n\n```tsx\nimport { useParams } from '@tanstack\u002Fsolid-router'\n\nfunction PostHeader() {\n const params = useParams({ from: '\u002Fposts\u002F$postId' })\n return \u003Ch2>Post {params().postId}\u003C\u002Fh2>\n}\n```\n\n### `useLoaderData({ from })` — returns `Accessor\u003CT>`\n\n```tsx\nimport { useLoaderData } from '@tanstack\u002Fsolid-router'\n\nfunction PostContent() {\n const data = useLoaderData({ from: '\u002Fposts\u002F$postId' })\n return \u003Carticle>{data().post.content}\u003C\u002Farticle>\n}\n```\n\n### `useMatch({ from })` — returns `Accessor\u003CT>`\n\n```tsx\nimport { useMatch } from '@tanstack\u002Fsolid-router'\n\nfunction PostDetails() {\n const match = useMatch({ from: '\u002Fposts\u002F$postId' })\n return \u003Cdiv>{match().loaderData.post.title}\u003C\u002Fdiv>\n}\n```\n\n### Other Hooks\n\nAll imported from `@tanstack\u002Fsolid-router`:\n\n- **`useMatches()`** — `Accessor\u003CArray\u003CMatch>>`, all active route matches\n- **`useParentMatches()`** — `Accessor\u003CArray\u003CMatch>>`, parent route matches\n- **`useChildMatches()`** — `Accessor\u003CArray\u003CMatch>>`, child route matches\n- **`useRouteContext({ from })`** — `Accessor\u003CT>`, context from `beforeLoad`\n- **`useLoaderDeps({ from })`** — `Accessor\u003CT>`, loader dependency values\n- **`useBlocker({ shouldBlockFn })`** — blocks navigation for unsaved changes\n- **`useCanGoBack()`** — `Accessor\u003Cboolean>`\n- **`useLocation()`** — `Accessor\u003CParsedLocation>`\n- **`useLinkProps({ to, params?, search? })`** — returns `ComponentProps\u003C'a'>` (NOT an Accessor)\n- **`useMatchRoute()`** — returns a function; calling it returns `Accessor\u003Cfalse | Params>`\n- **`useHydrated()`** — `Accessor\u003Cboolean>`\n\n## Components Reference\n\n### `RouterProvider`\n\n```tsx\n\u003CRouterProvider router={router} \u002F>\n```\n\n### `Link`\n\nType-safe navigation link. Children can be a function for active state:\n\n```tsx\n;\u003CLink to=\"\u002Fposts\u002F$postId\" params={{ postId: '42' }}>\n View Post\n\u003C\u002FLink>\n\n{\n \u002F* Function children for active state *\u002F\n}\n;\u003CLink to=\"\u002Fabout\">\n {(state) => \u003Cspan classList={{ active: state.isActive }}>About\u003C\u002Fspan>}\n\u003C\u002FLink>\n```\n\n### `Outlet`\n\nRenders the matched child route component:\n\n```tsx\nfunction Layout() {\n return (\n \u003Cdiv>\n \u003CSidebar \u002F>\n \u003Cmain>\n \u003COutlet \u002F>\n \u003C\u002Fmain>\n \u003C\u002Fdiv>\n )\n}\n```\n\n### `Navigate`\n\nDeclarative redirect (triggers navigation in `onMount`):\n\n```tsx\nimport { Navigate } from '@tanstack\u002Fsolid-router'\n\nfunction OldPage() {\n return \u003CNavigate to=\"\u002Fnew-page\" \u002F>\n}\n```\n\n### `Await`\n\nRenders deferred data with Solid's `Suspense`:\n\n```tsx\nimport { Await } from '@tanstack\u002Fsolid-router'\nimport { Suspense } from 'solid-js'\n\nfunction PostWithComments() {\n const data = Route.useLoaderData()\n return (\n \u003CSuspense fallback={\u003Cdiv>Loading...\u003C\u002Fdiv>}>\n \u003CAwait promise={data().deferredComments}>\n {(comments) => \u003CFor each={comments}>{(c) => \u003Cli>{c.text}\u003C\u002Fli>}\u003C\u002FFor>}\n \u003C\u002FAwait>\n \u003C\u002FSuspense>\n )\n}\n```\n\n### `CatchBoundary`\n\nError boundary wrapping `Solid.ErrorBoundary`:\n\n```tsx\nimport { CatchBoundary } from '@tanstack\u002Fsolid-router'\n;\u003CCatchBoundary\n getResetKey={() => 'widget'}\n errorComponent={({ error }) => \u003Cdiv>Error: {error.message}\u003C\u002Fdiv>}\n>\n \u003CRiskyWidget \u002F>\n\u003C\u002FCatchBoundary>\n```\n\n### Other Components\n\n- **`CatchNotFound`** — catches `notFound()` errors in children; `fallback` receives the error data\n- **`Block`** — declarative navigation blocker; use `shouldBlockFn` and `withResolver` for custom UI\n- **`ScrollRestoration`** — **deprecated**; use `createRouter`'s `scrollRestoration: true` option instead\n- **`ClientOnly`** — renders children only after hydration; accepts `fallback` prop\n\n### `Block`\n\nDeclarative navigation blocker component:\n\n```tsx\nimport { Block } from '@tanstack\u002Fsolid-router'\n;\u003CBlock shouldBlockFn={() => formIsDirty()} withResolver>\n {({ status, proceed, reset }) => (\n \u003CShow when={status === 'blocked'}>\n \u003Cdiv>\n \u003Cp>Are you sure?\u003C\u002Fp>\n \u003Cbutton onClick={proceed}>Yes\u003C\u002Fbutton>\n \u003Cbutton onClick={reset}>No\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n \u003C\u002FShow>\n )}\n\u003C\u002FBlock>\n```\n\n### `ScrollRestoration`\n\nRestores scroll position on navigation:\n\n```tsx\nimport { ScrollRestoration } from '@tanstack\u002Fsolid-router'\n\u002F\u002F In root route component\n;\u003CScrollRestoration \u002F>\n```\n\n### `ClientOnly`\n\nRenders children only after hydration:\n\n```tsx\nimport { ClientOnly } from '@tanstack\u002Fsolid-router'\n;\u003CClientOnly fallback={\u003Cdiv>Loading...\u003C\u002Fdiv>}>\n \u003CBrowserOnlyWidget \u002F>\n\u003C\u002FClientOnly>\n```\n\n### Head Management\n\nUses `@solidjs\u002Fmeta` under the hood:\n\n```tsx\nimport { HeadContent, Scripts } from '@tanstack\u002Fsolid-router'\n\nfunction RootDocument(props) {\n return (\n \u003Chtml>\n \u003Chead>\n \u003CHeadContent \u002F>\n \u003C\u002Fhead>\n \u003Cbody>\n {props.children}\n \u003CScripts \u002F>\n \u003C\u002Fbody>\n \u003C\u002Fhtml>\n )\n}\n```\n\n## Solid-Specific Patterns\n\n### Custom Link Component with `createLink`\n\n```tsx\nimport { createLink } from '@tanstack\u002Fsolid-router'\n\nconst StyledLinkComponent = (props) => (\n \u003Ca {...props} class={`styled-link ${props.class ?? ''}`} \u002F>\n)\n\nconst StyledLink = createLink(StyledLinkComponent)\n\nfunction Nav() {\n return (\n \u003CStyledLink to=\"\u002Fposts\u002F$postId\" params={{ postId: '42' }}>\n Post\n \u003C\u002FStyledLink>\n )\n}\n```\n\n### Using Solid Primitives with Router State\n\n```tsx\nimport { createMemo, Show, For } from 'solid-js'\nimport { useRouterState } from '@tanstack\u002Fsolid-router'\n\nfunction Breadcrumbs() {\n const matches = useRouterState({ select: (s) => s.matches })\n const crumbs = createMemo(() =>\n matches().filter((m) => m.context?.breadcrumb),\n )\n\n return (\n \u003Cnav>\n \u003CFor each={crumbs()}>\n {(match) => \u003Cspan>{match.context.breadcrumb}\u003C\u002Fspan>}\n \u003C\u002FFor>\n \u003C\u002Fnav>\n )\n}\n```\n\n### Auth with Router Context\n\n```tsx\nimport { createRootRouteWithContext } from '@tanstack\u002Fsolid-router'\n\nconst rootRoute = createRootRouteWithContext\u003C{ auth: AuthState }>()({\n component: RootComponent,\n})\n\n\u002F\u002F In main.tsx — provide context at router creation\nconst router = createRouter({\n routeTree,\n context: { auth: authState },\n})\n\n\u002F\u002F In a route — access via beforeLoad (NOT hooks)\nbeforeLoad: ({ context }) => {\n if (!context.auth.isAuthenticated) {\n throw redirect({ to: '\u002Flogin' })\n }\n}\n```\n\n## Common Mistakes\n\n### 1. CRITICAL: Forgetting to call Accessor\n\nHooks return `Accessor\u003CT>` — you must call them to read the value. This is the #1 migration issue from React.\n\n```tsx\n\u002F\u002F WRONG — comparing the accessor function, not its value\nconst params = useParams({ from: '\u002Fposts\u002F$postId' })\nif (params.postId === '42') { ... } \u002F\u002F params is a function!\n\n\u002F\u002F CORRECT — call the accessor\nconst params = useParams({ from: '\u002Fposts\u002F$postId' })\nif (params().postId === '42') { ... }\n```\n\n### 2. HIGH: Destructuring reactive values\n\nDestructuring breaks Solid's reactivity tracking.\n\n```tsx\n\u002F\u002F WRONG — loses reactivity\nconst { page } = useSearch({ from: '\u002Fproducts' })()\n\n\u002F\u002F CORRECT — access through accessor\nconst search = useSearch({ from: '\u002Fproducts' })\n\u003Cspan>Page {search().page}\u003C\u002Fspan>\n```\n\n### 3. HIGH: Using React hooks in beforeLoad or loader\n\n`beforeLoad` and `loader` are NOT components — they are plain async functions. No hooks (React or Solid) can be used in them. Pass state via router context instead.\n\n### 4. MEDIUM: Wrong plugin target\n\nMust set `target: 'solid'` in the router plugin config. Default is `'react'`.\n\n## Cross-References\n\n- [router-core\u002FSKILL.md](..\u002F..\u002F..\u002Frouter-core\u002Fskills\u002Frouter-core\u002FSKILL.md) — all sub-skills for domain-specific patterns (search params, data loading, navigation, auth, SSR, etc.)\n",{"data":53,"body":60},{"name":4,"description":6,"metadata":54,"requires":56,"sources":58},{"type":32,"library":14,"library_version":55,"framework":21},"1.166.2",[57],"router-core",[59],"TanStack\u002Frouter:packages\u002Fsolid-router\u002Fsrc",{"type":61,"children":62},"root",[63,81,95,159,166,173,234,240,574,580,1039,1045,1254,1260,1653,1659,1678,1698,1870,1886,1906,2163,2175,2485,2501,2693,2709,2899,2915,3108,3124,3323,3329,3340,3563,3569,3578,3614,3623,3628,3881,3890,3895,4039,4049,4062,4179,4189,4201,4589,4599,4611,4803,4809,4928,4937,4942,5308,5317,5322,5390,5399,5404,5512,5518,5531,5794,5800,5812,6152,6158,6640,6646,7039,7045,7051,7063,7324,7330,7335,7537,7543,7560,7566,7586,7592,7605],{"type":64,"tag":65,"props":66,"children":68},"element","h1",{"id":67},"solid-router-tanstacksolid-router",[69,72,79],{"type":70,"value":71},"text","Solid Router (",{"type":64,"tag":73,"props":74,"children":76},"code",{"className":75},[],[77],{"type":70,"value":78},"@tanstack\u002Fsolid-router",{"type":70,"value":80},")",{"type":64,"tag":82,"props":83,"children":84},"p",{},[85,87,93],{"type":70,"value":86},"This skill builds on router-core. Read ",{"type":64,"tag":88,"props":89,"children":91},"a",{"href":90},"..\u002F..\u002F..\u002Frouter-core\u002Fskills\u002Frouter-core\u002FSKILL.md",[92],{"type":70,"value":57},{"type":70,"value":94}," first for foundational concepts.",{"type":64,"tag":96,"props":97,"children":98},"blockquote",{},[99],{"type":64,"tag":82,"props":100,"children":101},{},[102,108,110,114,116,120,122,128,130,136,138,142,144,149,151,157],{"type":64,"tag":103,"props":104,"children":105},"strong",{},[106],{"type":70,"value":107},"CRITICAL",{"type":70,"value":109},": TanStack Router types are FULLY INFERRED. Never cast, never annotate inferred values.\n",{"type":64,"tag":103,"props":111,"children":112},{},[113],{"type":70,"value":107},{"type":70,"value":115},": TanStack Router is CLIENT-FIRST. Loaders run on the client by default, not on the server.\n",{"type":64,"tag":103,"props":117,"children":118},{},[119],{"type":70,"value":107},{"type":70,"value":121},": Most hooks return ",{"type":64,"tag":73,"props":123,"children":125},{"className":124},[],[126],{"type":70,"value":127},"Accessor\u003CT>",{"type":70,"value":129}," — you MUST call the accessor (",{"type":64,"tag":73,"props":131,"children":133},{"className":132},[],[134],{"type":70,"value":135},"value()",{"type":70,"value":137},") to read the reactive value. This is the #1 difference from the React version.\n",{"type":64,"tag":103,"props":139,"children":140},{},[141],{"type":70,"value":107},{"type":70,"value":143},": Do not confuse ",{"type":64,"tag":73,"props":145,"children":147},{"className":146},[],[148],{"type":70,"value":78},{"type":70,"value":150}," with ",{"type":64,"tag":73,"props":152,"children":154},{"className":153},[],[155],{"type":70,"value":156},"@solidjs\u002Frouter",{"type":70,"value":158},". They are completely different libraries with different APIs.",{"type":64,"tag":160,"props":161,"children":163},"h2",{"id":162},"full-setup-file-based-routing-with-vite",[164],{"type":70,"value":165},"Full Setup: File-Based Routing with Vite",{"type":64,"tag":167,"props":168,"children":170},"h3",{"id":169},"_1-install-dependencies",[171],{"type":70,"value":172},"1. Install Dependencies",{"type":64,"tag":174,"props":175,"children":180},"pre",{"className":176,"code":177,"language":178,"meta":179,"style":179},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install @tanstack\u002Fsolid-router\nnpm install -D @tanstack\u002Frouter-plugin @tanstack\u002Fsolid-router-devtools\n","bash","",[181],{"type":64,"tag":73,"props":182,"children":183},{"__ignoreMap":179},[184,207],{"type":64,"tag":185,"props":186,"children":189},"span",{"class":187,"line":188},"line",1,[190,196,202],{"type":64,"tag":185,"props":191,"children":193},{"style":192},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[194],{"type":70,"value":195},"npm",{"type":64,"tag":185,"props":197,"children":199},{"style":198},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[200],{"type":70,"value":201}," install",{"type":64,"tag":185,"props":203,"children":204},{"style":198},[205],{"type":70,"value":206}," @tanstack\u002Fsolid-router\n",{"type":64,"tag":185,"props":208,"children":210},{"class":187,"line":209},2,[211,215,219,224,229],{"type":64,"tag":185,"props":212,"children":213},{"style":192},[214],{"type":70,"value":195},{"type":64,"tag":185,"props":216,"children":217},{"style":198},[218],{"type":70,"value":201},{"type":64,"tag":185,"props":220,"children":221},{"style":198},[222],{"type":70,"value":223}," -D",{"type":64,"tag":185,"props":225,"children":226},{"style":198},[227],{"type":70,"value":228}," @tanstack\u002Frouter-plugin",{"type":64,"tag":185,"props":230,"children":231},{"style":198},[232],{"type":70,"value":233}," @tanstack\u002Fsolid-router-devtools\n",{"type":64,"tag":167,"props":235,"children":237},{"id":236},"_2-configure-vite-plugin",[238],{"type":70,"value":239},"2. Configure Vite Plugin",{"type":64,"tag":174,"props":241,"children":245},{"className":242,"code":243,"language":244,"meta":179,"style":179},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F vite.config.ts\nimport { defineConfig } from 'vite'\nimport solidPlugin from 'vite-plugin-solid'\nimport { tanstackRouter } from '@tanstack\u002Frouter-plugin\u002Fvite'\n\nexport default defineConfig({\n plugins: [\n \u002F\u002F MUST come before solid plugin\n tanstackRouter({\n target: 'solid',\n autoCodeSplitting: true,\n }),\n solidPlugin(),\n ],\n})\n","ts",[246],{"type":64,"tag":73,"props":247,"children":248},{"__ignoreMap":179},[249,258,304,335,373,383,412,432,441,458,489,512,529,547,560],{"type":64,"tag":185,"props":250,"children":251},{"class":187,"line":188},[252],{"type":64,"tag":185,"props":253,"children":255},{"style":254},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[256],{"type":70,"value":257},"\u002F\u002F vite.config.ts\n",{"type":64,"tag":185,"props":259,"children":260},{"class":187,"line":209},[261,267,273,279,284,289,294,299],{"type":64,"tag":185,"props":262,"children":264},{"style":263},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[265],{"type":70,"value":266},"import",{"type":64,"tag":185,"props":268,"children":270},{"style":269},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[271],{"type":70,"value":272}," {",{"type":64,"tag":185,"props":274,"children":276},{"style":275},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[277],{"type":70,"value":278}," defineConfig",{"type":64,"tag":185,"props":280,"children":281},{"style":269},[282],{"type":70,"value":283}," }",{"type":64,"tag":185,"props":285,"children":286},{"style":263},[287],{"type":70,"value":288}," from",{"type":64,"tag":185,"props":290,"children":291},{"style":269},[292],{"type":70,"value":293}," '",{"type":64,"tag":185,"props":295,"children":296},{"style":198},[297],{"type":70,"value":298},"vite",{"type":64,"tag":185,"props":300,"children":301},{"style":269},[302],{"type":70,"value":303},"'\n",{"type":64,"tag":185,"props":305,"children":307},{"class":187,"line":306},3,[308,312,317,322,326,331],{"type":64,"tag":185,"props":309,"children":310},{"style":263},[311],{"type":70,"value":266},{"type":64,"tag":185,"props":313,"children":314},{"style":275},[315],{"type":70,"value":316}," solidPlugin ",{"type":64,"tag":185,"props":318,"children":319},{"style":263},[320],{"type":70,"value":321},"from",{"type":64,"tag":185,"props":323,"children":324},{"style":269},[325],{"type":70,"value":293},{"type":64,"tag":185,"props":327,"children":328},{"style":198},[329],{"type":70,"value":330},"vite-plugin-solid",{"type":64,"tag":185,"props":332,"children":333},{"style":269},[334],{"type":70,"value":303},{"type":64,"tag":185,"props":336,"children":338},{"class":187,"line":337},4,[339,343,347,352,356,360,364,369],{"type":64,"tag":185,"props":340,"children":341},{"style":263},[342],{"type":70,"value":266},{"type":64,"tag":185,"props":344,"children":345},{"style":269},[346],{"type":70,"value":272},{"type":64,"tag":185,"props":348,"children":349},{"style":275},[350],{"type":70,"value":351}," tanstackRouter",{"type":64,"tag":185,"props":353,"children":354},{"style":269},[355],{"type":70,"value":283},{"type":64,"tag":185,"props":357,"children":358},{"style":263},[359],{"type":70,"value":288},{"type":64,"tag":185,"props":361,"children":362},{"style":269},[363],{"type":70,"value":293},{"type":64,"tag":185,"props":365,"children":366},{"style":198},[367],{"type":70,"value":368},"@tanstack\u002Frouter-plugin\u002Fvite",{"type":64,"tag":185,"props":370,"children":371},{"style":269},[372],{"type":70,"value":303},{"type":64,"tag":185,"props":374,"children":376},{"class":187,"line":375},5,[377],{"type":64,"tag":185,"props":378,"children":380},{"emptyLinePlaceholder":379},true,[381],{"type":70,"value":382},"\n",{"type":64,"tag":185,"props":384,"children":386},{"class":187,"line":385},6,[387,392,397,402,407],{"type":64,"tag":185,"props":388,"children":389},{"style":263},[390],{"type":70,"value":391},"export",{"type":64,"tag":185,"props":393,"children":394},{"style":263},[395],{"type":70,"value":396}," default",{"type":64,"tag":185,"props":398,"children":400},{"style":399},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[401],{"type":70,"value":278},{"type":64,"tag":185,"props":403,"children":404},{"style":275},[405],{"type":70,"value":406},"(",{"type":64,"tag":185,"props":408,"children":409},{"style":269},[410],{"type":70,"value":411},"{\n",{"type":64,"tag":185,"props":413,"children":415},{"class":187,"line":414},7,[416,422,427],{"type":64,"tag":185,"props":417,"children":419},{"style":418},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[420],{"type":70,"value":421}," plugins",{"type":64,"tag":185,"props":423,"children":424},{"style":269},[425],{"type":70,"value":426},":",{"type":64,"tag":185,"props":428,"children":429},{"style":275},[430],{"type":70,"value":431}," [\n",{"type":64,"tag":185,"props":433,"children":435},{"class":187,"line":434},8,[436],{"type":64,"tag":185,"props":437,"children":438},{"style":254},[439],{"type":70,"value":440}," \u002F\u002F MUST come before solid plugin\n",{"type":64,"tag":185,"props":442,"children":444},{"class":187,"line":443},9,[445,450,454],{"type":64,"tag":185,"props":446,"children":447},{"style":399},[448],{"type":70,"value":449}," tanstackRouter",{"type":64,"tag":185,"props":451,"children":452},{"style":275},[453],{"type":70,"value":406},{"type":64,"tag":185,"props":455,"children":456},{"style":269},[457],{"type":70,"value":411},{"type":64,"tag":185,"props":459,"children":461},{"class":187,"line":460},10,[462,467,471,475,479,484],{"type":64,"tag":185,"props":463,"children":464},{"style":418},[465],{"type":70,"value":466}," target",{"type":64,"tag":185,"props":468,"children":469},{"style":269},[470],{"type":70,"value":426},{"type":64,"tag":185,"props":472,"children":473},{"style":269},[474],{"type":70,"value":293},{"type":64,"tag":185,"props":476,"children":477},{"style":198},[478],{"type":70,"value":21},{"type":64,"tag":185,"props":480,"children":481},{"style":269},[482],{"type":70,"value":483},"'",{"type":64,"tag":185,"props":485,"children":486},{"style":269},[487],{"type":70,"value":488},",\n",{"type":64,"tag":185,"props":490,"children":492},{"class":187,"line":491},11,[493,498,502,508],{"type":64,"tag":185,"props":494,"children":495},{"style":418},[496],{"type":70,"value":497}," autoCodeSplitting",{"type":64,"tag":185,"props":499,"children":500},{"style":269},[501],{"type":70,"value":426},{"type":64,"tag":185,"props":503,"children":505},{"style":504},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[506],{"type":70,"value":507}," true",{"type":64,"tag":185,"props":509,"children":510},{"style":269},[511],{"type":70,"value":488},{"type":64,"tag":185,"props":513,"children":515},{"class":187,"line":514},12,[516,521,525],{"type":64,"tag":185,"props":517,"children":518},{"style":269},[519],{"type":70,"value":520}," }",{"type":64,"tag":185,"props":522,"children":523},{"style":275},[524],{"type":70,"value":80},{"type":64,"tag":185,"props":526,"children":527},{"style":269},[528],{"type":70,"value":488},{"type":64,"tag":185,"props":530,"children":532},{"class":187,"line":531},13,[533,538,543],{"type":64,"tag":185,"props":534,"children":535},{"style":399},[536],{"type":70,"value":537}," solidPlugin",{"type":64,"tag":185,"props":539,"children":540},{"style":275},[541],{"type":70,"value":542},"()",{"type":64,"tag":185,"props":544,"children":545},{"style":269},[546],{"type":70,"value":488},{"type":64,"tag":185,"props":548,"children":550},{"class":187,"line":549},14,[551,556],{"type":64,"tag":185,"props":552,"children":553},{"style":275},[554],{"type":70,"value":555}," ]",{"type":64,"tag":185,"props":557,"children":558},{"style":269},[559],{"type":70,"value":488},{"type":64,"tag":185,"props":561,"children":563},{"class":187,"line":562},15,[564,569],{"type":64,"tag":185,"props":565,"children":566},{"style":269},[567],{"type":70,"value":568},"}",{"type":64,"tag":185,"props":570,"children":571},{"style":275},[572],{"type":70,"value":573},")\n",{"type":64,"tag":167,"props":575,"children":577},{"id":576},"_3-create-root-route",[578],{"type":70,"value":579},"3. Create Root Route",{"type":64,"tag":174,"props":581,"children":585},{"className":582,"code":583,"language":584,"meta":179,"style":179},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F src\u002Froutes\u002F__root.tsx\nimport { createRootRoute, Link, Outlet } from '@tanstack\u002Fsolid-router'\n\nexport const Route = createRootRoute({\n component: RootLayout,\n})\n\nfunction RootLayout() {\n return (\n \u003C>\n \u003Cnav>\n \u003CLink to=\"\u002F\" activeClass=\"font-bold\">\n Home\n \u003C\u002FLink>\n \u003CLink to=\"\u002Fabout\" activeClass=\"font-bold\">\n About\n \u003C\u002FLink>\n \u003C\u002Fnav>\n \u003Chr \u002F>\n \u003COutlet \u002F>\n \u003C\u002F>\n )\n}\n","tsx",[586],{"type":64,"tag":73,"props":587,"children":588},{"__ignoreMap":179},[589,597,652,659,694,715,726,733,754,767,775,793,855,863,879,935,944,960,977,995,1012,1021,1030],{"type":64,"tag":185,"props":590,"children":591},{"class":187,"line":188},[592],{"type":64,"tag":185,"props":593,"children":594},{"style":254},[595],{"type":70,"value":596},"\u002F\u002F src\u002Froutes\u002F__root.tsx\n",{"type":64,"tag":185,"props":598,"children":599},{"class":187,"line":209},[600,604,608,613,618,623,627,632,636,640,644,648],{"type":64,"tag":185,"props":601,"children":602},{"style":263},[603],{"type":70,"value":266},{"type":64,"tag":185,"props":605,"children":606},{"style":269},[607],{"type":70,"value":272},{"type":64,"tag":185,"props":609,"children":610},{"style":275},[611],{"type":70,"value":612}," createRootRoute",{"type":64,"tag":185,"props":614,"children":615},{"style":269},[616],{"type":70,"value":617},",",{"type":64,"tag":185,"props":619,"children":620},{"style":275},[621],{"type":70,"value":622}," Link",{"type":64,"tag":185,"props":624,"children":625},{"style":269},[626],{"type":70,"value":617},{"type":64,"tag":185,"props":628,"children":629},{"style":275},[630],{"type":70,"value":631}," Outlet",{"type":64,"tag":185,"props":633,"children":634},{"style":269},[635],{"type":70,"value":283},{"type":64,"tag":185,"props":637,"children":638},{"style":263},[639],{"type":70,"value":288},{"type":64,"tag":185,"props":641,"children":642},{"style":269},[643],{"type":70,"value":293},{"type":64,"tag":185,"props":645,"children":646},{"style":198},[647],{"type":70,"value":78},{"type":64,"tag":185,"props":649,"children":650},{"style":269},[651],{"type":70,"value":303},{"type":64,"tag":185,"props":653,"children":654},{"class":187,"line":306},[655],{"type":64,"tag":185,"props":656,"children":657},{"emptyLinePlaceholder":379},[658],{"type":70,"value":382},{"type":64,"tag":185,"props":660,"children":661},{"class":187,"line":337},[662,666,672,677,682,686,690],{"type":64,"tag":185,"props":663,"children":664},{"style":263},[665],{"type":70,"value":391},{"type":64,"tag":185,"props":667,"children":669},{"style":668},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[670],{"type":70,"value":671}," const",{"type":64,"tag":185,"props":673,"children":674},{"style":275},[675],{"type":70,"value":676}," Route ",{"type":64,"tag":185,"props":678,"children":679},{"style":269},[680],{"type":70,"value":681},"=",{"type":64,"tag":185,"props":683,"children":684},{"style":399},[685],{"type":70,"value":612},{"type":64,"tag":185,"props":687,"children":688},{"style":275},[689],{"type":70,"value":406},{"type":64,"tag":185,"props":691,"children":692},{"style":269},[693],{"type":70,"value":411},{"type":64,"tag":185,"props":695,"children":696},{"class":187,"line":375},[697,702,706,711],{"type":64,"tag":185,"props":698,"children":699},{"style":418},[700],{"type":70,"value":701}," component",{"type":64,"tag":185,"props":703,"children":704},{"style":269},[705],{"type":70,"value":426},{"type":64,"tag":185,"props":707,"children":708},{"style":275},[709],{"type":70,"value":710}," RootLayout",{"type":64,"tag":185,"props":712,"children":713},{"style":269},[714],{"type":70,"value":488},{"type":64,"tag":185,"props":716,"children":717},{"class":187,"line":385},[718,722],{"type":64,"tag":185,"props":719,"children":720},{"style":269},[721],{"type":70,"value":568},{"type":64,"tag":185,"props":723,"children":724},{"style":275},[725],{"type":70,"value":573},{"type":64,"tag":185,"props":727,"children":728},{"class":187,"line":414},[729],{"type":64,"tag":185,"props":730,"children":731},{"emptyLinePlaceholder":379},[732],{"type":70,"value":382},{"type":64,"tag":185,"props":734,"children":735},{"class":187,"line":434},[736,741,745,749],{"type":64,"tag":185,"props":737,"children":738},{"style":668},[739],{"type":70,"value":740},"function",{"type":64,"tag":185,"props":742,"children":743},{"style":399},[744],{"type":70,"value":710},{"type":64,"tag":185,"props":746,"children":747},{"style":269},[748],{"type":70,"value":542},{"type":64,"tag":185,"props":750,"children":751},{"style":269},[752],{"type":70,"value":753}," {\n",{"type":64,"tag":185,"props":755,"children":756},{"class":187,"line":443},[757,762],{"type":64,"tag":185,"props":758,"children":759},{"style":263},[760],{"type":70,"value":761}," return",{"type":64,"tag":185,"props":763,"children":764},{"style":418},[765],{"type":70,"value":766}," (\n",{"type":64,"tag":185,"props":768,"children":769},{"class":187,"line":460},[770],{"type":64,"tag":185,"props":771,"children":772},{"style":269},[773],{"type":70,"value":774}," \u003C>\n",{"type":64,"tag":185,"props":776,"children":777},{"class":187,"line":491},[778,783,788],{"type":64,"tag":185,"props":779,"children":780},{"style":269},[781],{"type":70,"value":782}," \u003C",{"type":64,"tag":185,"props":784,"children":785},{"style":418},[786],{"type":70,"value":787},"nav",{"type":64,"tag":185,"props":789,"children":790},{"style":269},[791],{"type":70,"value":792},">\n",{"type":64,"tag":185,"props":794,"children":795},{"class":187,"line":514},[796,801,806,811,815,820,825,829,834,838,842,847,851],{"type":64,"tag":185,"props":797,"children":798},{"style":269},[799],{"type":70,"value":800}," \u003C",{"type":64,"tag":185,"props":802,"children":803},{"style":192},[804],{"type":70,"value":805},"Link",{"type":64,"tag":185,"props":807,"children":808},{"style":668},[809],{"type":70,"value":810}," to",{"type":64,"tag":185,"props":812,"children":813},{"style":269},[814],{"type":70,"value":681},{"type":64,"tag":185,"props":816,"children":817},{"style":269},[818],{"type":70,"value":819},"\"",{"type":64,"tag":185,"props":821,"children":822},{"style":198},[823],{"type":70,"value":824},"\u002F",{"type":64,"tag":185,"props":826,"children":827},{"style":269},[828],{"type":70,"value":819},{"type":64,"tag":185,"props":830,"children":831},{"style":668},[832],{"type":70,"value":833}," activeClass",{"type":64,"tag":185,"props":835,"children":836},{"style":269},[837],{"type":70,"value":681},{"type":64,"tag":185,"props":839,"children":840},{"style":269},[841],{"type":70,"value":819},{"type":64,"tag":185,"props":843,"children":844},{"style":198},[845],{"type":70,"value":846},"font-bold",{"type":64,"tag":185,"props":848,"children":849},{"style":269},[850],{"type":70,"value":819},{"type":64,"tag":185,"props":852,"children":853},{"style":269},[854],{"type":70,"value":792},{"type":64,"tag":185,"props":856,"children":857},{"class":187,"line":531},[858],{"type":64,"tag":185,"props":859,"children":860},{"style":275},[861],{"type":70,"value":862}," Home\n",{"type":64,"tag":185,"props":864,"children":865},{"class":187,"line":549},[866,871,875],{"type":64,"tag":185,"props":867,"children":868},{"style":269},[869],{"type":70,"value":870}," \u003C\u002F",{"type":64,"tag":185,"props":872,"children":873},{"style":192},[874],{"type":70,"value":805},{"type":64,"tag":185,"props":876,"children":877},{"style":269},[878],{"type":70,"value":792},{"type":64,"tag":185,"props":880,"children":881},{"class":187,"line":562},[882,886,890,894,898,902,907,911,915,919,923,927,931],{"type":64,"tag":185,"props":883,"children":884},{"style":269},[885],{"type":70,"value":800},{"type":64,"tag":185,"props":887,"children":888},{"style":192},[889],{"type":70,"value":805},{"type":64,"tag":185,"props":891,"children":892},{"style":668},[893],{"type":70,"value":810},{"type":64,"tag":185,"props":895,"children":896},{"style":269},[897],{"type":70,"value":681},{"type":64,"tag":185,"props":899,"children":900},{"style":269},[901],{"type":70,"value":819},{"type":64,"tag":185,"props":903,"children":904},{"style":198},[905],{"type":70,"value":906},"\u002Fabout",{"type":64,"tag":185,"props":908,"children":909},{"style":269},[910],{"type":70,"value":819},{"type":64,"tag":185,"props":912,"children":913},{"style":668},[914],{"type":70,"value":833},{"type":64,"tag":185,"props":916,"children":917},{"style":269},[918],{"type":70,"value":681},{"type":64,"tag":185,"props":920,"children":921},{"style":269},[922],{"type":70,"value":819},{"type":64,"tag":185,"props":924,"children":925},{"style":198},[926],{"type":70,"value":846},{"type":64,"tag":185,"props":928,"children":929},{"style":269},[930],{"type":70,"value":819},{"type":64,"tag":185,"props":932,"children":933},{"style":269},[934],{"type":70,"value":792},{"type":64,"tag":185,"props":936,"children":938},{"class":187,"line":937},16,[939],{"type":64,"tag":185,"props":940,"children":941},{"style":275},[942],{"type":70,"value":943}," About\n",{"type":64,"tag":185,"props":945,"children":947},{"class":187,"line":946},17,[948,952,956],{"type":64,"tag":185,"props":949,"children":950},{"style":269},[951],{"type":70,"value":870},{"type":64,"tag":185,"props":953,"children":954},{"style":192},[955],{"type":70,"value":805},{"type":64,"tag":185,"props":957,"children":958},{"style":269},[959],{"type":70,"value":792},{"type":64,"tag":185,"props":961,"children":963},{"class":187,"line":962},18,[964,969,973],{"type":64,"tag":185,"props":965,"children":966},{"style":269},[967],{"type":70,"value":968}," \u003C\u002F",{"type":64,"tag":185,"props":970,"children":971},{"style":418},[972],{"type":70,"value":787},{"type":64,"tag":185,"props":974,"children":975},{"style":269},[976],{"type":70,"value":792},{"type":64,"tag":185,"props":978,"children":980},{"class":187,"line":979},19,[981,985,990],{"type":64,"tag":185,"props":982,"children":983},{"style":269},[984],{"type":70,"value":782},{"type":64,"tag":185,"props":986,"children":987},{"style":418},[988],{"type":70,"value":989},"hr",{"type":64,"tag":185,"props":991,"children":992},{"style":269},[993],{"type":70,"value":994}," \u002F>\n",{"type":64,"tag":185,"props":996,"children":998},{"class":187,"line":997},20,[999,1003,1008],{"type":64,"tag":185,"props":1000,"children":1001},{"style":269},[1002],{"type":70,"value":782},{"type":64,"tag":185,"props":1004,"children":1005},{"style":192},[1006],{"type":70,"value":1007},"Outlet",{"type":64,"tag":185,"props":1009,"children":1010},{"style":269},[1011],{"type":70,"value":994},{"type":64,"tag":185,"props":1013,"children":1015},{"class":187,"line":1014},21,[1016],{"type":64,"tag":185,"props":1017,"children":1018},{"style":269},[1019],{"type":70,"value":1020}," \u003C\u002F>\n",{"type":64,"tag":185,"props":1022,"children":1024},{"class":187,"line":1023},22,[1025],{"type":64,"tag":185,"props":1026,"children":1027},{"style":418},[1028],{"type":70,"value":1029}," )\n",{"type":64,"tag":185,"props":1031,"children":1033},{"class":187,"line":1032},23,[1034],{"type":64,"tag":185,"props":1035,"children":1036},{"style":269},[1037],{"type":70,"value":1038},"}\n",{"type":64,"tag":167,"props":1040,"children":1042},{"id":1041},"_4-create-route-files",[1043],{"type":70,"value":1044},"4. Create Route Files",{"type":64,"tag":174,"props":1046,"children":1048},{"className":582,"code":1047,"language":584,"meta":179,"style":179},"\u002F\u002F src\u002Froutes\u002Findex.tsx\nimport { createFileRoute } from '@tanstack\u002Fsolid-router'\n\nexport const Route = createFileRoute('\u002F')({\n component: HomePage,\n})\n\nfunction HomePage() {\n return \u003Ch1>Welcome Home\u003C\u002Fh1>\n}\n",[1049],{"type":64,"tag":73,"props":1050,"children":1051},{"__ignoreMap":179},[1052,1060,1096,1103,1151,1171,1182,1189,1208,1247],{"type":64,"tag":185,"props":1053,"children":1054},{"class":187,"line":188},[1055],{"type":64,"tag":185,"props":1056,"children":1057},{"style":254},[1058],{"type":70,"value":1059},"\u002F\u002F src\u002Froutes\u002Findex.tsx\n",{"type":64,"tag":185,"props":1061,"children":1062},{"class":187,"line":209},[1063,1067,1071,1076,1080,1084,1088,1092],{"type":64,"tag":185,"props":1064,"children":1065},{"style":263},[1066],{"type":70,"value":266},{"type":64,"tag":185,"props":1068,"children":1069},{"style":269},[1070],{"type":70,"value":272},{"type":64,"tag":185,"props":1072,"children":1073},{"style":275},[1074],{"type":70,"value":1075}," createFileRoute",{"type":64,"tag":185,"props":1077,"children":1078},{"style":269},[1079],{"type":70,"value":283},{"type":64,"tag":185,"props":1081,"children":1082},{"style":263},[1083],{"type":70,"value":288},{"type":64,"tag":185,"props":1085,"children":1086},{"style":269},[1087],{"type":70,"value":293},{"type":64,"tag":185,"props":1089,"children":1090},{"style":198},[1091],{"type":70,"value":78},{"type":64,"tag":185,"props":1093,"children":1094},{"style":269},[1095],{"type":70,"value":303},{"type":64,"tag":185,"props":1097,"children":1098},{"class":187,"line":306},[1099],{"type":64,"tag":185,"props":1100,"children":1101},{"emptyLinePlaceholder":379},[1102],{"type":70,"value":382},{"type":64,"tag":185,"props":1104,"children":1105},{"class":187,"line":337},[1106,1110,1114,1118,1122,1126,1130,1134,1138,1142,1147],{"type":64,"tag":185,"props":1107,"children":1108},{"style":263},[1109],{"type":70,"value":391},{"type":64,"tag":185,"props":1111,"children":1112},{"style":668},[1113],{"type":70,"value":671},{"type":64,"tag":185,"props":1115,"children":1116},{"style":275},[1117],{"type":70,"value":676},{"type":64,"tag":185,"props":1119,"children":1120},{"style":269},[1121],{"type":70,"value":681},{"type":64,"tag":185,"props":1123,"children":1124},{"style":399},[1125],{"type":70,"value":1075},{"type":64,"tag":185,"props":1127,"children":1128},{"style":275},[1129],{"type":70,"value":406},{"type":64,"tag":185,"props":1131,"children":1132},{"style":269},[1133],{"type":70,"value":483},{"type":64,"tag":185,"props":1135,"children":1136},{"style":198},[1137],{"type":70,"value":824},{"type":64,"tag":185,"props":1139,"children":1140},{"style":269},[1141],{"type":70,"value":483},{"type":64,"tag":185,"props":1143,"children":1144},{"style":275},[1145],{"type":70,"value":1146},")(",{"type":64,"tag":185,"props":1148,"children":1149},{"style":269},[1150],{"type":70,"value":411},{"type":64,"tag":185,"props":1152,"children":1153},{"class":187,"line":375},[1154,1158,1162,1167],{"type":64,"tag":185,"props":1155,"children":1156},{"style":418},[1157],{"type":70,"value":701},{"type":64,"tag":185,"props":1159,"children":1160},{"style":269},[1161],{"type":70,"value":426},{"type":64,"tag":185,"props":1163,"children":1164},{"style":275},[1165],{"type":70,"value":1166}," HomePage",{"type":64,"tag":185,"props":1168,"children":1169},{"style":269},[1170],{"type":70,"value":488},{"type":64,"tag":185,"props":1172,"children":1173},{"class":187,"line":385},[1174,1178],{"type":64,"tag":185,"props":1175,"children":1176},{"style":269},[1177],{"type":70,"value":568},{"type":64,"tag":185,"props":1179,"children":1180},{"style":275},[1181],{"type":70,"value":573},{"type":64,"tag":185,"props":1183,"children":1184},{"class":187,"line":414},[1185],{"type":64,"tag":185,"props":1186,"children":1187},{"emptyLinePlaceholder":379},[1188],{"type":70,"value":382},{"type":64,"tag":185,"props":1190,"children":1191},{"class":187,"line":434},[1192,1196,1200,1204],{"type":64,"tag":185,"props":1193,"children":1194},{"style":668},[1195],{"type":70,"value":740},{"type":64,"tag":185,"props":1197,"children":1198},{"style":399},[1199],{"type":70,"value":1166},{"type":64,"tag":185,"props":1201,"children":1202},{"style":269},[1203],{"type":70,"value":542},{"type":64,"tag":185,"props":1205,"children":1206},{"style":269},[1207],{"type":70,"value":753},{"type":64,"tag":185,"props":1209,"children":1210},{"class":187,"line":443},[1211,1215,1220,1224,1229,1234,1239,1243],{"type":64,"tag":185,"props":1212,"children":1213},{"style":263},[1214],{"type":70,"value":761},{"type":64,"tag":185,"props":1216,"children":1217},{"style":269},[1218],{"type":70,"value":1219}," \u003C",{"type":64,"tag":185,"props":1221,"children":1222},{"style":418},[1223],{"type":70,"value":65},{"type":64,"tag":185,"props":1225,"children":1226},{"style":269},[1227],{"type":70,"value":1228},">",{"type":64,"tag":185,"props":1230,"children":1231},{"style":275},[1232],{"type":70,"value":1233},"Welcome Home",{"type":64,"tag":185,"props":1235,"children":1236},{"style":269},[1237],{"type":70,"value":1238},"\u003C\u002F",{"type":64,"tag":185,"props":1240,"children":1241},{"style":418},[1242],{"type":70,"value":65},{"type":64,"tag":185,"props":1244,"children":1245},{"style":269},[1246],{"type":70,"value":792},{"type":64,"tag":185,"props":1248,"children":1249},{"class":187,"line":460},[1250],{"type":64,"tag":185,"props":1251,"children":1252},{"style":269},[1253],{"type":70,"value":1038},{"type":64,"tag":167,"props":1255,"children":1257},{"id":1256},"_5-create-router-instance-and-register-types",[1258],{"type":70,"value":1259},"5. Create Router Instance and Register Types",{"type":64,"tag":174,"props":1261,"children":1263},{"className":582,"code":1262,"language":584,"meta":179,"style":179},"\u002F\u002F src\u002Fmain.tsx\nimport { render } from 'solid-js\u002Fweb'\nimport { RouterProvider, createRouter } from '@tanstack\u002Fsolid-router'\nimport { routeTree } from '.\u002FrouteTree.gen'\n\nconst router = createRouter({ routeTree })\n\n\u002F\u002F REQUIRED — without this, Link\u002FuseNavigate\u002FuseSearch have no type safety\ndeclare module '@tanstack\u002Fsolid-router' {\n interface Register {\n router: typeof router\n }\n}\n\nrender(\n () => \u003CRouterProvider router={router} \u002F>,\n document.getElementById('root')!,\n)\n",[1264],{"type":64,"tag":73,"props":1265,"children":1266},{"__ignoreMap":179},[1267,1275,1312,1357,1394,1401,1444,1451,1459,1488,1505,1527,1535,1542,1549,1562,1603,1646],{"type":64,"tag":185,"props":1268,"children":1269},{"class":187,"line":188},[1270],{"type":64,"tag":185,"props":1271,"children":1272},{"style":254},[1273],{"type":70,"value":1274},"\u002F\u002F src\u002Fmain.tsx\n",{"type":64,"tag":185,"props":1276,"children":1277},{"class":187,"line":209},[1278,1282,1286,1291,1295,1299,1303,1308],{"type":64,"tag":185,"props":1279,"children":1280},{"style":263},[1281],{"type":70,"value":266},{"type":64,"tag":185,"props":1283,"children":1284},{"style":269},[1285],{"type":70,"value":272},{"type":64,"tag":185,"props":1287,"children":1288},{"style":275},[1289],{"type":70,"value":1290}," render",{"type":64,"tag":185,"props":1292,"children":1293},{"style":269},[1294],{"type":70,"value":283},{"type":64,"tag":185,"props":1296,"children":1297},{"style":263},[1298],{"type":70,"value":288},{"type":64,"tag":185,"props":1300,"children":1301},{"style":269},[1302],{"type":70,"value":293},{"type":64,"tag":185,"props":1304,"children":1305},{"style":198},[1306],{"type":70,"value":1307},"solid-js\u002Fweb",{"type":64,"tag":185,"props":1309,"children":1310},{"style":269},[1311],{"type":70,"value":303},{"type":64,"tag":185,"props":1313,"children":1314},{"class":187,"line":306},[1315,1319,1323,1328,1332,1337,1341,1345,1349,1353],{"type":64,"tag":185,"props":1316,"children":1317},{"style":263},[1318],{"type":70,"value":266},{"type":64,"tag":185,"props":1320,"children":1321},{"style":269},[1322],{"type":70,"value":272},{"type":64,"tag":185,"props":1324,"children":1325},{"style":275},[1326],{"type":70,"value":1327}," RouterProvider",{"type":64,"tag":185,"props":1329,"children":1330},{"style":269},[1331],{"type":70,"value":617},{"type":64,"tag":185,"props":1333,"children":1334},{"style":275},[1335],{"type":70,"value":1336}," createRouter",{"type":64,"tag":185,"props":1338,"children":1339},{"style":269},[1340],{"type":70,"value":283},{"type":64,"tag":185,"props":1342,"children":1343},{"style":263},[1344],{"type":70,"value":288},{"type":64,"tag":185,"props":1346,"children":1347},{"style":269},[1348],{"type":70,"value":293},{"type":64,"tag":185,"props":1350,"children":1351},{"style":198},[1352],{"type":70,"value":78},{"type":64,"tag":185,"props":1354,"children":1355},{"style":269},[1356],{"type":70,"value":303},{"type":64,"tag":185,"props":1358,"children":1359},{"class":187,"line":337},[1360,1364,1368,1373,1377,1381,1385,1390],{"type":64,"tag":185,"props":1361,"children":1362},{"style":263},[1363],{"type":70,"value":266},{"type":64,"tag":185,"props":1365,"children":1366},{"style":269},[1367],{"type":70,"value":272},{"type":64,"tag":185,"props":1369,"children":1370},{"style":275},[1371],{"type":70,"value":1372}," routeTree",{"type":64,"tag":185,"props":1374,"children":1375},{"style":269},[1376],{"type":70,"value":283},{"type":64,"tag":185,"props":1378,"children":1379},{"style":263},[1380],{"type":70,"value":288},{"type":64,"tag":185,"props":1382,"children":1383},{"style":269},[1384],{"type":70,"value":293},{"type":64,"tag":185,"props":1386,"children":1387},{"style":198},[1388],{"type":70,"value":1389},".\u002FrouteTree.gen",{"type":64,"tag":185,"props":1391,"children":1392},{"style":269},[1393],{"type":70,"value":303},{"type":64,"tag":185,"props":1395,"children":1396},{"class":187,"line":375},[1397],{"type":64,"tag":185,"props":1398,"children":1399},{"emptyLinePlaceholder":379},[1400],{"type":70,"value":382},{"type":64,"tag":185,"props":1402,"children":1403},{"class":187,"line":385},[1404,1409,1414,1418,1422,1426,1431,1436,1440],{"type":64,"tag":185,"props":1405,"children":1406},{"style":668},[1407],{"type":70,"value":1408},"const",{"type":64,"tag":185,"props":1410,"children":1411},{"style":275},[1412],{"type":70,"value":1413}," router ",{"type":64,"tag":185,"props":1415,"children":1416},{"style":269},[1417],{"type":70,"value":681},{"type":64,"tag":185,"props":1419,"children":1420},{"style":399},[1421],{"type":70,"value":1336},{"type":64,"tag":185,"props":1423,"children":1424},{"style":275},[1425],{"type":70,"value":406},{"type":64,"tag":185,"props":1427,"children":1428},{"style":269},[1429],{"type":70,"value":1430},"{",{"type":64,"tag":185,"props":1432,"children":1433},{"style":275},[1434],{"type":70,"value":1435}," routeTree ",{"type":64,"tag":185,"props":1437,"children":1438},{"style":269},[1439],{"type":70,"value":568},{"type":64,"tag":185,"props":1441,"children":1442},{"style":275},[1443],{"type":70,"value":573},{"type":64,"tag":185,"props":1445,"children":1446},{"class":187,"line":414},[1447],{"type":64,"tag":185,"props":1448,"children":1449},{"emptyLinePlaceholder":379},[1450],{"type":70,"value":382},{"type":64,"tag":185,"props":1452,"children":1453},{"class":187,"line":434},[1454],{"type":64,"tag":185,"props":1455,"children":1456},{"style":254},[1457],{"type":70,"value":1458},"\u002F\u002F REQUIRED — without this, Link\u002FuseNavigate\u002FuseSearch have no type safety\n",{"type":64,"tag":185,"props":1460,"children":1461},{"class":187,"line":443},[1462,1467,1472,1476,1480,1484],{"type":64,"tag":185,"props":1463,"children":1464},{"style":668},[1465],{"type":70,"value":1466},"declare",{"type":64,"tag":185,"props":1468,"children":1469},{"style":668},[1470],{"type":70,"value":1471}," module",{"type":64,"tag":185,"props":1473,"children":1474},{"style":269},[1475],{"type":70,"value":293},{"type":64,"tag":185,"props":1477,"children":1478},{"style":198},[1479],{"type":70,"value":78},{"type":64,"tag":185,"props":1481,"children":1482},{"style":269},[1483],{"type":70,"value":483},{"type":64,"tag":185,"props":1485,"children":1486},{"style":269},[1487],{"type":70,"value":753},{"type":64,"tag":185,"props":1489,"children":1490},{"class":187,"line":460},[1491,1496,1501],{"type":64,"tag":185,"props":1492,"children":1493},{"style":668},[1494],{"type":70,"value":1495}," interface",{"type":64,"tag":185,"props":1497,"children":1498},{"style":192},[1499],{"type":70,"value":1500}," Register",{"type":64,"tag":185,"props":1502,"children":1503},{"style":269},[1504],{"type":70,"value":753},{"type":64,"tag":185,"props":1506,"children":1507},{"class":187,"line":491},[1508,1513,1517,1522],{"type":64,"tag":185,"props":1509,"children":1510},{"style":418},[1511],{"type":70,"value":1512}," router",{"type":64,"tag":185,"props":1514,"children":1515},{"style":269},[1516],{"type":70,"value":426},{"type":64,"tag":185,"props":1518,"children":1519},{"style":269},[1520],{"type":70,"value":1521}," typeof",{"type":64,"tag":185,"props":1523,"children":1524},{"style":275},[1525],{"type":70,"value":1526}," router\n",{"type":64,"tag":185,"props":1528,"children":1529},{"class":187,"line":514},[1530],{"type":64,"tag":185,"props":1531,"children":1532},{"style":269},[1533],{"type":70,"value":1534}," }\n",{"type":64,"tag":185,"props":1536,"children":1537},{"class":187,"line":531},[1538],{"type":64,"tag":185,"props":1539,"children":1540},{"style":269},[1541],{"type":70,"value":1038},{"type":64,"tag":185,"props":1543,"children":1544},{"class":187,"line":549},[1545],{"type":64,"tag":185,"props":1546,"children":1547},{"emptyLinePlaceholder":379},[1548],{"type":70,"value":382},{"type":64,"tag":185,"props":1550,"children":1551},{"class":187,"line":562},[1552,1557],{"type":64,"tag":185,"props":1553,"children":1554},{"style":399},[1555],{"type":70,"value":1556},"render",{"type":64,"tag":185,"props":1558,"children":1559},{"style":275},[1560],{"type":70,"value":1561},"(\n",{"type":64,"tag":185,"props":1563,"children":1564},{"class":187,"line":937},[1565,1570,1575,1579,1584,1589,1594,1598],{"type":64,"tag":185,"props":1566,"children":1567},{"style":269},[1568],{"type":70,"value":1569}," ()",{"type":64,"tag":185,"props":1571,"children":1572},{"style":668},[1573],{"type":70,"value":1574}," =>",{"type":64,"tag":185,"props":1576,"children":1577},{"style":269},[1578],{"type":70,"value":1219},{"type":64,"tag":185,"props":1580,"children":1581},{"style":192},[1582],{"type":70,"value":1583},"RouterProvider",{"type":64,"tag":185,"props":1585,"children":1586},{"style":668},[1587],{"type":70,"value":1588}," router",{"type":64,"tag":185,"props":1590,"children":1591},{"style":269},[1592],{"type":70,"value":1593},"={",{"type":64,"tag":185,"props":1595,"children":1596},{"style":275},[1597],{"type":70,"value":37},{"type":64,"tag":185,"props":1599,"children":1600},{"style":269},[1601],{"type":70,"value":1602},"} \u002F>,\n",{"type":64,"tag":185,"props":1604,"children":1605},{"class":187,"line":946},[1606,1611,1616,1621,1625,1629,1633,1637,1641],{"type":64,"tag":185,"props":1607,"children":1608},{"style":275},[1609],{"type":70,"value":1610}," document",{"type":64,"tag":185,"props":1612,"children":1613},{"style":269},[1614],{"type":70,"value":1615},".",{"type":64,"tag":185,"props":1617,"children":1618},{"style":399},[1619],{"type":70,"value":1620},"getElementById",{"type":64,"tag":185,"props":1622,"children":1623},{"style":275},[1624],{"type":70,"value":406},{"type":64,"tag":185,"props":1626,"children":1627},{"style":269},[1628],{"type":70,"value":483},{"type":64,"tag":185,"props":1630,"children":1631},{"style":198},[1632],{"type":70,"value":61},{"type":64,"tag":185,"props":1634,"children":1635},{"style":269},[1636],{"type":70,"value":483},{"type":64,"tag":185,"props":1638,"children":1639},{"style":275},[1640],{"type":70,"value":80},{"type":64,"tag":185,"props":1642,"children":1643},{"style":269},[1644],{"type":70,"value":1645},"!,\n",{"type":64,"tag":185,"props":1647,"children":1648},{"class":187,"line":962},[1649],{"type":64,"tag":185,"props":1650,"children":1651},{"style":275},[1652],{"type":70,"value":573},{"type":64,"tag":160,"props":1654,"children":1656},{"id":1655},"hooks-reference",[1657],{"type":70,"value":1658},"Hooks Reference",{"type":64,"tag":82,"props":1660,"children":1661},{},[1662,1664,1669,1671,1676],{"type":70,"value":1663},"All hooks imported from ",{"type":64,"tag":73,"props":1665,"children":1667},{"className":1666},[],[1668],{"type":70,"value":78},{"type":70,"value":1670},". Most return ",{"type":64,"tag":73,"props":1672,"children":1674},{"className":1673},[],[1675],{"type":70,"value":127},{"type":70,"value":1677}," — call the result to read the value.",{"type":64,"tag":167,"props":1679,"children":1681},{"id":1680},"userouter-returns-trouter-not-an-accessor",[1682,1688,1690,1696],{"type":64,"tag":73,"props":1683,"children":1685},{"className":1684},[],[1686],{"type":70,"value":1687},"useRouter()",{"type":70,"value":1689}," — returns ",{"type":64,"tag":73,"props":1691,"children":1693},{"className":1692},[],[1694],{"type":70,"value":1695},"TRouter",{"type":70,"value":1697}," (NOT an Accessor)",{"type":64,"tag":174,"props":1699,"children":1701},{"className":582,"code":1700,"language":584,"meta":179,"style":179},"import { useRouter } from '@tanstack\u002Fsolid-router'\n\nfunction InvalidateButton() {\n const router = useRouter()\n return \u003Cbutton onClick={() => router.invalidate()}>Refresh data\u003C\u002Fbutton>\n}\n",[1702],{"type":64,"tag":73,"props":1703,"children":1704},{"__ignoreMap":179},[1705,1741,1748,1768,1794,1863],{"type":64,"tag":185,"props":1706,"children":1707},{"class":187,"line":188},[1708,1712,1716,1721,1725,1729,1733,1737],{"type":64,"tag":185,"props":1709,"children":1710},{"style":263},[1711],{"type":70,"value":266},{"type":64,"tag":185,"props":1713,"children":1714},{"style":269},[1715],{"type":70,"value":272},{"type":64,"tag":185,"props":1717,"children":1718},{"style":275},[1719],{"type":70,"value":1720}," useRouter",{"type":64,"tag":185,"props":1722,"children":1723},{"style":269},[1724],{"type":70,"value":283},{"type":64,"tag":185,"props":1726,"children":1727},{"style":263},[1728],{"type":70,"value":288},{"type":64,"tag":185,"props":1730,"children":1731},{"style":269},[1732],{"type":70,"value":293},{"type":64,"tag":185,"props":1734,"children":1735},{"style":198},[1736],{"type":70,"value":78},{"type":64,"tag":185,"props":1738,"children":1739},{"style":269},[1740],{"type":70,"value":303},{"type":64,"tag":185,"props":1742,"children":1743},{"class":187,"line":209},[1744],{"type":64,"tag":185,"props":1745,"children":1746},{"emptyLinePlaceholder":379},[1747],{"type":70,"value":382},{"type":64,"tag":185,"props":1749,"children":1750},{"class":187,"line":306},[1751,1755,1760,1764],{"type":64,"tag":185,"props":1752,"children":1753},{"style":668},[1754],{"type":70,"value":740},{"type":64,"tag":185,"props":1756,"children":1757},{"style":399},[1758],{"type":70,"value":1759}," InvalidateButton",{"type":64,"tag":185,"props":1761,"children":1762},{"style":269},[1763],{"type":70,"value":542},{"type":64,"tag":185,"props":1765,"children":1766},{"style":269},[1767],{"type":70,"value":753},{"type":64,"tag":185,"props":1769,"children":1770},{"class":187,"line":337},[1771,1776,1780,1785,1789],{"type":64,"tag":185,"props":1772,"children":1773},{"style":668},[1774],{"type":70,"value":1775}," const",{"type":64,"tag":185,"props":1777,"children":1778},{"style":275},[1779],{"type":70,"value":1588},{"type":64,"tag":185,"props":1781,"children":1782},{"style":269},[1783],{"type":70,"value":1784}," =",{"type":64,"tag":185,"props":1786,"children":1787},{"style":399},[1788],{"type":70,"value":1720},{"type":64,"tag":185,"props":1790,"children":1791},{"style":418},[1792],{"type":70,"value":1793},"()\n",{"type":64,"tag":185,"props":1795,"children":1796},{"class":187,"line":375},[1797,1801,1805,1810,1815,1820,1824,1828,1832,1837,1841,1846,1851,1855,1859],{"type":64,"tag":185,"props":1798,"children":1799},{"style":263},[1800],{"type":70,"value":761},{"type":64,"tag":185,"props":1802,"children":1803},{"style":269},[1804],{"type":70,"value":1219},{"type":64,"tag":185,"props":1806,"children":1807},{"style":418},[1808],{"type":70,"value":1809},"button",{"type":64,"tag":185,"props":1811,"children":1812},{"style":668},[1813],{"type":70,"value":1814}," onClick",{"type":64,"tag":185,"props":1816,"children":1817},{"style":269},[1818],{"type":70,"value":1819},"={()",{"type":64,"tag":185,"props":1821,"children":1822},{"style":668},[1823],{"type":70,"value":1574},{"type":64,"tag":185,"props":1825,"children":1826},{"style":275},[1827],{"type":70,"value":1588},{"type":64,"tag":185,"props":1829,"children":1830},{"style":269},[1831],{"type":70,"value":1615},{"type":64,"tag":185,"props":1833,"children":1834},{"style":399},[1835],{"type":70,"value":1836},"invalidate",{"type":64,"tag":185,"props":1838,"children":1839},{"style":275},[1840],{"type":70,"value":542},{"type":64,"tag":185,"props":1842,"children":1843},{"style":269},[1844],{"type":70,"value":1845},"}>",{"type":64,"tag":185,"props":1847,"children":1848},{"style":275},[1849],{"type":70,"value":1850},"Refresh data",{"type":64,"tag":185,"props":1852,"children":1853},{"style":269},[1854],{"type":70,"value":1238},{"type":64,"tag":185,"props":1856,"children":1857},{"style":418},[1858],{"type":70,"value":1809},{"type":64,"tag":185,"props":1860,"children":1861},{"style":269},[1862],{"type":70,"value":792},{"type":64,"tag":185,"props":1864,"children":1865},{"class":187,"line":385},[1866],{"type":64,"tag":185,"props":1867,"children":1868},{"style":269},[1869],{"type":70,"value":1038},{"type":64,"tag":167,"props":1871,"children":1873},{"id":1872},"userouterstate-returns-accessort",[1874,1880,1881],{"type":64,"tag":73,"props":1875,"children":1877},{"className":1876},[],[1878],{"type":70,"value":1879},"useRouterState()",{"type":70,"value":1689},{"type":64,"tag":73,"props":1882,"children":1884},{"className":1883},[],[1885],{"type":70,"value":127},{"type":64,"tag":82,"props":1887,"children":1888},{},[1889,1891,1897,1899,1905],{"type":70,"value":1890},"Exposes the entire state and thus incurs a performance cost. For matches or location favor ",{"type":64,"tag":73,"props":1892,"children":1894},{"className":1893},[],[1895],{"type":70,"value":1896},"useMatches",{"type":70,"value":1898}," and ",{"type":64,"tag":73,"props":1900,"children":1902},{"className":1901},[],[1903],{"type":70,"value":1904},"useLocation",{"type":70,"value":1615},{"type":64,"tag":174,"props":1907,"children":1909},{"className":582,"code":1908,"language":584,"meta":179,"style":179},"import { useRouterState } from '@tanstack\u002Fsolid-router'\n\nfunction LoadingIndicator() {\n const isLoading = useRouterState({ select: (s) => s.isLoading })\n return (\n \u003CShow when={isLoading()}>\n \u003Cdiv>Loading...\u003C\u002Fdiv>\n \u003C\u002FShow>\n )\n}\n",[1910],{"type":64,"tag":73,"props":1911,"children":1912},{"__ignoreMap":179},[1913,1949,1956,1976,2054,2065,2100,2133,2149,2156],{"type":64,"tag":185,"props":1914,"children":1915},{"class":187,"line":188},[1916,1920,1924,1929,1933,1937,1941,1945],{"type":64,"tag":185,"props":1917,"children":1918},{"style":263},[1919],{"type":70,"value":266},{"type":64,"tag":185,"props":1921,"children":1922},{"style":269},[1923],{"type":70,"value":272},{"type":64,"tag":185,"props":1925,"children":1926},{"style":275},[1927],{"type":70,"value":1928}," useRouterState",{"type":64,"tag":185,"props":1930,"children":1931},{"style":269},[1932],{"type":70,"value":283},{"type":64,"tag":185,"props":1934,"children":1935},{"style":263},[1936],{"type":70,"value":288},{"type":64,"tag":185,"props":1938,"children":1939},{"style":269},[1940],{"type":70,"value":293},{"type":64,"tag":185,"props":1942,"children":1943},{"style":198},[1944],{"type":70,"value":78},{"type":64,"tag":185,"props":1946,"children":1947},{"style":269},[1948],{"type":70,"value":303},{"type":64,"tag":185,"props":1950,"children":1951},{"class":187,"line":209},[1952],{"type":64,"tag":185,"props":1953,"children":1954},{"emptyLinePlaceholder":379},[1955],{"type":70,"value":382},{"type":64,"tag":185,"props":1957,"children":1958},{"class":187,"line":306},[1959,1963,1968,1972],{"type":64,"tag":185,"props":1960,"children":1961},{"style":668},[1962],{"type":70,"value":740},{"type":64,"tag":185,"props":1964,"children":1965},{"style":399},[1966],{"type":70,"value":1967}," LoadingIndicator",{"type":64,"tag":185,"props":1969,"children":1970},{"style":269},[1971],{"type":70,"value":542},{"type":64,"tag":185,"props":1973,"children":1974},{"style":269},[1975],{"type":70,"value":753},{"type":64,"tag":185,"props":1977,"children":1978},{"class":187,"line":337},[1979,1983,1988,1992,1996,2000,2004,2009,2013,2018,2024,2028,2032,2037,2041,2046,2050],{"type":64,"tag":185,"props":1980,"children":1981},{"style":668},[1982],{"type":70,"value":1775},{"type":64,"tag":185,"props":1984,"children":1985},{"style":275},[1986],{"type":70,"value":1987}," isLoading",{"type":64,"tag":185,"props":1989,"children":1990},{"style":269},[1991],{"type":70,"value":1784},{"type":64,"tag":185,"props":1993,"children":1994},{"style":399},[1995],{"type":70,"value":1928},{"type":64,"tag":185,"props":1997,"children":1998},{"style":418},[1999],{"type":70,"value":406},{"type":64,"tag":185,"props":2001,"children":2002},{"style":269},[2003],{"type":70,"value":1430},{"type":64,"tag":185,"props":2005,"children":2006},{"style":399},[2007],{"type":70,"value":2008}," select",{"type":64,"tag":185,"props":2010,"children":2011},{"style":269},[2012],{"type":70,"value":426},{"type":64,"tag":185,"props":2014,"children":2015},{"style":269},[2016],{"type":70,"value":2017}," (",{"type":64,"tag":185,"props":2019,"children":2021},{"style":2020},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[2022],{"type":70,"value":2023},"s",{"type":64,"tag":185,"props":2025,"children":2026},{"style":269},[2027],{"type":70,"value":80},{"type":64,"tag":185,"props":2029,"children":2030},{"style":668},[2031],{"type":70,"value":1574},{"type":64,"tag":185,"props":2033,"children":2034},{"style":275},[2035],{"type":70,"value":2036}," s",{"type":64,"tag":185,"props":2038,"children":2039},{"style":269},[2040],{"type":70,"value":1615},{"type":64,"tag":185,"props":2042,"children":2043},{"style":275},[2044],{"type":70,"value":2045},"isLoading",{"type":64,"tag":185,"props":2047,"children":2048},{"style":269},[2049],{"type":70,"value":283},{"type":64,"tag":185,"props":2051,"children":2052},{"style":418},[2053],{"type":70,"value":573},{"type":64,"tag":185,"props":2055,"children":2056},{"class":187,"line":375},[2057,2061],{"type":64,"tag":185,"props":2058,"children":2059},{"style":263},[2060],{"type":70,"value":761},{"type":64,"tag":185,"props":2062,"children":2063},{"style":418},[2064],{"type":70,"value":766},{"type":64,"tag":185,"props":2066,"children":2067},{"class":187,"line":385},[2068,2073,2078,2083,2087,2091,2095],{"type":64,"tag":185,"props":2069,"children":2070},{"style":269},[2071],{"type":70,"value":2072}," \u003C",{"type":64,"tag":185,"props":2074,"children":2075},{"style":192},[2076],{"type":70,"value":2077},"Show",{"type":64,"tag":185,"props":2079,"children":2080},{"style":668},[2081],{"type":70,"value":2082}," when",{"type":64,"tag":185,"props":2084,"children":2085},{"style":269},[2086],{"type":70,"value":1593},{"type":64,"tag":185,"props":2088,"children":2089},{"style":399},[2090],{"type":70,"value":2045},{"type":64,"tag":185,"props":2092,"children":2093},{"style":275},[2094],{"type":70,"value":542},{"type":64,"tag":185,"props":2096,"children":2097},{"style":269},[2098],{"type":70,"value":2099},"}>\n",{"type":64,"tag":185,"props":2101,"children":2102},{"class":187,"line":414},[2103,2107,2112,2116,2121,2125,2129],{"type":64,"tag":185,"props":2104,"children":2105},{"style":269},[2106],{"type":70,"value":782},{"type":64,"tag":185,"props":2108,"children":2109},{"style":418},[2110],{"type":70,"value":2111},"div",{"type":64,"tag":185,"props":2113,"children":2114},{"style":269},[2115],{"type":70,"value":1228},{"type":64,"tag":185,"props":2117,"children":2118},{"style":275},[2119],{"type":70,"value":2120},"Loading...",{"type":64,"tag":185,"props":2122,"children":2123},{"style":269},[2124],{"type":70,"value":1238},{"type":64,"tag":185,"props":2126,"children":2127},{"style":418},[2128],{"type":70,"value":2111},{"type":64,"tag":185,"props":2130,"children":2131},{"style":269},[2132],{"type":70,"value":792},{"type":64,"tag":185,"props":2134,"children":2135},{"class":187,"line":434},[2136,2141,2145],{"type":64,"tag":185,"props":2137,"children":2138},{"style":269},[2139],{"type":70,"value":2140}," \u003C\u002F",{"type":64,"tag":185,"props":2142,"children":2143},{"style":192},[2144],{"type":70,"value":2077},{"type":64,"tag":185,"props":2146,"children":2147},{"style":269},[2148],{"type":70,"value":792},{"type":64,"tag":185,"props":2150,"children":2151},{"class":187,"line":443},[2152],{"type":64,"tag":185,"props":2153,"children":2154},{"style":418},[2155],{"type":70,"value":1029},{"type":64,"tag":185,"props":2157,"children":2158},{"class":187,"line":460},[2159],{"type":64,"tag":185,"props":2160,"children":2161},{"style":269},[2162],{"type":70,"value":1038},{"type":64,"tag":167,"props":2164,"children":2166},{"id":2165},"usenavigate-returns-a-function-not-an-accessor",[2167,2173],{"type":64,"tag":73,"props":2168,"children":2170},{"className":2169},[],[2171],{"type":70,"value":2172},"useNavigate()",{"type":70,"value":2174}," — returns a function (NOT an Accessor)",{"type":64,"tag":174,"props":2176,"children":2178},{"className":582,"code":2177,"language":584,"meta":179,"style":179},"import { useNavigate } from '@tanstack\u002Fsolid-router'\n\nfunction AfterSubmit() {\n const navigate = useNavigate()\n\n const handleSubmit = async () => {\n await saveData()\n navigate({ to: '\u002Fposts\u002F$postId', params: { postId: '123' } })\n }\n\n return \u003Cbutton onClick={handleSubmit}>Save\u003C\u002Fbutton>\n}\n",[2179],{"type":64,"tag":73,"props":2180,"children":2181},{"__ignoreMap":179},[2182,2218,2225,2245,2269,2276,2310,2327,2415,2422,2429,2478],{"type":64,"tag":185,"props":2183,"children":2184},{"class":187,"line":188},[2185,2189,2193,2198,2202,2206,2210,2214],{"type":64,"tag":185,"props":2186,"children":2187},{"style":263},[2188],{"type":70,"value":266},{"type":64,"tag":185,"props":2190,"children":2191},{"style":269},[2192],{"type":70,"value":272},{"type":64,"tag":185,"props":2194,"children":2195},{"style":275},[2196],{"type":70,"value":2197}," useNavigate",{"type":64,"tag":185,"props":2199,"children":2200},{"style":269},[2201],{"type":70,"value":283},{"type":64,"tag":185,"props":2203,"children":2204},{"style":263},[2205],{"type":70,"value":288},{"type":64,"tag":185,"props":2207,"children":2208},{"style":269},[2209],{"type":70,"value":293},{"type":64,"tag":185,"props":2211,"children":2212},{"style":198},[2213],{"type":70,"value":78},{"type":64,"tag":185,"props":2215,"children":2216},{"style":269},[2217],{"type":70,"value":303},{"type":64,"tag":185,"props":2219,"children":2220},{"class":187,"line":209},[2221],{"type":64,"tag":185,"props":2222,"children":2223},{"emptyLinePlaceholder":379},[2224],{"type":70,"value":382},{"type":64,"tag":185,"props":2226,"children":2227},{"class":187,"line":306},[2228,2232,2237,2241],{"type":64,"tag":185,"props":2229,"children":2230},{"style":668},[2231],{"type":70,"value":740},{"type":64,"tag":185,"props":2233,"children":2234},{"style":399},[2235],{"type":70,"value":2236}," AfterSubmit",{"type":64,"tag":185,"props":2238,"children":2239},{"style":269},[2240],{"type":70,"value":542},{"type":64,"tag":185,"props":2242,"children":2243},{"style":269},[2244],{"type":70,"value":753},{"type":64,"tag":185,"props":2246,"children":2247},{"class":187,"line":337},[2248,2252,2257,2261,2265],{"type":64,"tag":185,"props":2249,"children":2250},{"style":668},[2251],{"type":70,"value":1775},{"type":64,"tag":185,"props":2253,"children":2254},{"style":275},[2255],{"type":70,"value":2256}," navigate",{"type":64,"tag":185,"props":2258,"children":2259},{"style":269},[2260],{"type":70,"value":1784},{"type":64,"tag":185,"props":2262,"children":2263},{"style":399},[2264],{"type":70,"value":2197},{"type":64,"tag":185,"props":2266,"children":2267},{"style":418},[2268],{"type":70,"value":1793},{"type":64,"tag":185,"props":2270,"children":2271},{"class":187,"line":375},[2272],{"type":64,"tag":185,"props":2273,"children":2274},{"emptyLinePlaceholder":379},[2275],{"type":70,"value":382},{"type":64,"tag":185,"props":2277,"children":2278},{"class":187,"line":385},[2279,2283,2288,2292,2297,2302,2306],{"type":64,"tag":185,"props":2280,"children":2281},{"style":668},[2282],{"type":70,"value":1775},{"type":64,"tag":185,"props":2284,"children":2285},{"style":275},[2286],{"type":70,"value":2287}," handleSubmit",{"type":64,"tag":185,"props":2289,"children":2290},{"style":269},[2291],{"type":70,"value":1784},{"type":64,"tag":185,"props":2293,"children":2294},{"style":668},[2295],{"type":70,"value":2296}," async",{"type":64,"tag":185,"props":2298,"children":2299},{"style":269},[2300],{"type":70,"value":2301}," ()",{"type":64,"tag":185,"props":2303,"children":2304},{"style":668},[2305],{"type":70,"value":1574},{"type":64,"tag":185,"props":2307,"children":2308},{"style":269},[2309],{"type":70,"value":753},{"type":64,"tag":185,"props":2311,"children":2312},{"class":187,"line":414},[2313,2318,2323],{"type":64,"tag":185,"props":2314,"children":2315},{"style":263},[2316],{"type":70,"value":2317}," await",{"type":64,"tag":185,"props":2319,"children":2320},{"style":399},[2321],{"type":70,"value":2322}," saveData",{"type":64,"tag":185,"props":2324,"children":2325},{"style":418},[2326],{"type":70,"value":1793},{"type":64,"tag":185,"props":2328,"children":2329},{"class":187,"line":434},[2330,2335,2339,2343,2347,2351,2355,2360,2364,2368,2373,2377,2381,2386,2390,2394,2399,2403,2407,2411],{"type":64,"tag":185,"props":2331,"children":2332},{"style":399},[2333],{"type":70,"value":2334}," navigate",{"type":64,"tag":185,"props":2336,"children":2337},{"style":418},[2338],{"type":70,"value":406},{"type":64,"tag":185,"props":2340,"children":2341},{"style":269},[2342],{"type":70,"value":1430},{"type":64,"tag":185,"props":2344,"children":2345},{"style":418},[2346],{"type":70,"value":810},{"type":64,"tag":185,"props":2348,"children":2349},{"style":269},[2350],{"type":70,"value":426},{"type":64,"tag":185,"props":2352,"children":2353},{"style":269},[2354],{"type":70,"value":293},{"type":64,"tag":185,"props":2356,"children":2357},{"style":198},[2358],{"type":70,"value":2359},"\u002Fposts\u002F$postId",{"type":64,"tag":185,"props":2361,"children":2362},{"style":269},[2363],{"type":70,"value":483},{"type":64,"tag":185,"props":2365,"children":2366},{"style":269},[2367],{"type":70,"value":617},{"type":64,"tag":185,"props":2369,"children":2370},{"style":418},[2371],{"type":70,"value":2372}," params",{"type":64,"tag":185,"props":2374,"children":2375},{"style":269},[2376],{"type":70,"value":426},{"type":64,"tag":185,"props":2378,"children":2379},{"style":269},[2380],{"type":70,"value":272},{"type":64,"tag":185,"props":2382,"children":2383},{"style":418},[2384],{"type":70,"value":2385}," postId",{"type":64,"tag":185,"props":2387,"children":2388},{"style":269},[2389],{"type":70,"value":426},{"type":64,"tag":185,"props":2391,"children":2392},{"style":269},[2393],{"type":70,"value":293},{"type":64,"tag":185,"props":2395,"children":2396},{"style":198},[2397],{"type":70,"value":2398},"123",{"type":64,"tag":185,"props":2400,"children":2401},{"style":269},[2402],{"type":70,"value":483},{"type":64,"tag":185,"props":2404,"children":2405},{"style":269},[2406],{"type":70,"value":283},{"type":64,"tag":185,"props":2408,"children":2409},{"style":269},[2410],{"type":70,"value":283},{"type":64,"tag":185,"props":2412,"children":2413},{"style":418},[2414],{"type":70,"value":573},{"type":64,"tag":185,"props":2416,"children":2417},{"class":187,"line":443},[2418],{"type":64,"tag":185,"props":2419,"children":2420},{"style":269},[2421],{"type":70,"value":1534},{"type":64,"tag":185,"props":2423,"children":2424},{"class":187,"line":460},[2425],{"type":64,"tag":185,"props":2426,"children":2427},{"emptyLinePlaceholder":379},[2428],{"type":70,"value":382},{"type":64,"tag":185,"props":2430,"children":2431},{"class":187,"line":491},[2432,2436,2440,2444,2448,2452,2457,2461,2466,2470,2474],{"type":64,"tag":185,"props":2433,"children":2434},{"style":263},[2435],{"type":70,"value":761},{"type":64,"tag":185,"props":2437,"children":2438},{"style":269},[2439],{"type":70,"value":1219},{"type":64,"tag":185,"props":2441,"children":2442},{"style":418},[2443],{"type":70,"value":1809},{"type":64,"tag":185,"props":2445,"children":2446},{"style":668},[2447],{"type":70,"value":1814},{"type":64,"tag":185,"props":2449,"children":2450},{"style":269},[2451],{"type":70,"value":1593},{"type":64,"tag":185,"props":2453,"children":2454},{"style":275},[2455],{"type":70,"value":2456},"handleSubmit",{"type":64,"tag":185,"props":2458,"children":2459},{"style":269},[2460],{"type":70,"value":1845},{"type":64,"tag":185,"props":2462,"children":2463},{"style":275},[2464],{"type":70,"value":2465},"Save",{"type":64,"tag":185,"props":2467,"children":2468},{"style":269},[2469],{"type":70,"value":1238},{"type":64,"tag":185,"props":2471,"children":2472},{"style":418},[2473],{"type":70,"value":1809},{"type":64,"tag":185,"props":2475,"children":2476},{"style":269},[2477],{"type":70,"value":792},{"type":64,"tag":185,"props":2479,"children":2480},{"class":187,"line":514},[2481],{"type":64,"tag":185,"props":2482,"children":2483},{"style":269},[2484],{"type":70,"value":1038},{"type":64,"tag":167,"props":2486,"children":2488},{"id":2487},"usesearch-from-returns-accessort",[2489,2495,2496],{"type":64,"tag":73,"props":2490,"children":2492},{"className":2491},[],[2493],{"type":70,"value":2494},"useSearch({ from })",{"type":70,"value":1689},{"type":64,"tag":73,"props":2497,"children":2499},{"className":2498},[],[2500],{"type":70,"value":127},{"type":64,"tag":174,"props":2502,"children":2504},{"className":582,"code":2503,"language":584,"meta":179,"style":179},"import { useSearch } from '@tanstack\u002Fsolid-router'\n\nfunction Pagination() {\n const search = useSearch({ from: '\u002Fproducts' })\n return \u003Cspan>Page {search().page}\u003C\u002Fspan>\n}\n",[2505],{"type":64,"tag":73,"props":2506,"children":2507},{"__ignoreMap":179},[2508,2544,2551,2571,2628,2686],{"type":64,"tag":185,"props":2509,"children":2510},{"class":187,"line":188},[2511,2515,2519,2524,2528,2532,2536,2540],{"type":64,"tag":185,"props":2512,"children":2513},{"style":263},[2514],{"type":70,"value":266},{"type":64,"tag":185,"props":2516,"children":2517},{"style":269},[2518],{"type":70,"value":272},{"type":64,"tag":185,"props":2520,"children":2521},{"style":275},[2522],{"type":70,"value":2523}," useSearch",{"type":64,"tag":185,"props":2525,"children":2526},{"style":269},[2527],{"type":70,"value":283},{"type":64,"tag":185,"props":2529,"children":2530},{"style":263},[2531],{"type":70,"value":288},{"type":64,"tag":185,"props":2533,"children":2534},{"style":269},[2535],{"type":70,"value":293},{"type":64,"tag":185,"props":2537,"children":2538},{"style":198},[2539],{"type":70,"value":78},{"type":64,"tag":185,"props":2541,"children":2542},{"style":269},[2543],{"type":70,"value":303},{"type":64,"tag":185,"props":2545,"children":2546},{"class":187,"line":209},[2547],{"type":64,"tag":185,"props":2548,"children":2549},{"emptyLinePlaceholder":379},[2550],{"type":70,"value":382},{"type":64,"tag":185,"props":2552,"children":2553},{"class":187,"line":306},[2554,2558,2563,2567],{"type":64,"tag":185,"props":2555,"children":2556},{"style":668},[2557],{"type":70,"value":740},{"type":64,"tag":185,"props":2559,"children":2560},{"style":399},[2561],{"type":70,"value":2562}," Pagination",{"type":64,"tag":185,"props":2564,"children":2565},{"style":269},[2566],{"type":70,"value":542},{"type":64,"tag":185,"props":2568,"children":2569},{"style":269},[2570],{"type":70,"value":753},{"type":64,"tag":185,"props":2572,"children":2573},{"class":187,"line":337},[2574,2578,2583,2587,2591,2595,2599,2603,2607,2611,2616,2620,2624],{"type":64,"tag":185,"props":2575,"children":2576},{"style":668},[2577],{"type":70,"value":1775},{"type":64,"tag":185,"props":2579,"children":2580},{"style":275},[2581],{"type":70,"value":2582}," search",{"type":64,"tag":185,"props":2584,"children":2585},{"style":269},[2586],{"type":70,"value":1784},{"type":64,"tag":185,"props":2588,"children":2589},{"style":399},[2590],{"type":70,"value":2523},{"type":64,"tag":185,"props":2592,"children":2593},{"style":418},[2594],{"type":70,"value":406},{"type":64,"tag":185,"props":2596,"children":2597},{"style":269},[2598],{"type":70,"value":1430},{"type":64,"tag":185,"props":2600,"children":2601},{"style":418},[2602],{"type":70,"value":288},{"type":64,"tag":185,"props":2604,"children":2605},{"style":269},[2606],{"type":70,"value":426},{"type":64,"tag":185,"props":2608,"children":2609},{"style":269},[2610],{"type":70,"value":293},{"type":64,"tag":185,"props":2612,"children":2613},{"style":198},[2614],{"type":70,"value":2615},"\u002Fproducts",{"type":64,"tag":185,"props":2617,"children":2618},{"style":269},[2619],{"type":70,"value":483},{"type":64,"tag":185,"props":2621,"children":2622},{"style":269},[2623],{"type":70,"value":283},{"type":64,"tag":185,"props":2625,"children":2626},{"style":418},[2627],{"type":70,"value":573},{"type":64,"tag":185,"props":2629,"children":2630},{"class":187,"line":375},[2631,2635,2639,2643,2647,2652,2656,2660,2664,2668,2673,2678,2682],{"type":64,"tag":185,"props":2632,"children":2633},{"style":263},[2634],{"type":70,"value":761},{"type":64,"tag":185,"props":2636,"children":2637},{"style":269},[2638],{"type":70,"value":1219},{"type":64,"tag":185,"props":2640,"children":2641},{"style":418},[2642],{"type":70,"value":185},{"type":64,"tag":185,"props":2644,"children":2645},{"style":269},[2646],{"type":70,"value":1228},{"type":64,"tag":185,"props":2648,"children":2649},{"style":275},[2650],{"type":70,"value":2651},"Page ",{"type":64,"tag":185,"props":2653,"children":2654},{"style":269},[2655],{"type":70,"value":1430},{"type":64,"tag":185,"props":2657,"children":2658},{"style":399},[2659],{"type":70,"value":39},{"type":64,"tag":185,"props":2661,"children":2662},{"style":275},[2663],{"type":70,"value":542},{"type":64,"tag":185,"props":2665,"children":2666},{"style":269},[2667],{"type":70,"value":1615},{"type":64,"tag":185,"props":2669,"children":2670},{"style":275},[2671],{"type":70,"value":2672},"page",{"type":64,"tag":185,"props":2674,"children":2675},{"style":269},[2676],{"type":70,"value":2677},"}\u003C\u002F",{"type":64,"tag":185,"props":2679,"children":2680},{"style":418},[2681],{"type":70,"value":185},{"type":64,"tag":185,"props":2683,"children":2684},{"style":269},[2685],{"type":70,"value":792},{"type":64,"tag":185,"props":2687,"children":2688},{"class":187,"line":385},[2689],{"type":64,"tag":185,"props":2690,"children":2691},{"style":269},[2692],{"type":70,"value":1038},{"type":64,"tag":167,"props":2694,"children":2696},{"id":2695},"useparams-from-returns-accessort",[2697,2703,2704],{"type":64,"tag":73,"props":2698,"children":2700},{"className":2699},[],[2701],{"type":70,"value":2702},"useParams({ from })",{"type":70,"value":1689},{"type":64,"tag":73,"props":2705,"children":2707},{"className":2706},[],[2708],{"type":70,"value":127},{"type":64,"tag":174,"props":2710,"children":2712},{"className":582,"code":2711,"language":584,"meta":179,"style":179},"import { useParams } from '@tanstack\u002Fsolid-router'\n\nfunction PostHeader() {\n const params = useParams({ from: '\u002Fposts\u002F$postId' })\n return \u003Ch2>Post {params().postId}\u003C\u002Fh2>\n}\n",[2713],{"type":64,"tag":73,"props":2714,"children":2715},{"__ignoreMap":179},[2716,2752,2759,2779,2834,2892],{"type":64,"tag":185,"props":2717,"children":2718},{"class":187,"line":188},[2719,2723,2727,2732,2736,2740,2744,2748],{"type":64,"tag":185,"props":2720,"children":2721},{"style":263},[2722],{"type":70,"value":266},{"type":64,"tag":185,"props":2724,"children":2725},{"style":269},[2726],{"type":70,"value":272},{"type":64,"tag":185,"props":2728,"children":2729},{"style":275},[2730],{"type":70,"value":2731}," useParams",{"type":64,"tag":185,"props":2733,"children":2734},{"style":269},[2735],{"type":70,"value":283},{"type":64,"tag":185,"props":2737,"children":2738},{"style":263},[2739],{"type":70,"value":288},{"type":64,"tag":185,"props":2741,"children":2742},{"style":269},[2743],{"type":70,"value":293},{"type":64,"tag":185,"props":2745,"children":2746},{"style":198},[2747],{"type":70,"value":78},{"type":64,"tag":185,"props":2749,"children":2750},{"style":269},[2751],{"type":70,"value":303},{"type":64,"tag":185,"props":2753,"children":2754},{"class":187,"line":209},[2755],{"type":64,"tag":185,"props":2756,"children":2757},{"emptyLinePlaceholder":379},[2758],{"type":70,"value":382},{"type":64,"tag":185,"props":2760,"children":2761},{"class":187,"line":306},[2762,2766,2771,2775],{"type":64,"tag":185,"props":2763,"children":2764},{"style":668},[2765],{"type":70,"value":740},{"type":64,"tag":185,"props":2767,"children":2768},{"style":399},[2769],{"type":70,"value":2770}," PostHeader",{"type":64,"tag":185,"props":2772,"children":2773},{"style":269},[2774],{"type":70,"value":542},{"type":64,"tag":185,"props":2776,"children":2777},{"style":269},[2778],{"type":70,"value":753},{"type":64,"tag":185,"props":2780,"children":2781},{"class":187,"line":337},[2782,2786,2790,2794,2798,2802,2806,2810,2814,2818,2822,2826,2830],{"type":64,"tag":185,"props":2783,"children":2784},{"style":668},[2785],{"type":70,"value":1775},{"type":64,"tag":185,"props":2787,"children":2788},{"style":275},[2789],{"type":70,"value":2372},{"type":64,"tag":185,"props":2791,"children":2792},{"style":269},[2793],{"type":70,"value":1784},{"type":64,"tag":185,"props":2795,"children":2796},{"style":399},[2797],{"type":70,"value":2731},{"type":64,"tag":185,"props":2799,"children":2800},{"style":418},[2801],{"type":70,"value":406},{"type":64,"tag":185,"props":2803,"children":2804},{"style":269},[2805],{"type":70,"value":1430},{"type":64,"tag":185,"props":2807,"children":2808},{"style":418},[2809],{"type":70,"value":288},{"type":64,"tag":185,"props":2811,"children":2812},{"style":269},[2813],{"type":70,"value":426},{"type":64,"tag":185,"props":2815,"children":2816},{"style":269},[2817],{"type":70,"value":293},{"type":64,"tag":185,"props":2819,"children":2820},{"style":198},[2821],{"type":70,"value":2359},{"type":64,"tag":185,"props":2823,"children":2824},{"style":269},[2825],{"type":70,"value":483},{"type":64,"tag":185,"props":2827,"children":2828},{"style":269},[2829],{"type":70,"value":283},{"type":64,"tag":185,"props":2831,"children":2832},{"style":418},[2833],{"type":70,"value":573},{"type":64,"tag":185,"props":2835,"children":2836},{"class":187,"line":375},[2837,2841,2845,2849,2853,2858,2862,2867,2871,2875,2880,2884,2888],{"type":64,"tag":185,"props":2838,"children":2839},{"style":263},[2840],{"type":70,"value":761},{"type":64,"tag":185,"props":2842,"children":2843},{"style":269},[2844],{"type":70,"value":1219},{"type":64,"tag":185,"props":2846,"children":2847},{"style":418},[2848],{"type":70,"value":160},{"type":64,"tag":185,"props":2850,"children":2851},{"style":269},[2852],{"type":70,"value":1228},{"type":64,"tag":185,"props":2854,"children":2855},{"style":275},[2856],{"type":70,"value":2857},"Post ",{"type":64,"tag":185,"props":2859,"children":2860},{"style":269},[2861],{"type":70,"value":1430},{"type":64,"tag":185,"props":2863,"children":2864},{"style":399},[2865],{"type":70,"value":2866},"params",{"type":64,"tag":185,"props":2868,"children":2869},{"style":275},[2870],{"type":70,"value":542},{"type":64,"tag":185,"props":2872,"children":2873},{"style":269},[2874],{"type":70,"value":1615},{"type":64,"tag":185,"props":2876,"children":2877},{"style":275},[2878],{"type":70,"value":2879},"postId",{"type":64,"tag":185,"props":2881,"children":2882},{"style":269},[2883],{"type":70,"value":2677},{"type":64,"tag":185,"props":2885,"children":2886},{"style":418},[2887],{"type":70,"value":160},{"type":64,"tag":185,"props":2889,"children":2890},{"style":269},[2891],{"type":70,"value":792},{"type":64,"tag":185,"props":2893,"children":2894},{"class":187,"line":385},[2895],{"type":64,"tag":185,"props":2896,"children":2897},{"style":269},[2898],{"type":70,"value":1038},{"type":64,"tag":167,"props":2900,"children":2902},{"id":2901},"useloaderdata-from-returns-accessort",[2903,2909,2910],{"type":64,"tag":73,"props":2904,"children":2906},{"className":2905},[],[2907],{"type":70,"value":2908},"useLoaderData({ from })",{"type":70,"value":1689},{"type":64,"tag":73,"props":2911,"children":2913},{"className":2912},[],[2914],{"type":70,"value":127},{"type":64,"tag":174,"props":2916,"children":2918},{"className":582,"code":2917,"language":584,"meta":179,"style":179},"import { useLoaderData } from '@tanstack\u002Fsolid-router'\n\nfunction PostContent() {\n const data = useLoaderData({ from: '\u002Fposts\u002F$postId' })\n return \u003Carticle>{data().post.content}\u003C\u002Farticle>\n}\n",[2919],{"type":64,"tag":73,"props":2920,"children":2921},{"__ignoreMap":179},[2922,2958,2965,2985,3041,3101],{"type":64,"tag":185,"props":2923,"children":2924},{"class":187,"line":188},[2925,2929,2933,2938,2942,2946,2950,2954],{"type":64,"tag":185,"props":2926,"children":2927},{"style":263},[2928],{"type":70,"value":266},{"type":64,"tag":185,"props":2930,"children":2931},{"style":269},[2932],{"type":70,"value":272},{"type":64,"tag":185,"props":2934,"children":2935},{"style":275},[2936],{"type":70,"value":2937}," useLoaderData",{"type":64,"tag":185,"props":2939,"children":2940},{"style":269},[2941],{"type":70,"value":283},{"type":64,"tag":185,"props":2943,"children":2944},{"style":263},[2945],{"type":70,"value":288},{"type":64,"tag":185,"props":2947,"children":2948},{"style":269},[2949],{"type":70,"value":293},{"type":64,"tag":185,"props":2951,"children":2952},{"style":198},[2953],{"type":70,"value":78},{"type":64,"tag":185,"props":2955,"children":2956},{"style":269},[2957],{"type":70,"value":303},{"type":64,"tag":185,"props":2959,"children":2960},{"class":187,"line":209},[2961],{"type":64,"tag":185,"props":2962,"children":2963},{"emptyLinePlaceholder":379},[2964],{"type":70,"value":382},{"type":64,"tag":185,"props":2966,"children":2967},{"class":187,"line":306},[2968,2972,2977,2981],{"type":64,"tag":185,"props":2969,"children":2970},{"style":668},[2971],{"type":70,"value":740},{"type":64,"tag":185,"props":2973,"children":2974},{"style":399},[2975],{"type":70,"value":2976}," PostContent",{"type":64,"tag":185,"props":2978,"children":2979},{"style":269},[2980],{"type":70,"value":542},{"type":64,"tag":185,"props":2982,"children":2983},{"style":269},[2984],{"type":70,"value":753},{"type":64,"tag":185,"props":2986,"children":2987},{"class":187,"line":337},[2988,2992,2997,3001,3005,3009,3013,3017,3021,3025,3029,3033,3037],{"type":64,"tag":185,"props":2989,"children":2990},{"style":668},[2991],{"type":70,"value":1775},{"type":64,"tag":185,"props":2993,"children":2994},{"style":275},[2995],{"type":70,"value":2996}," data",{"type":64,"tag":185,"props":2998,"children":2999},{"style":269},[3000],{"type":70,"value":1784},{"type":64,"tag":185,"props":3002,"children":3003},{"style":399},[3004],{"type":70,"value":2937},{"type":64,"tag":185,"props":3006,"children":3007},{"style":418},[3008],{"type":70,"value":406},{"type":64,"tag":185,"props":3010,"children":3011},{"style":269},[3012],{"type":70,"value":1430},{"type":64,"tag":185,"props":3014,"children":3015},{"style":418},[3016],{"type":70,"value":288},{"type":64,"tag":185,"props":3018,"children":3019},{"style":269},[3020],{"type":70,"value":426},{"type":64,"tag":185,"props":3022,"children":3023},{"style":269},[3024],{"type":70,"value":293},{"type":64,"tag":185,"props":3026,"children":3027},{"style":198},[3028],{"type":70,"value":2359},{"type":64,"tag":185,"props":3030,"children":3031},{"style":269},[3032],{"type":70,"value":483},{"type":64,"tag":185,"props":3034,"children":3035},{"style":269},[3036],{"type":70,"value":283},{"type":64,"tag":185,"props":3038,"children":3039},{"style":418},[3040],{"type":70,"value":573},{"type":64,"tag":185,"props":3042,"children":3043},{"class":187,"line":375},[3044,3048,3052,3057,3062,3067,3071,3075,3080,3084,3089,3093,3097],{"type":64,"tag":185,"props":3045,"children":3046},{"style":263},[3047],{"type":70,"value":761},{"type":64,"tag":185,"props":3049,"children":3050},{"style":269},[3051],{"type":70,"value":1219},{"type":64,"tag":185,"props":3053,"children":3054},{"style":418},[3055],{"type":70,"value":3056},"article",{"type":64,"tag":185,"props":3058,"children":3059},{"style":269},[3060],{"type":70,"value":3061},">{",{"type":64,"tag":185,"props":3063,"children":3064},{"style":399},[3065],{"type":70,"value":3066},"data",{"type":64,"tag":185,"props":3068,"children":3069},{"style":275},[3070],{"type":70,"value":542},{"type":64,"tag":185,"props":3072,"children":3073},{"style":269},[3074],{"type":70,"value":1615},{"type":64,"tag":185,"props":3076,"children":3077},{"style":275},[3078],{"type":70,"value":3079},"post",{"type":64,"tag":185,"props":3081,"children":3082},{"style":269},[3083],{"type":70,"value":1615},{"type":64,"tag":185,"props":3085,"children":3086},{"style":275},[3087],{"type":70,"value":3088},"content",{"type":64,"tag":185,"props":3090,"children":3091},{"style":269},[3092],{"type":70,"value":2677},{"type":64,"tag":185,"props":3094,"children":3095},{"style":418},[3096],{"type":70,"value":3056},{"type":64,"tag":185,"props":3098,"children":3099},{"style":269},[3100],{"type":70,"value":792},{"type":64,"tag":185,"props":3102,"children":3103},{"class":187,"line":385},[3104],{"type":64,"tag":185,"props":3105,"children":3106},{"style":269},[3107],{"type":70,"value":1038},{"type":64,"tag":167,"props":3109,"children":3111},{"id":3110},"usematch-from-returns-accessort",[3112,3118,3119],{"type":64,"tag":73,"props":3113,"children":3115},{"className":3114},[],[3116],{"type":70,"value":3117},"useMatch({ from })",{"type":70,"value":1689},{"type":64,"tag":73,"props":3120,"children":3122},{"className":3121},[],[3123],{"type":70,"value":127},{"type":64,"tag":174,"props":3125,"children":3127},{"className":582,"code":3126,"language":584,"meta":179,"style":179},"import { useMatch } from '@tanstack\u002Fsolid-router'\n\nfunction PostDetails() {\n const match = useMatch({ from: '\u002Fposts\u002F$postId' })\n return \u003Cdiv>{match().loaderData.post.title}\u003C\u002Fdiv>\n}\n",[3128],{"type":64,"tag":73,"props":3129,"children":3130},{"__ignoreMap":179},[3131,3167,3174,3194,3250,3316],{"type":64,"tag":185,"props":3132,"children":3133},{"class":187,"line":188},[3134,3138,3142,3147,3151,3155,3159,3163],{"type":64,"tag":185,"props":3135,"children":3136},{"style":263},[3137],{"type":70,"value":266},{"type":64,"tag":185,"props":3139,"children":3140},{"style":269},[3141],{"type":70,"value":272},{"type":64,"tag":185,"props":3143,"children":3144},{"style":275},[3145],{"type":70,"value":3146}," useMatch",{"type":64,"tag":185,"props":3148,"children":3149},{"style":269},[3150],{"type":70,"value":283},{"type":64,"tag":185,"props":3152,"children":3153},{"style":263},[3154],{"type":70,"value":288},{"type":64,"tag":185,"props":3156,"children":3157},{"style":269},[3158],{"type":70,"value":293},{"type":64,"tag":185,"props":3160,"children":3161},{"style":198},[3162],{"type":70,"value":78},{"type":64,"tag":185,"props":3164,"children":3165},{"style":269},[3166],{"type":70,"value":303},{"type":64,"tag":185,"props":3168,"children":3169},{"class":187,"line":209},[3170],{"type":64,"tag":185,"props":3171,"children":3172},{"emptyLinePlaceholder":379},[3173],{"type":70,"value":382},{"type":64,"tag":185,"props":3175,"children":3176},{"class":187,"line":306},[3177,3181,3186,3190],{"type":64,"tag":185,"props":3178,"children":3179},{"style":668},[3180],{"type":70,"value":740},{"type":64,"tag":185,"props":3182,"children":3183},{"style":399},[3184],{"type":70,"value":3185}," PostDetails",{"type":64,"tag":185,"props":3187,"children":3188},{"style":269},[3189],{"type":70,"value":542},{"type":64,"tag":185,"props":3191,"children":3192},{"style":269},[3193],{"type":70,"value":753},{"type":64,"tag":185,"props":3195,"children":3196},{"class":187,"line":337},[3197,3201,3206,3210,3214,3218,3222,3226,3230,3234,3238,3242,3246],{"type":64,"tag":185,"props":3198,"children":3199},{"style":668},[3200],{"type":70,"value":1775},{"type":64,"tag":185,"props":3202,"children":3203},{"style":275},[3204],{"type":70,"value":3205}," match",{"type":64,"tag":185,"props":3207,"children":3208},{"style":269},[3209],{"type":70,"value":1784},{"type":64,"tag":185,"props":3211,"children":3212},{"style":399},[3213],{"type":70,"value":3146},{"type":64,"tag":185,"props":3215,"children":3216},{"style":418},[3217],{"type":70,"value":406},{"type":64,"tag":185,"props":3219,"children":3220},{"style":269},[3221],{"type":70,"value":1430},{"type":64,"tag":185,"props":3223,"children":3224},{"style":418},[3225],{"type":70,"value":288},{"type":64,"tag":185,"props":3227,"children":3228},{"style":269},[3229],{"type":70,"value":426},{"type":64,"tag":185,"props":3231,"children":3232},{"style":269},[3233],{"type":70,"value":293},{"type":64,"tag":185,"props":3235,"children":3236},{"style":198},[3237],{"type":70,"value":2359},{"type":64,"tag":185,"props":3239,"children":3240},{"style":269},[3241],{"type":70,"value":483},{"type":64,"tag":185,"props":3243,"children":3244},{"style":269},[3245],{"type":70,"value":283},{"type":64,"tag":185,"props":3247,"children":3248},{"style":418},[3249],{"type":70,"value":573},{"type":64,"tag":185,"props":3251,"children":3252},{"class":187,"line":375},[3253,3257,3261,3265,3269,3274,3278,3282,3287,3291,3295,3299,3304,3308,3312],{"type":64,"tag":185,"props":3254,"children":3255},{"style":263},[3256],{"type":70,"value":761},{"type":64,"tag":185,"props":3258,"children":3259},{"style":269},[3260],{"type":70,"value":1219},{"type":64,"tag":185,"props":3262,"children":3263},{"style":418},[3264],{"type":70,"value":2111},{"type":64,"tag":185,"props":3266,"children":3267},{"style":269},[3268],{"type":70,"value":3061},{"type":64,"tag":185,"props":3270,"children":3271},{"style":399},[3272],{"type":70,"value":3273},"match",{"type":64,"tag":185,"props":3275,"children":3276},{"style":275},[3277],{"type":70,"value":542},{"type":64,"tag":185,"props":3279,"children":3280},{"style":269},[3281],{"type":70,"value":1615},{"type":64,"tag":185,"props":3283,"children":3284},{"style":275},[3285],{"type":70,"value":3286},"loaderData",{"type":64,"tag":185,"props":3288,"children":3289},{"style":269},[3290],{"type":70,"value":1615},{"type":64,"tag":185,"props":3292,"children":3293},{"style":275},[3294],{"type":70,"value":3079},{"type":64,"tag":185,"props":3296,"children":3297},{"style":269},[3298],{"type":70,"value":1615},{"type":64,"tag":185,"props":3300,"children":3301},{"style":275},[3302],{"type":70,"value":3303},"title",{"type":64,"tag":185,"props":3305,"children":3306},{"style":269},[3307],{"type":70,"value":2677},{"type":64,"tag":185,"props":3309,"children":3310},{"style":418},[3311],{"type":70,"value":2111},{"type":64,"tag":185,"props":3313,"children":3314},{"style":269},[3315],{"type":70,"value":792},{"type":64,"tag":185,"props":3317,"children":3318},{"class":187,"line":385},[3319],{"type":64,"tag":185,"props":3320,"children":3321},{"style":269},[3322],{"type":70,"value":1038},{"type":64,"tag":167,"props":3324,"children":3326},{"id":3325},"other-hooks",[3327],{"type":70,"value":3328},"Other Hooks",{"type":64,"tag":82,"props":3330,"children":3331},{},[3332,3334,3339],{"type":70,"value":3333},"All imported from ",{"type":64,"tag":73,"props":3335,"children":3337},{"className":3336},[],[3338],{"type":70,"value":78},{"type":70,"value":426},{"type":64,"tag":3341,"props":3342,"children":3343},"ul",{},[3344,3367,3387,3407,3433,3453,3467,3486,3505,3525,3545],{"type":64,"tag":3345,"props":3346,"children":3347},"li",{},[3348,3357,3359,3365],{"type":64,"tag":103,"props":3349,"children":3350},{},[3351],{"type":64,"tag":73,"props":3352,"children":3354},{"className":3353},[],[3355],{"type":70,"value":3356},"useMatches()",{"type":70,"value":3358}," — ",{"type":64,"tag":73,"props":3360,"children":3362},{"className":3361},[],[3363],{"type":70,"value":3364},"Accessor\u003CArray\u003CMatch>>",{"type":70,"value":3366},", all active route matches",{"type":64,"tag":3345,"props":3368,"children":3369},{},[3370,3379,3380,3385],{"type":64,"tag":103,"props":3371,"children":3372},{},[3373],{"type":64,"tag":73,"props":3374,"children":3376},{"className":3375},[],[3377],{"type":70,"value":3378},"useParentMatches()",{"type":70,"value":3358},{"type":64,"tag":73,"props":3381,"children":3383},{"className":3382},[],[3384],{"type":70,"value":3364},{"type":70,"value":3386},", parent route matches",{"type":64,"tag":3345,"props":3388,"children":3389},{},[3390,3399,3400,3405],{"type":64,"tag":103,"props":3391,"children":3392},{},[3393],{"type":64,"tag":73,"props":3394,"children":3396},{"className":3395},[],[3397],{"type":70,"value":3398},"useChildMatches()",{"type":70,"value":3358},{"type":64,"tag":73,"props":3401,"children":3403},{"className":3402},[],[3404],{"type":70,"value":3364},{"type":70,"value":3406},", child route matches",{"type":64,"tag":3345,"props":3408,"children":3409},{},[3410,3419,3420,3425,3427],{"type":64,"tag":103,"props":3411,"children":3412},{},[3413],{"type":64,"tag":73,"props":3414,"children":3416},{"className":3415},[],[3417],{"type":70,"value":3418},"useRouteContext({ from })",{"type":70,"value":3358},{"type":64,"tag":73,"props":3421,"children":3423},{"className":3422},[],[3424],{"type":70,"value":127},{"type":70,"value":3426},", context from ",{"type":64,"tag":73,"props":3428,"children":3430},{"className":3429},[],[3431],{"type":70,"value":3432},"beforeLoad",{"type":64,"tag":3345,"props":3434,"children":3435},{},[3436,3445,3446,3451],{"type":64,"tag":103,"props":3437,"children":3438},{},[3439],{"type":64,"tag":73,"props":3440,"children":3442},{"className":3441},[],[3443],{"type":70,"value":3444},"useLoaderDeps({ from })",{"type":70,"value":3358},{"type":64,"tag":73,"props":3447,"children":3449},{"className":3448},[],[3450],{"type":70,"value":127},{"type":70,"value":3452},", loader dependency values",{"type":64,"tag":3345,"props":3454,"children":3455},{},[3456,3465],{"type":64,"tag":103,"props":3457,"children":3458},{},[3459],{"type":64,"tag":73,"props":3460,"children":3462},{"className":3461},[],[3463],{"type":70,"value":3464},"useBlocker({ shouldBlockFn })",{"type":70,"value":3466}," — blocks navigation for unsaved changes",{"type":64,"tag":3345,"props":3468,"children":3469},{},[3470,3479,3480],{"type":64,"tag":103,"props":3471,"children":3472},{},[3473],{"type":64,"tag":73,"props":3474,"children":3476},{"className":3475},[],[3477],{"type":70,"value":3478},"useCanGoBack()",{"type":70,"value":3358},{"type":64,"tag":73,"props":3481,"children":3483},{"className":3482},[],[3484],{"type":70,"value":3485},"Accessor\u003Cboolean>",{"type":64,"tag":3345,"props":3487,"children":3488},{},[3489,3498,3499],{"type":64,"tag":103,"props":3490,"children":3491},{},[3492],{"type":64,"tag":73,"props":3493,"children":3495},{"className":3494},[],[3496],{"type":70,"value":3497},"useLocation()",{"type":70,"value":3358},{"type":64,"tag":73,"props":3500,"children":3502},{"className":3501},[],[3503],{"type":70,"value":3504},"Accessor\u003CParsedLocation>",{"type":64,"tag":3345,"props":3506,"children":3507},{},[3508,3517,3518,3524],{"type":64,"tag":103,"props":3509,"children":3510},{},[3511],{"type":64,"tag":73,"props":3512,"children":3514},{"className":3513},[],[3515],{"type":70,"value":3516},"useLinkProps({ to, params?, search? })",{"type":70,"value":1689},{"type":64,"tag":73,"props":3519,"children":3521},{"className":3520},[],[3522],{"type":70,"value":3523},"ComponentProps\u003C'a'>",{"type":70,"value":1697},{"type":64,"tag":3345,"props":3526,"children":3527},{},[3528,3537,3539],{"type":64,"tag":103,"props":3529,"children":3530},{},[3531],{"type":64,"tag":73,"props":3532,"children":3534},{"className":3533},[],[3535],{"type":70,"value":3536},"useMatchRoute()",{"type":70,"value":3538}," — returns a function; calling it returns ",{"type":64,"tag":73,"props":3540,"children":3542},{"className":3541},[],[3543],{"type":70,"value":3544},"Accessor\u003Cfalse | Params>",{"type":64,"tag":3345,"props":3546,"children":3547},{},[3548,3557,3558],{"type":64,"tag":103,"props":3549,"children":3550},{},[3551],{"type":64,"tag":73,"props":3552,"children":3554},{"className":3553},[],[3555],{"type":70,"value":3556},"useHydrated()",{"type":70,"value":3358},{"type":64,"tag":73,"props":3559,"children":3561},{"className":3560},[],[3562],{"type":70,"value":3485},{"type":64,"tag":160,"props":3564,"children":3566},{"id":3565},"components-reference",[3567],{"type":70,"value":3568},"Components Reference",{"type":64,"tag":167,"props":3570,"children":3572},{"id":3571},"routerprovider",[3573],{"type":64,"tag":73,"props":3574,"children":3576},{"className":3575},[],[3577],{"type":70,"value":1583},{"type":64,"tag":174,"props":3579,"children":3581},{"className":582,"code":3580,"language":584,"meta":179,"style":179},"\u003CRouterProvider router={router} \u002F>\n",[3582],{"type":64,"tag":73,"props":3583,"children":3584},{"__ignoreMap":179},[3585],{"type":64,"tag":185,"props":3586,"children":3587},{"class":187,"line":188},[3588,3593,3597,3601,3605,3609],{"type":64,"tag":185,"props":3589,"children":3590},{"style":269},[3591],{"type":70,"value":3592},"\u003C",{"type":64,"tag":185,"props":3594,"children":3595},{"style":192},[3596],{"type":70,"value":1583},{"type":64,"tag":185,"props":3598,"children":3599},{"style":668},[3600],{"type":70,"value":1588},{"type":64,"tag":185,"props":3602,"children":3603},{"style":269},[3604],{"type":70,"value":1593},{"type":64,"tag":185,"props":3606,"children":3607},{"style":275},[3608],{"type":70,"value":37},{"type":64,"tag":185,"props":3610,"children":3611},{"style":269},[3612],{"type":70,"value":3613},"} \u002F>\n",{"type":64,"tag":167,"props":3615,"children":3617},{"id":3616},"link",[3618],{"type":64,"tag":73,"props":3619,"children":3621},{"className":3620},[],[3622],{"type":70,"value":805},{"type":64,"tag":82,"props":3624,"children":3625},{},[3626],{"type":70,"value":3627},"Type-safe navigation link. Children can be a function for active state:",{"type":64,"tag":174,"props":3629,"children":3631},{"className":582,"code":3630,"language":584,"meta":179,"style":179},";\u003CLink to=\"\u002Fposts\u002F$postId\" params={{ postId: '42' }}>\n View Post\n\u003C\u002FLink>\n\n{\n \u002F* Function children for active state *\u002F\n}\n;\u003CLink to=\"\u002Fabout\">\n {(state) => \u003Cspan classList={{ active: state.isActive }}>About\u003C\u002Fspan>}\n\u003C\u002FLink>\n",[3632],{"type":64,"tag":73,"props":3633,"children":3634},{"__ignoreMap":179},[3635,3699,3707,3722,3729,3736,3744,3751,3782,3866],{"type":64,"tag":185,"props":3636,"children":3637},{"class":187,"line":188},[3638,3643,3648,3652,3656,3660,3664,3668,3673,3677,3681,3685,3690,3694],{"type":64,"tag":185,"props":3639,"children":3640},{"style":269},[3641],{"type":70,"value":3642},";\u003C",{"type":64,"tag":185,"props":3644,"children":3645},{"style":275},[3646],{"type":70,"value":3647},"Link to",{"type":64,"tag":185,"props":3649,"children":3650},{"style":269},[3651],{"type":70,"value":681},{"type":64,"tag":185,"props":3653,"children":3654},{"style":269},[3655],{"type":70,"value":819},{"type":64,"tag":185,"props":3657,"children":3658},{"style":198},[3659],{"type":70,"value":2359},{"type":64,"tag":185,"props":3661,"children":3662},{"style":269},[3663],{"type":70,"value":819},{"type":64,"tag":185,"props":3665,"children":3666},{"style":275},[3667],{"type":70,"value":2372},{"type":64,"tag":185,"props":3669,"children":3670},{"style":269},[3671],{"type":70,"value":3672},"={{",{"type":64,"tag":185,"props":3674,"children":3675},{"style":192},[3676],{"type":70,"value":2385},{"type":64,"tag":185,"props":3678,"children":3679},{"style":269},[3680],{"type":70,"value":426},{"type":64,"tag":185,"props":3682,"children":3683},{"style":269},[3684],{"type":70,"value":293},{"type":64,"tag":185,"props":3686,"children":3687},{"style":198},[3688],{"type":70,"value":3689},"42",{"type":64,"tag":185,"props":3691,"children":3692},{"style":269},[3693],{"type":70,"value":483},{"type":64,"tag":185,"props":3695,"children":3696},{"style":269},[3697],{"type":70,"value":3698}," }}>\n",{"type":64,"tag":185,"props":3700,"children":3701},{"class":187,"line":209},[3702],{"type":64,"tag":185,"props":3703,"children":3704},{"style":275},[3705],{"type":70,"value":3706}," View Post\n",{"type":64,"tag":185,"props":3708,"children":3709},{"class":187,"line":306},[3710,3714,3718],{"type":64,"tag":185,"props":3711,"children":3712},{"style":269},[3713],{"type":70,"value":1238},{"type":64,"tag":185,"props":3715,"children":3716},{"style":275},[3717],{"type":70,"value":805},{"type":64,"tag":185,"props":3719,"children":3720},{"style":269},[3721],{"type":70,"value":792},{"type":64,"tag":185,"props":3723,"children":3724},{"class":187,"line":337},[3725],{"type":64,"tag":185,"props":3726,"children":3727},{"emptyLinePlaceholder":379},[3728],{"type":70,"value":382},{"type":64,"tag":185,"props":3730,"children":3731},{"class":187,"line":375},[3732],{"type":64,"tag":185,"props":3733,"children":3734},{"style":269},[3735],{"type":70,"value":411},{"type":64,"tag":185,"props":3737,"children":3738},{"class":187,"line":385},[3739],{"type":64,"tag":185,"props":3740,"children":3741},{"style":254},[3742],{"type":70,"value":3743}," \u002F* Function children for active state *\u002F\n",{"type":64,"tag":185,"props":3745,"children":3746},{"class":187,"line":414},[3747],{"type":64,"tag":185,"props":3748,"children":3749},{"style":269},[3750],{"type":70,"value":1038},{"type":64,"tag":185,"props":3752,"children":3753},{"class":187,"line":434},[3754,3758,3762,3766,3770,3774,3778],{"type":64,"tag":185,"props":3755,"children":3756},{"style":269},[3757],{"type":70,"value":3642},{"type":64,"tag":185,"props":3759,"children":3760},{"style":275},[3761],{"type":70,"value":3647},{"type":64,"tag":185,"props":3763,"children":3764},{"style":269},[3765],{"type":70,"value":681},{"type":64,"tag":185,"props":3767,"children":3768},{"style":269},[3769],{"type":70,"value":819},{"type":64,"tag":185,"props":3771,"children":3772},{"style":198},[3773],{"type":70,"value":906},{"type":64,"tag":185,"props":3775,"children":3776},{"style":269},[3777],{"type":70,"value":819},{"type":64,"tag":185,"props":3779,"children":3780},{"style":269},[3781],{"type":70,"value":792},{"type":64,"tag":185,"props":3783,"children":3784},{"class":187,"line":443},[3785,3790,3795,3799,3803,3807,3811,3816,3820,3825,3829,3834,3838,3843,3848,3853,3857,3861],{"type":64,"tag":185,"props":3786,"children":3787},{"style":269},[3788],{"type":70,"value":3789}," {(",{"type":64,"tag":185,"props":3791,"children":3792},{"style":2020},[3793],{"type":70,"value":3794},"state",{"type":64,"tag":185,"props":3796,"children":3797},{"style":269},[3798],{"type":70,"value":80},{"type":64,"tag":185,"props":3800,"children":3801},{"style":668},[3802],{"type":70,"value":1574},{"type":64,"tag":185,"props":3804,"children":3805},{"style":269},[3806],{"type":70,"value":1219},{"type":64,"tag":185,"props":3808,"children":3809},{"style":418},[3810],{"type":70,"value":185},{"type":64,"tag":185,"props":3812,"children":3813},{"style":668},[3814],{"type":70,"value":3815}," classList",{"type":64,"tag":185,"props":3817,"children":3818},{"style":269},[3819],{"type":70,"value":3672},{"type":64,"tag":185,"props":3821,"children":3822},{"style":418},[3823],{"type":70,"value":3824}," active",{"type":64,"tag":185,"props":3826,"children":3827},{"style":269},[3828],{"type":70,"value":426},{"type":64,"tag":185,"props":3830,"children":3831},{"style":275},[3832],{"type":70,"value":3833}," state",{"type":64,"tag":185,"props":3835,"children":3836},{"style":269},[3837],{"type":70,"value":1615},{"type":64,"tag":185,"props":3839,"children":3840},{"style":275},[3841],{"type":70,"value":3842},"isActive ",{"type":64,"tag":185,"props":3844,"children":3845},{"style":269},[3846],{"type":70,"value":3847},"}}>",{"type":64,"tag":185,"props":3849,"children":3850},{"style":275},[3851],{"type":70,"value":3852},"About",{"type":64,"tag":185,"props":3854,"children":3855},{"style":269},[3856],{"type":70,"value":1238},{"type":64,"tag":185,"props":3858,"children":3859},{"style":418},[3860],{"type":70,"value":185},{"type":64,"tag":185,"props":3862,"children":3863},{"style":269},[3864],{"type":70,"value":3865},">}\n",{"type":64,"tag":185,"props":3867,"children":3868},{"class":187,"line":460},[3869,3873,3877],{"type":64,"tag":185,"props":3870,"children":3871},{"style":269},[3872],{"type":70,"value":1238},{"type":64,"tag":185,"props":3874,"children":3875},{"style":275},[3876],{"type":70,"value":805},{"type":64,"tag":185,"props":3878,"children":3879},{"style":269},[3880],{"type":70,"value":792},{"type":64,"tag":167,"props":3882,"children":3884},{"id":3883},"outlet",[3885],{"type":64,"tag":73,"props":3886,"children":3888},{"className":3887},[],[3889],{"type":70,"value":1007},{"type":64,"tag":82,"props":3891,"children":3892},{},[3893],{"type":70,"value":3894},"Renders the matched child route component:",{"type":64,"tag":174,"props":3896,"children":3898},{"className":582,"code":3897,"language":584,"meta":179,"style":179},"function Layout() {\n return (\n \u003Cdiv>\n \u003CSidebar \u002F>\n \u003Cmain>\n \u003COutlet \u002F>\n \u003C\u002Fmain>\n \u003C\u002Fdiv>\n )\n}\n",[3899],{"type":64,"tag":73,"props":3900,"children":3901},{"__ignoreMap":179},[3902,3922,3933,3948,3964,3980,3995,4010,4025,4032],{"type":64,"tag":185,"props":3903,"children":3904},{"class":187,"line":188},[3905,3909,3914,3918],{"type":64,"tag":185,"props":3906,"children":3907},{"style":668},[3908],{"type":70,"value":740},{"type":64,"tag":185,"props":3910,"children":3911},{"style":399},[3912],{"type":70,"value":3913}," Layout",{"type":64,"tag":185,"props":3915,"children":3916},{"style":269},[3917],{"type":70,"value":542},{"type":64,"tag":185,"props":3919,"children":3920},{"style":269},[3921],{"type":70,"value":753},{"type":64,"tag":185,"props":3923,"children":3924},{"class":187,"line":209},[3925,3929],{"type":64,"tag":185,"props":3926,"children":3927},{"style":263},[3928],{"type":70,"value":761},{"type":64,"tag":185,"props":3930,"children":3931},{"style":418},[3932],{"type":70,"value":766},{"type":64,"tag":185,"props":3934,"children":3935},{"class":187,"line":306},[3936,3940,3944],{"type":64,"tag":185,"props":3937,"children":3938},{"style":269},[3939],{"type":70,"value":2072},{"type":64,"tag":185,"props":3941,"children":3942},{"style":418},[3943],{"type":70,"value":2111},{"type":64,"tag":185,"props":3945,"children":3946},{"style":269},[3947],{"type":70,"value":792},{"type":64,"tag":185,"props":3949,"children":3950},{"class":187,"line":337},[3951,3955,3960],{"type":64,"tag":185,"props":3952,"children":3953},{"style":269},[3954],{"type":70,"value":782},{"type":64,"tag":185,"props":3956,"children":3957},{"style":192},[3958],{"type":70,"value":3959},"Sidebar",{"type":64,"tag":185,"props":3961,"children":3962},{"style":269},[3963],{"type":70,"value":994},{"type":64,"tag":185,"props":3965,"children":3966},{"class":187,"line":375},[3967,3971,3976],{"type":64,"tag":185,"props":3968,"children":3969},{"style":269},[3970],{"type":70,"value":782},{"type":64,"tag":185,"props":3972,"children":3973},{"style":418},[3974],{"type":70,"value":3975},"main",{"type":64,"tag":185,"props":3977,"children":3978},{"style":269},[3979],{"type":70,"value":792},{"type":64,"tag":185,"props":3981,"children":3982},{"class":187,"line":385},[3983,3987,3991],{"type":64,"tag":185,"props":3984,"children":3985},{"style":269},[3986],{"type":70,"value":800},{"type":64,"tag":185,"props":3988,"children":3989},{"style":192},[3990],{"type":70,"value":1007},{"type":64,"tag":185,"props":3992,"children":3993},{"style":269},[3994],{"type":70,"value":994},{"type":64,"tag":185,"props":3996,"children":3997},{"class":187,"line":414},[3998,4002,4006],{"type":64,"tag":185,"props":3999,"children":4000},{"style":269},[4001],{"type":70,"value":968},{"type":64,"tag":185,"props":4003,"children":4004},{"style":418},[4005],{"type":70,"value":3975},{"type":64,"tag":185,"props":4007,"children":4008},{"style":269},[4009],{"type":70,"value":792},{"type":64,"tag":185,"props":4011,"children":4012},{"class":187,"line":434},[4013,4017,4021],{"type":64,"tag":185,"props":4014,"children":4015},{"style":269},[4016],{"type":70,"value":2140},{"type":64,"tag":185,"props":4018,"children":4019},{"style":418},[4020],{"type":70,"value":2111},{"type":64,"tag":185,"props":4022,"children":4023},{"style":269},[4024],{"type":70,"value":792},{"type":64,"tag":185,"props":4026,"children":4027},{"class":187,"line":443},[4028],{"type":64,"tag":185,"props":4029,"children":4030},{"style":418},[4031],{"type":70,"value":1029},{"type":64,"tag":185,"props":4033,"children":4034},{"class":187,"line":460},[4035],{"type":64,"tag":185,"props":4036,"children":4037},{"style":269},[4038],{"type":70,"value":1038},{"type":64,"tag":167,"props":4040,"children":4042},{"id":4041},"navigate",[4043],{"type":64,"tag":73,"props":4044,"children":4046},{"className":4045},[],[4047],{"type":70,"value":4048},"Navigate",{"type":64,"tag":82,"props":4050,"children":4051},{},[4052,4054,4060],{"type":70,"value":4053},"Declarative redirect (triggers navigation in ",{"type":64,"tag":73,"props":4055,"children":4057},{"className":4056},[],[4058],{"type":70,"value":4059},"onMount",{"type":70,"value":4061},"):",{"type":64,"tag":174,"props":4063,"children":4065},{"className":582,"code":4064,"language":584,"meta":179,"style":179},"import { Navigate } from '@tanstack\u002Fsolid-router'\n\nfunction OldPage() {\n return \u003CNavigate to=\"\u002Fnew-page\" \u002F>\n}\n",[4066],{"type":64,"tag":73,"props":4067,"children":4068},{"__ignoreMap":179},[4069,4105,4112,4132,4172],{"type":64,"tag":185,"props":4070,"children":4071},{"class":187,"line":188},[4072,4076,4080,4085,4089,4093,4097,4101],{"type":64,"tag":185,"props":4073,"children":4074},{"style":263},[4075],{"type":70,"value":266},{"type":64,"tag":185,"props":4077,"children":4078},{"style":269},[4079],{"type":70,"value":272},{"type":64,"tag":185,"props":4081,"children":4082},{"style":275},[4083],{"type":70,"value":4084}," Navigate",{"type":64,"tag":185,"props":4086,"children":4087},{"style":269},[4088],{"type":70,"value":283},{"type":64,"tag":185,"props":4090,"children":4091},{"style":263},[4092],{"type":70,"value":288},{"type":64,"tag":185,"props":4094,"children":4095},{"style":269},[4096],{"type":70,"value":293},{"type":64,"tag":185,"props":4098,"children":4099},{"style":198},[4100],{"type":70,"value":78},{"type":64,"tag":185,"props":4102,"children":4103},{"style":269},[4104],{"type":70,"value":303},{"type":64,"tag":185,"props":4106,"children":4107},{"class":187,"line":209},[4108],{"type":64,"tag":185,"props":4109,"children":4110},{"emptyLinePlaceholder":379},[4111],{"type":70,"value":382},{"type":64,"tag":185,"props":4113,"children":4114},{"class":187,"line":306},[4115,4119,4124,4128],{"type":64,"tag":185,"props":4116,"children":4117},{"style":668},[4118],{"type":70,"value":740},{"type":64,"tag":185,"props":4120,"children":4121},{"style":399},[4122],{"type":70,"value":4123}," OldPage",{"type":64,"tag":185,"props":4125,"children":4126},{"style":269},[4127],{"type":70,"value":542},{"type":64,"tag":185,"props":4129,"children":4130},{"style":269},[4131],{"type":70,"value":753},{"type":64,"tag":185,"props":4133,"children":4134},{"class":187,"line":337},[4135,4139,4143,4147,4151,4155,4159,4164,4168],{"type":64,"tag":185,"props":4136,"children":4137},{"style":263},[4138],{"type":70,"value":761},{"type":64,"tag":185,"props":4140,"children":4141},{"style":269},[4142],{"type":70,"value":1219},{"type":64,"tag":185,"props":4144,"children":4145},{"style":192},[4146],{"type":70,"value":4048},{"type":64,"tag":185,"props":4148,"children":4149},{"style":668},[4150],{"type":70,"value":810},{"type":64,"tag":185,"props":4152,"children":4153},{"style":269},[4154],{"type":70,"value":681},{"type":64,"tag":185,"props":4156,"children":4157},{"style":269},[4158],{"type":70,"value":819},{"type":64,"tag":185,"props":4160,"children":4161},{"style":198},[4162],{"type":70,"value":4163},"\u002Fnew-page",{"type":64,"tag":185,"props":4165,"children":4166},{"style":269},[4167],{"type":70,"value":819},{"type":64,"tag":185,"props":4169,"children":4170},{"style":269},[4171],{"type":70,"value":994},{"type":64,"tag":185,"props":4173,"children":4174},{"class":187,"line":375},[4175],{"type":64,"tag":185,"props":4176,"children":4177},{"style":269},[4178],{"type":70,"value":1038},{"type":64,"tag":167,"props":4180,"children":4182},{"id":4181},"await",[4183],{"type":64,"tag":73,"props":4184,"children":4186},{"className":4185},[],[4187],{"type":70,"value":4188},"Await",{"type":64,"tag":82,"props":4190,"children":4191},{},[4192,4194,4200],{"type":70,"value":4193},"Renders deferred data with Solid's ",{"type":64,"tag":73,"props":4195,"children":4197},{"className":4196},[],[4198],{"type":70,"value":4199},"Suspense",{"type":70,"value":426},{"type":64,"tag":174,"props":4202,"children":4204},{"className":582,"code":4203,"language":584,"meta":179,"style":179},"import { Await } from '@tanstack\u002Fsolid-router'\nimport { Suspense } from 'solid-js'\n\nfunction PostWithComments() {\n const data = Route.useLoaderData()\n return (\n \u003CSuspense fallback={\u003Cdiv>Loading...\u003C\u002Fdiv>}>\n \u003CAwait promise={data().deferredComments}>\n {(comments) => \u003CFor each={comments}>{(c) => \u003Cli>{c.text}\u003C\u002Fli>}\u003C\u002FFor>}\n \u003C\u002FAwait>\n \u003C\u002FSuspense>\n )\n}\n",[4205],{"type":64,"tag":73,"props":4206,"children":4207},{"__ignoreMap":179},[4208,4244,4281,4288,4308,4341,4352,4398,4439,4545,4560,4575,4582],{"type":64,"tag":185,"props":4209,"children":4210},{"class":187,"line":188},[4211,4215,4219,4224,4228,4232,4236,4240],{"type":64,"tag":185,"props":4212,"children":4213},{"style":263},[4214],{"type":70,"value":266},{"type":64,"tag":185,"props":4216,"children":4217},{"style":269},[4218],{"type":70,"value":272},{"type":64,"tag":185,"props":4220,"children":4221},{"style":275},[4222],{"type":70,"value":4223}," Await",{"type":64,"tag":185,"props":4225,"children":4226},{"style":269},[4227],{"type":70,"value":283},{"type":64,"tag":185,"props":4229,"children":4230},{"style":263},[4231],{"type":70,"value":288},{"type":64,"tag":185,"props":4233,"children":4234},{"style":269},[4235],{"type":70,"value":293},{"type":64,"tag":185,"props":4237,"children":4238},{"style":198},[4239],{"type":70,"value":78},{"type":64,"tag":185,"props":4241,"children":4242},{"style":269},[4243],{"type":70,"value":303},{"type":64,"tag":185,"props":4245,"children":4246},{"class":187,"line":209},[4247,4251,4255,4260,4264,4268,4272,4277],{"type":64,"tag":185,"props":4248,"children":4249},{"style":263},[4250],{"type":70,"value":266},{"type":64,"tag":185,"props":4252,"children":4253},{"style":269},[4254],{"type":70,"value":272},{"type":64,"tag":185,"props":4256,"children":4257},{"style":275},[4258],{"type":70,"value":4259}," Suspense",{"type":64,"tag":185,"props":4261,"children":4262},{"style":269},[4263],{"type":70,"value":283},{"type":64,"tag":185,"props":4265,"children":4266},{"style":263},[4267],{"type":70,"value":288},{"type":64,"tag":185,"props":4269,"children":4270},{"style":269},[4271],{"type":70,"value":293},{"type":64,"tag":185,"props":4273,"children":4274},{"style":198},[4275],{"type":70,"value":4276},"solid-js",{"type":64,"tag":185,"props":4278,"children":4279},{"style":269},[4280],{"type":70,"value":303},{"type":64,"tag":185,"props":4282,"children":4283},{"class":187,"line":306},[4284],{"type":64,"tag":185,"props":4285,"children":4286},{"emptyLinePlaceholder":379},[4287],{"type":70,"value":382},{"type":64,"tag":185,"props":4289,"children":4290},{"class":187,"line":337},[4291,4295,4300,4304],{"type":64,"tag":185,"props":4292,"children":4293},{"style":668},[4294],{"type":70,"value":740},{"type":64,"tag":185,"props":4296,"children":4297},{"style":399},[4298],{"type":70,"value":4299}," PostWithComments",{"type":64,"tag":185,"props":4301,"children":4302},{"style":269},[4303],{"type":70,"value":542},{"type":64,"tag":185,"props":4305,"children":4306},{"style":269},[4307],{"type":70,"value":753},{"type":64,"tag":185,"props":4309,"children":4310},{"class":187,"line":375},[4311,4315,4319,4323,4328,4332,4337],{"type":64,"tag":185,"props":4312,"children":4313},{"style":668},[4314],{"type":70,"value":1775},{"type":64,"tag":185,"props":4316,"children":4317},{"style":275},[4318],{"type":70,"value":2996},{"type":64,"tag":185,"props":4320,"children":4321},{"style":269},[4322],{"type":70,"value":1784},{"type":64,"tag":185,"props":4324,"children":4325},{"style":275},[4326],{"type":70,"value":4327}," Route",{"type":64,"tag":185,"props":4329,"children":4330},{"style":269},[4331],{"type":70,"value":1615},{"type":64,"tag":185,"props":4333,"children":4334},{"style":399},[4335],{"type":70,"value":4336},"useLoaderData",{"type":64,"tag":185,"props":4338,"children":4339},{"style":418},[4340],{"type":70,"value":1793},{"type":64,"tag":185,"props":4342,"children":4343},{"class":187,"line":385},[4344,4348],{"type":64,"tag":185,"props":4345,"children":4346},{"style":263},[4347],{"type":70,"value":761},{"type":64,"tag":185,"props":4349,"children":4350},{"style":418},[4351],{"type":70,"value":766},{"type":64,"tag":185,"props":4353,"children":4354},{"class":187,"line":414},[4355,4359,4363,4368,4373,4377,4381,4385,4389,4393],{"type":64,"tag":185,"props":4356,"children":4357},{"style":269},[4358],{"type":70,"value":2072},{"type":64,"tag":185,"props":4360,"children":4361},{"style":192},[4362],{"type":70,"value":4199},{"type":64,"tag":185,"props":4364,"children":4365},{"style":668},[4366],{"type":70,"value":4367}," fallback",{"type":64,"tag":185,"props":4369,"children":4370},{"style":269},[4371],{"type":70,"value":4372},"={\u003C",{"type":64,"tag":185,"props":4374,"children":4375},{"style":418},[4376],{"type":70,"value":2111},{"type":64,"tag":185,"props":4378,"children":4379},{"style":269},[4380],{"type":70,"value":1228},{"type":64,"tag":185,"props":4382,"children":4383},{"style":275},[4384],{"type":70,"value":2120},{"type":64,"tag":185,"props":4386,"children":4387},{"style":269},[4388],{"type":70,"value":1238},{"type":64,"tag":185,"props":4390,"children":4391},{"style":418},[4392],{"type":70,"value":2111},{"type":64,"tag":185,"props":4394,"children":4395},{"style":269},[4396],{"type":70,"value":4397},">}>\n",{"type":64,"tag":185,"props":4399,"children":4400},{"class":187,"line":434},[4401,4405,4409,4414,4418,4422,4426,4430,4435],{"type":64,"tag":185,"props":4402,"children":4403},{"style":269},[4404],{"type":70,"value":782},{"type":64,"tag":185,"props":4406,"children":4407},{"style":192},[4408],{"type":70,"value":4188},{"type":64,"tag":185,"props":4410,"children":4411},{"style":668},[4412],{"type":70,"value":4413}," promise",{"type":64,"tag":185,"props":4415,"children":4416},{"style":269},[4417],{"type":70,"value":1593},{"type":64,"tag":185,"props":4419,"children":4420},{"style":399},[4421],{"type":70,"value":3066},{"type":64,"tag":185,"props":4423,"children":4424},{"style":275},[4425],{"type":70,"value":542},{"type":64,"tag":185,"props":4427,"children":4428},{"style":269},[4429],{"type":70,"value":1615},{"type":64,"tag":185,"props":4431,"children":4432},{"style":275},[4433],{"type":70,"value":4434},"deferredComments",{"type":64,"tag":185,"props":4436,"children":4437},{"style":269},[4438],{"type":70,"value":2099},{"type":64,"tag":185,"props":4440,"children":4441},{"class":187,"line":443},[4442,4447,4452,4456,4460,4464,4469,4474,4478,4482,4487,4492,4496,4500,4504,4508,4512,4516,4520,4524,4528,4532,4537,4541],{"type":64,"tag":185,"props":4443,"children":4444},{"style":269},[4445],{"type":70,"value":4446}," {(",{"type":64,"tag":185,"props":4448,"children":4449},{"style":2020},[4450],{"type":70,"value":4451},"comments",{"type":64,"tag":185,"props":4453,"children":4454},{"style":269},[4455],{"type":70,"value":80},{"type":64,"tag":185,"props":4457,"children":4458},{"style":668},[4459],{"type":70,"value":1574},{"type":64,"tag":185,"props":4461,"children":4462},{"style":269},[4463],{"type":70,"value":1219},{"type":64,"tag":185,"props":4465,"children":4466},{"style":192},[4467],{"type":70,"value":4468},"For",{"type":64,"tag":185,"props":4470,"children":4471},{"style":668},[4472],{"type":70,"value":4473}," each",{"type":64,"tag":185,"props":4475,"children":4476},{"style":269},[4477],{"type":70,"value":1593},{"type":64,"tag":185,"props":4479,"children":4480},{"style":275},[4481],{"type":70,"value":4451},{"type":64,"tag":185,"props":4483,"children":4484},{"style":269},[4485],{"type":70,"value":4486},"}>{(",{"type":64,"tag":185,"props":4488,"children":4489},{"style":2020},[4490],{"type":70,"value":4491},"c",{"type":64,"tag":185,"props":4493,"children":4494},{"style":269},[4495],{"type":70,"value":80},{"type":64,"tag":185,"props":4497,"children":4498},{"style":668},[4499],{"type":70,"value":1574},{"type":64,"tag":185,"props":4501,"children":4502},{"style":269},[4503],{"type":70,"value":1219},{"type":64,"tag":185,"props":4505,"children":4506},{"style":418},[4507],{"type":70,"value":3345},{"type":64,"tag":185,"props":4509,"children":4510},{"style":269},[4511],{"type":70,"value":3061},{"type":64,"tag":185,"props":4513,"children":4514},{"style":275},[4515],{"type":70,"value":4491},{"type":64,"tag":185,"props":4517,"children":4518},{"style":269},[4519],{"type":70,"value":1615},{"type":64,"tag":185,"props":4521,"children":4522},{"style":275},[4523],{"type":70,"value":70},{"type":64,"tag":185,"props":4525,"children":4526},{"style":269},[4527],{"type":70,"value":2677},{"type":64,"tag":185,"props":4529,"children":4530},{"style":418},[4531],{"type":70,"value":3345},{"type":64,"tag":185,"props":4533,"children":4534},{"style":269},[4535],{"type":70,"value":4536},">}\u003C\u002F",{"type":64,"tag":185,"props":4538,"children":4539},{"style":192},[4540],{"type":70,"value":4468},{"type":64,"tag":185,"props":4542,"children":4543},{"style":269},[4544],{"type":70,"value":3865},{"type":64,"tag":185,"props":4546,"children":4547},{"class":187,"line":460},[4548,4552,4556],{"type":64,"tag":185,"props":4549,"children":4550},{"style":269},[4551],{"type":70,"value":968},{"type":64,"tag":185,"props":4553,"children":4554},{"style":192},[4555],{"type":70,"value":4188},{"type":64,"tag":185,"props":4557,"children":4558},{"style":269},[4559],{"type":70,"value":792},{"type":64,"tag":185,"props":4561,"children":4562},{"class":187,"line":491},[4563,4567,4571],{"type":64,"tag":185,"props":4564,"children":4565},{"style":269},[4566],{"type":70,"value":2140},{"type":64,"tag":185,"props":4568,"children":4569},{"style":192},[4570],{"type":70,"value":4199},{"type":64,"tag":185,"props":4572,"children":4573},{"style":269},[4574],{"type":70,"value":792},{"type":64,"tag":185,"props":4576,"children":4577},{"class":187,"line":514},[4578],{"type":64,"tag":185,"props":4579,"children":4580},{"style":418},[4581],{"type":70,"value":1029},{"type":64,"tag":185,"props":4583,"children":4584},{"class":187,"line":531},[4585],{"type":64,"tag":185,"props":4586,"children":4587},{"style":269},[4588],{"type":70,"value":1038},{"type":64,"tag":167,"props":4590,"children":4592},{"id":4591},"catchboundary",[4593],{"type":64,"tag":73,"props":4594,"children":4596},{"className":4595},[],[4597],{"type":70,"value":4598},"CatchBoundary",{"type":64,"tag":82,"props":4600,"children":4601},{},[4602,4604,4610],{"type":70,"value":4603},"Error boundary wrapping ",{"type":64,"tag":73,"props":4605,"children":4607},{"className":4606},[],[4608],{"type":70,"value":4609},"Solid.ErrorBoundary",{"type":70,"value":426},{"type":64,"tag":174,"props":4612,"children":4614},{"className":582,"code":4613,"language":584,"meta":179,"style":179},"import { CatchBoundary } from '@tanstack\u002Fsolid-router'\n;\u003CCatchBoundary\n getResetKey={() => 'widget'}\n errorComponent={({ error }) => \u003Cdiv>Error: {error.message}\u003C\u002Fdiv>}\n>\n \u003CRiskyWidget \u002F>\n\u003C\u002FCatchBoundary>\n",[4615],{"type":64,"tag":73,"props":4616,"children":4617},{"__ignoreMap":179},[4618,4654,4666,4700,4764,4771,4788],{"type":64,"tag":185,"props":4619,"children":4620},{"class":187,"line":188},[4621,4625,4629,4634,4638,4642,4646,4650],{"type":64,"tag":185,"props":4622,"children":4623},{"style":263},[4624],{"type":70,"value":266},{"type":64,"tag":185,"props":4626,"children":4627},{"style":269},[4628],{"type":70,"value":272},{"type":64,"tag":185,"props":4630,"children":4631},{"style":275},[4632],{"type":70,"value":4633}," CatchBoundary",{"type":64,"tag":185,"props":4635,"children":4636},{"style":269},[4637],{"type":70,"value":283},{"type":64,"tag":185,"props":4639,"children":4640},{"style":263},[4641],{"type":70,"value":288},{"type":64,"tag":185,"props":4643,"children":4644},{"style":269},[4645],{"type":70,"value":293},{"type":64,"tag":185,"props":4647,"children":4648},{"style":198},[4649],{"type":70,"value":78},{"type":64,"tag":185,"props":4651,"children":4652},{"style":269},[4653],{"type":70,"value":303},{"type":64,"tag":185,"props":4655,"children":4656},{"class":187,"line":209},[4657,4661],{"type":64,"tag":185,"props":4658,"children":4659},{"style":269},[4660],{"type":70,"value":3642},{"type":64,"tag":185,"props":4662,"children":4663},{"style":275},[4664],{"type":70,"value":4665},"CatchBoundary\n",{"type":64,"tag":185,"props":4667,"children":4668},{"class":187,"line":306},[4669,4674,4678,4683,4687,4692,4696],{"type":64,"tag":185,"props":4670,"children":4671},{"style":275},[4672],{"type":70,"value":4673}," getResetKey",{"type":64,"tag":185,"props":4675,"children":4676},{"style":269},[4677],{"type":70,"value":1593},{"type":64,"tag":185,"props":4679,"children":4680},{"style":275},[4681],{"type":70,"value":4682},"() => ",{"type":64,"tag":185,"props":4684,"children":4685},{"style":269},[4686],{"type":70,"value":483},{"type":64,"tag":185,"props":4688,"children":4689},{"style":418},[4690],{"type":70,"value":4691},"widget",{"type":64,"tag":185,"props":4693,"children":4694},{"style":269},[4695],{"type":70,"value":483},{"type":64,"tag":185,"props":4697,"children":4698},{"style":269},[4699],{"type":70,"value":1038},{"type":64,"tag":185,"props":4701,"children":4702},{"class":187,"line":337},[4703,4708,4712,4716,4720,4725,4729,4734,4739,4743,4747,4752,4756,4760],{"type":64,"tag":185,"props":4704,"children":4705},{"style":275},[4706],{"type":70,"value":4707}," errorComponent",{"type":64,"tag":185,"props":4709,"children":4710},{"style":269},[4711],{"type":70,"value":1593},{"type":64,"tag":185,"props":4713,"children":4714},{"style":275},[4715],{"type":70,"value":406},{"type":64,"tag":185,"props":4717,"children":4718},{"style":269},[4719],{"type":70,"value":1430},{"type":64,"tag":185,"props":4721,"children":4722},{"style":275},[4723],{"type":70,"value":4724}," error",{"type":64,"tag":185,"props":4726,"children":4727},{"style":269},[4728],{"type":70,"value":283},{"type":64,"tag":185,"props":4730,"children":4731},{"style":275},[4732],{"type":70,"value":4733},") => \u003Cdiv>",{"type":64,"tag":185,"props":4735,"children":4736},{"style":418},[4737],{"type":70,"value":4738},"Error",{"type":64,"tag":185,"props":4740,"children":4741},{"style":269},[4742],{"type":70,"value":426},{"type":64,"tag":185,"props":4744,"children":4745},{"style":269},[4746],{"type":70,"value":272},{"type":64,"tag":185,"props":4748,"children":4749},{"style":275},[4750],{"type":70,"value":4751},"error.message",{"type":64,"tag":185,"props":4753,"children":4754},{"style":269},[4755],{"type":70,"value":2677},{"type":64,"tag":185,"props":4757,"children":4758},{"style":275},[4759],{"type":70,"value":2111},{"type":64,"tag":185,"props":4761,"children":4762},{"style":269},[4763],{"type":70,"value":3865},{"type":64,"tag":185,"props":4765,"children":4766},{"class":187,"line":375},[4767],{"type":64,"tag":185,"props":4768,"children":4769},{"style":269},[4770],{"type":70,"value":792},{"type":64,"tag":185,"props":4772,"children":4773},{"class":187,"line":385},[4774,4779,4784],{"type":64,"tag":185,"props":4775,"children":4776},{"style":269},[4777],{"type":70,"value":4778}," \u003C",{"type":64,"tag":185,"props":4780,"children":4781},{"style":192},[4782],{"type":70,"value":4783},"RiskyWidget",{"type":64,"tag":185,"props":4785,"children":4786},{"style":269},[4787],{"type":70,"value":994},{"type":64,"tag":185,"props":4789,"children":4790},{"class":187,"line":414},[4791,4795,4799],{"type":64,"tag":185,"props":4792,"children":4793},{"style":269},[4794],{"type":70,"value":1238},{"type":64,"tag":185,"props":4796,"children":4797},{"style":275},[4798],{"type":70,"value":4598},{"type":64,"tag":185,"props":4800,"children":4801},{"style":269},[4802],{"type":70,"value":792},{"type":64,"tag":167,"props":4804,"children":4806},{"id":4805},"other-components",[4807],{"type":70,"value":4808},"Other Components",{"type":64,"tag":3341,"props":4810,"children":4811},{},[4812,4842,4871,4907],{"type":64,"tag":3345,"props":4813,"children":4814},{},[4815,4824,4826,4832,4834,4840],{"type":64,"tag":103,"props":4816,"children":4817},{},[4818],{"type":64,"tag":73,"props":4819,"children":4821},{"className":4820},[],[4822],{"type":70,"value":4823},"CatchNotFound",{"type":70,"value":4825}," — catches ",{"type":64,"tag":73,"props":4827,"children":4829},{"className":4828},[],[4830],{"type":70,"value":4831},"notFound()",{"type":70,"value":4833}," errors in children; ",{"type":64,"tag":73,"props":4835,"children":4837},{"className":4836},[],[4838],{"type":70,"value":4839},"fallback",{"type":70,"value":4841}," receives the error data",{"type":64,"tag":3345,"props":4843,"children":4844},{},[4845,4854,4856,4862,4863,4869],{"type":64,"tag":103,"props":4846,"children":4847},{},[4848],{"type":64,"tag":73,"props":4849,"children":4851},{"className":4850},[],[4852],{"type":70,"value":4853},"Block",{"type":70,"value":4855}," — declarative navigation blocker; use ",{"type":64,"tag":73,"props":4857,"children":4859},{"className":4858},[],[4860],{"type":70,"value":4861},"shouldBlockFn",{"type":70,"value":1898},{"type":64,"tag":73,"props":4864,"children":4866},{"className":4865},[],[4867],{"type":70,"value":4868},"withResolver",{"type":70,"value":4870}," for custom UI",{"type":64,"tag":3345,"props":4872,"children":4873},{},[4874,4883,4884,4889,4891,4897,4899,4905],{"type":64,"tag":103,"props":4875,"children":4876},{},[4877],{"type":64,"tag":73,"props":4878,"children":4880},{"className":4879},[],[4881],{"type":70,"value":4882},"ScrollRestoration",{"type":70,"value":3358},{"type":64,"tag":103,"props":4885,"children":4886},{},[4887],{"type":70,"value":4888},"deprecated",{"type":70,"value":4890},"; use ",{"type":64,"tag":73,"props":4892,"children":4894},{"className":4893},[],[4895],{"type":70,"value":4896},"createRouter",{"type":70,"value":4898},"'s ",{"type":64,"tag":73,"props":4900,"children":4902},{"className":4901},[],[4903],{"type":70,"value":4904},"scrollRestoration: true",{"type":70,"value":4906}," option instead",{"type":64,"tag":3345,"props":4908,"children":4909},{},[4910,4919,4921,4926],{"type":64,"tag":103,"props":4911,"children":4912},{},[4913],{"type":64,"tag":73,"props":4914,"children":4916},{"className":4915},[],[4917],{"type":70,"value":4918},"ClientOnly",{"type":70,"value":4920}," — renders children only after hydration; accepts ",{"type":64,"tag":73,"props":4922,"children":4924},{"className":4923},[],[4925],{"type":70,"value":4839},{"type":70,"value":4927}," prop",{"type":64,"tag":167,"props":4929,"children":4931},{"id":4930},"block",[4932],{"type":64,"tag":73,"props":4933,"children":4935},{"className":4934},[],[4936],{"type":70,"value":4853},{"type":64,"tag":82,"props":4938,"children":4939},{},[4940],{"type":70,"value":4941},"Declarative navigation blocker component:",{"type":64,"tag":174,"props":4943,"children":4945},{"className":582,"code":4944,"language":584,"meta":179,"style":179},"import { Block } from '@tanstack\u002Fsolid-router'\n;\u003CBlock shouldBlockFn={() => formIsDirty()} withResolver>\n {({ status, proceed, reset }) => (\n \u003CShow when={status === 'blocked'}>\n \u003Cdiv>\n \u003Cp>Are you sure?\u003C\u002Fp>\n \u003Cbutton onClick={proceed}>Yes\u003C\u002Fbutton>\n \u003Cbutton onClick={reset}>No\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n \u003C\u002FShow>\n )}\n\u003C\u002FBlock>\n",[4946],{"type":64,"tag":73,"props":4947,"children":4948},{"__ignoreMap":179},[4949,4985,5024,5068,5114,5129,5161,5206,5251,5266,5281,5293],{"type":64,"tag":185,"props":4950,"children":4951},{"class":187,"line":188},[4952,4956,4960,4965,4969,4973,4977,4981],{"type":64,"tag":185,"props":4953,"children":4954},{"style":263},[4955],{"type":70,"value":266},{"type":64,"tag":185,"props":4957,"children":4958},{"style":269},[4959],{"type":70,"value":272},{"type":64,"tag":185,"props":4961,"children":4962},{"style":275},[4963],{"type":70,"value":4964}," Block",{"type":64,"tag":185,"props":4966,"children":4967},{"style":269},[4968],{"type":70,"value":283},{"type":64,"tag":185,"props":4970,"children":4971},{"style":263},[4972],{"type":70,"value":288},{"type":64,"tag":185,"props":4974,"children":4975},{"style":269},[4976],{"type":70,"value":293},{"type":64,"tag":185,"props":4978,"children":4979},{"style":198},[4980],{"type":70,"value":78},{"type":64,"tag":185,"props":4982,"children":4983},{"style":269},[4984],{"type":70,"value":303},{"type":64,"tag":185,"props":4986,"children":4987},{"class":187,"line":209},[4988,4992,4997,5001,5005,5010,5015,5020],{"type":64,"tag":185,"props":4989,"children":4990},{"style":269},[4991],{"type":70,"value":3642},{"type":64,"tag":185,"props":4993,"children":4994},{"style":275},[4995],{"type":70,"value":4996},"Block shouldBlockFn",{"type":64,"tag":185,"props":4998,"children":4999},{"style":269},[5000],{"type":70,"value":1593},{"type":64,"tag":185,"props":5002,"children":5003},{"style":275},[5004],{"type":70,"value":4682},{"type":64,"tag":185,"props":5006,"children":5007},{"style":418},[5008],{"type":70,"value":5009},"formIsDirty",{"type":64,"tag":185,"props":5011,"children":5012},{"style":269},[5013],{"type":70,"value":5014},"()}",{"type":64,"tag":185,"props":5016,"children":5017},{"style":275},[5018],{"type":70,"value":5019}," withResolver",{"type":64,"tag":185,"props":5021,"children":5022},{"style":269},[5023],{"type":70,"value":792},{"type":64,"tag":185,"props":5025,"children":5026},{"class":187,"line":306},[5027,5032,5037,5041,5046,5050,5055,5060,5064],{"type":64,"tag":185,"props":5028,"children":5029},{"style":269},[5030],{"type":70,"value":5031}," {({",{"type":64,"tag":185,"props":5033,"children":5034},{"style":2020},[5035],{"type":70,"value":5036}," status",{"type":64,"tag":185,"props":5038,"children":5039},{"style":269},[5040],{"type":70,"value":617},{"type":64,"tag":185,"props":5042,"children":5043},{"style":2020},[5044],{"type":70,"value":5045}," proceed",{"type":64,"tag":185,"props":5047,"children":5048},{"style":269},[5049],{"type":70,"value":617},{"type":64,"tag":185,"props":5051,"children":5052},{"style":2020},[5053],{"type":70,"value":5054}," reset",{"type":64,"tag":185,"props":5056,"children":5057},{"style":269},[5058],{"type":70,"value":5059}," })",{"type":64,"tag":185,"props":5061,"children":5062},{"style":668},[5063],{"type":70,"value":1574},{"type":64,"tag":185,"props":5065,"children":5066},{"style":418},[5067],{"type":70,"value":766},{"type":64,"tag":185,"props":5069,"children":5070},{"class":187,"line":337},[5071,5075,5079,5083,5087,5092,5097,5101,5106,5110],{"type":64,"tag":185,"props":5072,"children":5073},{"style":269},[5074],{"type":70,"value":2072},{"type":64,"tag":185,"props":5076,"children":5077},{"style":192},[5078],{"type":70,"value":2077},{"type":64,"tag":185,"props":5080,"children":5081},{"style":668},[5082],{"type":70,"value":2082},{"type":64,"tag":185,"props":5084,"children":5085},{"style":269},[5086],{"type":70,"value":1593},{"type":64,"tag":185,"props":5088,"children":5089},{"style":275},[5090],{"type":70,"value":5091},"status ",{"type":64,"tag":185,"props":5093,"children":5094},{"style":269},[5095],{"type":70,"value":5096},"===",{"type":64,"tag":185,"props":5098,"children":5099},{"style":269},[5100],{"type":70,"value":293},{"type":64,"tag":185,"props":5102,"children":5103},{"style":198},[5104],{"type":70,"value":5105},"blocked",{"type":64,"tag":185,"props":5107,"children":5108},{"style":269},[5109],{"type":70,"value":483},{"type":64,"tag":185,"props":5111,"children":5112},{"style":269},[5113],{"type":70,"value":2099},{"type":64,"tag":185,"props":5115,"children":5116},{"class":187,"line":375},[5117,5121,5125],{"type":64,"tag":185,"props":5118,"children":5119},{"style":269},[5120],{"type":70,"value":782},{"type":64,"tag":185,"props":5122,"children":5123},{"style":418},[5124],{"type":70,"value":2111},{"type":64,"tag":185,"props":5126,"children":5127},{"style":269},[5128],{"type":70,"value":792},{"type":64,"tag":185,"props":5130,"children":5131},{"class":187,"line":385},[5132,5136,5140,5144,5149,5153,5157],{"type":64,"tag":185,"props":5133,"children":5134},{"style":269},[5135],{"type":70,"value":800},{"type":64,"tag":185,"props":5137,"children":5138},{"style":418},[5139],{"type":70,"value":82},{"type":64,"tag":185,"props":5141,"children":5142},{"style":269},[5143],{"type":70,"value":1228},{"type":64,"tag":185,"props":5145,"children":5146},{"style":275},[5147],{"type":70,"value":5148},"Are you sure?",{"type":64,"tag":185,"props":5150,"children":5151},{"style":269},[5152],{"type":70,"value":1238},{"type":64,"tag":185,"props":5154,"children":5155},{"style":418},[5156],{"type":70,"value":82},{"type":64,"tag":185,"props":5158,"children":5159},{"style":269},[5160],{"type":70,"value":792},{"type":64,"tag":185,"props":5162,"children":5163},{"class":187,"line":414},[5164,5168,5172,5176,5180,5185,5189,5194,5198,5202],{"type":64,"tag":185,"props":5165,"children":5166},{"style":269},[5167],{"type":70,"value":800},{"type":64,"tag":185,"props":5169,"children":5170},{"style":418},[5171],{"type":70,"value":1809},{"type":64,"tag":185,"props":5173,"children":5174},{"style":668},[5175],{"type":70,"value":1814},{"type":64,"tag":185,"props":5177,"children":5178},{"style":269},[5179],{"type":70,"value":1593},{"type":64,"tag":185,"props":5181,"children":5182},{"style":275},[5183],{"type":70,"value":5184},"proceed",{"type":64,"tag":185,"props":5186,"children":5187},{"style":269},[5188],{"type":70,"value":1845},{"type":64,"tag":185,"props":5190,"children":5191},{"style":275},[5192],{"type":70,"value":5193},"Yes",{"type":64,"tag":185,"props":5195,"children":5196},{"style":269},[5197],{"type":70,"value":1238},{"type":64,"tag":185,"props":5199,"children":5200},{"style":418},[5201],{"type":70,"value":1809},{"type":64,"tag":185,"props":5203,"children":5204},{"style":269},[5205],{"type":70,"value":792},{"type":64,"tag":185,"props":5207,"children":5208},{"class":187,"line":434},[5209,5213,5217,5221,5225,5230,5234,5239,5243,5247],{"type":64,"tag":185,"props":5210,"children":5211},{"style":269},[5212],{"type":70,"value":800},{"type":64,"tag":185,"props":5214,"children":5215},{"style":418},[5216],{"type":70,"value":1809},{"type":64,"tag":185,"props":5218,"children":5219},{"style":668},[5220],{"type":70,"value":1814},{"type":64,"tag":185,"props":5222,"children":5223},{"style":269},[5224],{"type":70,"value":1593},{"type":64,"tag":185,"props":5226,"children":5227},{"style":275},[5228],{"type":70,"value":5229},"reset",{"type":64,"tag":185,"props":5231,"children":5232},{"style":269},[5233],{"type":70,"value":1845},{"type":64,"tag":185,"props":5235,"children":5236},{"style":275},[5237],{"type":70,"value":5238},"No",{"type":64,"tag":185,"props":5240,"children":5241},{"style":269},[5242],{"type":70,"value":1238},{"type":64,"tag":185,"props":5244,"children":5245},{"style":418},[5246],{"type":70,"value":1809},{"type":64,"tag":185,"props":5248,"children":5249},{"style":269},[5250],{"type":70,"value":792},{"type":64,"tag":185,"props":5252,"children":5253},{"class":187,"line":443},[5254,5258,5262],{"type":64,"tag":185,"props":5255,"children":5256},{"style":269},[5257],{"type":70,"value":968},{"type":64,"tag":185,"props":5259,"children":5260},{"style":418},[5261],{"type":70,"value":2111},{"type":64,"tag":185,"props":5263,"children":5264},{"style":269},[5265],{"type":70,"value":792},{"type":64,"tag":185,"props":5267,"children":5268},{"class":187,"line":460},[5269,5273,5277],{"type":64,"tag":185,"props":5270,"children":5271},{"style":269},[5272],{"type":70,"value":2140},{"type":64,"tag":185,"props":5274,"children":5275},{"style":192},[5276],{"type":70,"value":2077},{"type":64,"tag":185,"props":5278,"children":5279},{"style":269},[5280],{"type":70,"value":792},{"type":64,"tag":185,"props":5282,"children":5283},{"class":187,"line":491},[5284,5289],{"type":64,"tag":185,"props":5285,"children":5286},{"style":418},[5287],{"type":70,"value":5288}," )",{"type":64,"tag":185,"props":5290,"children":5291},{"style":269},[5292],{"type":70,"value":1038},{"type":64,"tag":185,"props":5294,"children":5295},{"class":187,"line":514},[5296,5300,5304],{"type":64,"tag":185,"props":5297,"children":5298},{"style":269},[5299],{"type":70,"value":1238},{"type":64,"tag":185,"props":5301,"children":5302},{"style":275},[5303],{"type":70,"value":4853},{"type":64,"tag":185,"props":5305,"children":5306},{"style":269},[5307],{"type":70,"value":792},{"type":64,"tag":167,"props":5309,"children":5311},{"id":5310},"scrollrestoration",[5312],{"type":64,"tag":73,"props":5313,"children":5315},{"className":5314},[],[5316],{"type":70,"value":4882},{"type":64,"tag":82,"props":5318,"children":5319},{},[5320],{"type":70,"value":5321},"Restores scroll position on navigation:",{"type":64,"tag":174,"props":5323,"children":5325},{"className":582,"code":5324,"language":584,"meta":179,"style":179},"import { ScrollRestoration } from '@tanstack\u002Fsolid-router'\n\u002F\u002F In root route component\n;\u003CScrollRestoration \u002F>\n",[5326],{"type":64,"tag":73,"props":5327,"children":5328},{"__ignoreMap":179},[5329,5365,5373],{"type":64,"tag":185,"props":5330,"children":5331},{"class":187,"line":188},[5332,5336,5340,5345,5349,5353,5357,5361],{"type":64,"tag":185,"props":5333,"children":5334},{"style":263},[5335],{"type":70,"value":266},{"type":64,"tag":185,"props":5337,"children":5338},{"style":269},[5339],{"type":70,"value":272},{"type":64,"tag":185,"props":5341,"children":5342},{"style":275},[5343],{"type":70,"value":5344}," ScrollRestoration",{"type":64,"tag":185,"props":5346,"children":5347},{"style":269},[5348],{"type":70,"value":283},{"type":64,"tag":185,"props":5350,"children":5351},{"style":263},[5352],{"type":70,"value":288},{"type":64,"tag":185,"props":5354,"children":5355},{"style":269},[5356],{"type":70,"value":293},{"type":64,"tag":185,"props":5358,"children":5359},{"style":198},[5360],{"type":70,"value":78},{"type":64,"tag":185,"props":5362,"children":5363},{"style":269},[5364],{"type":70,"value":303},{"type":64,"tag":185,"props":5366,"children":5367},{"class":187,"line":209},[5368],{"type":64,"tag":185,"props":5369,"children":5370},{"style":254},[5371],{"type":70,"value":5372},"\u002F\u002F In root route component\n",{"type":64,"tag":185,"props":5374,"children":5375},{"class":187,"line":306},[5376,5380,5385],{"type":64,"tag":185,"props":5377,"children":5378},{"style":269},[5379],{"type":70,"value":3642},{"type":64,"tag":185,"props":5381,"children":5382},{"style":275},[5383],{"type":70,"value":5384},"ScrollRestoration ",{"type":64,"tag":185,"props":5386,"children":5387},{"style":269},[5388],{"type":70,"value":5389},"\u002F>\n",{"type":64,"tag":167,"props":5391,"children":5393},{"id":5392},"clientonly",[5394],{"type":64,"tag":73,"props":5395,"children":5397},{"className":5396},[],[5398],{"type":70,"value":4918},{"type":64,"tag":82,"props":5400,"children":5401},{},[5402],{"type":70,"value":5403},"Renders children only after hydration:",{"type":64,"tag":174,"props":5405,"children":5407},{"className":582,"code":5406,"language":584,"meta":179,"style":179},"import { ClientOnly } from '@tanstack\u002Fsolid-router'\n;\u003CClientOnly fallback={\u003Cdiv>Loading...\u003C\u002Fdiv>}>\n \u003CBrowserOnlyWidget \u002F>\n\u003C\u002FClientOnly>\n",[5408],{"type":64,"tag":73,"props":5409,"children":5410},{"__ignoreMap":179},[5411,5447,5481,5497],{"type":64,"tag":185,"props":5412,"children":5413},{"class":187,"line":188},[5414,5418,5422,5427,5431,5435,5439,5443],{"type":64,"tag":185,"props":5415,"children":5416},{"style":263},[5417],{"type":70,"value":266},{"type":64,"tag":185,"props":5419,"children":5420},{"style":269},[5421],{"type":70,"value":272},{"type":64,"tag":185,"props":5423,"children":5424},{"style":275},[5425],{"type":70,"value":5426}," ClientOnly",{"type":64,"tag":185,"props":5428,"children":5429},{"style":269},[5430],{"type":70,"value":283},{"type":64,"tag":185,"props":5432,"children":5433},{"style":263},[5434],{"type":70,"value":288},{"type":64,"tag":185,"props":5436,"children":5437},{"style":269},[5438],{"type":70,"value":293},{"type":64,"tag":185,"props":5440,"children":5441},{"style":198},[5442],{"type":70,"value":78},{"type":64,"tag":185,"props":5444,"children":5445},{"style":269},[5446],{"type":70,"value":303},{"type":64,"tag":185,"props":5448,"children":5449},{"class":187,"line":209},[5450,5454,5459,5463,5468,5473,5477],{"type":64,"tag":185,"props":5451,"children":5452},{"style":269},[5453],{"type":70,"value":3642},{"type":64,"tag":185,"props":5455,"children":5456},{"style":275},[5457],{"type":70,"value":5458},"ClientOnly fallback",{"type":64,"tag":185,"props":5460,"children":5461},{"style":269},[5462],{"type":70,"value":1593},{"type":64,"tag":185,"props":5464,"children":5465},{"style":275},[5466],{"type":70,"value":5467},"\u003Cdiv>Loading",{"type":64,"tag":185,"props":5469,"children":5470},{"style":269},[5471],{"type":70,"value":5472},"...\u003C\u002F",{"type":64,"tag":185,"props":5474,"children":5475},{"style":275},[5476],{"type":70,"value":2111},{"type":64,"tag":185,"props":5478,"children":5479},{"style":269},[5480],{"type":70,"value":4397},{"type":64,"tag":185,"props":5482,"children":5483},{"class":187,"line":306},[5484,5488,5493],{"type":64,"tag":185,"props":5485,"children":5486},{"style":269},[5487],{"type":70,"value":4778},{"type":64,"tag":185,"props":5489,"children":5490},{"style":192},[5491],{"type":70,"value":5492},"BrowserOnlyWidget",{"type":64,"tag":185,"props":5494,"children":5495},{"style":269},[5496],{"type":70,"value":994},{"type":64,"tag":185,"props":5498,"children":5499},{"class":187,"line":337},[5500,5504,5508],{"type":64,"tag":185,"props":5501,"children":5502},{"style":269},[5503],{"type":70,"value":1238},{"type":64,"tag":185,"props":5505,"children":5506},{"style":275},[5507],{"type":70,"value":4918},{"type":64,"tag":185,"props":5509,"children":5510},{"style":269},[5511],{"type":70,"value":792},{"type":64,"tag":167,"props":5513,"children":5515},{"id":5514},"head-management",[5516],{"type":70,"value":5517},"Head Management",{"type":64,"tag":82,"props":5519,"children":5520},{},[5521,5523,5529],{"type":70,"value":5522},"Uses ",{"type":64,"tag":73,"props":5524,"children":5526},{"className":5525},[],[5527],{"type":70,"value":5528},"@solidjs\u002Fmeta",{"type":70,"value":5530}," under the hood:",{"type":64,"tag":174,"props":5532,"children":5534},{"className":582,"code":5533,"language":584,"meta":179,"style":179},"import { HeadContent, Scripts } from '@tanstack\u002Fsolid-router'\n\nfunction RootDocument(props) {\n return (\n \u003Chtml>\n \u003Chead>\n \u003CHeadContent \u002F>\n \u003C\u002Fhead>\n \u003Cbody>\n {props.children}\n \u003CScripts \u002F>\n \u003C\u002Fbody>\n \u003C\u002Fhtml>\n )\n}\n",[5535],{"type":64,"tag":73,"props":5536,"children":5537},{"__ignoreMap":179},[5538,5583,5590,5619,5630,5646,5662,5678,5693,5709,5734,5750,5765,5780,5787],{"type":64,"tag":185,"props":5539,"children":5540},{"class":187,"line":188},[5541,5545,5549,5554,5558,5563,5567,5571,5575,5579],{"type":64,"tag":185,"props":5542,"children":5543},{"style":263},[5544],{"type":70,"value":266},{"type":64,"tag":185,"props":5546,"children":5547},{"style":269},[5548],{"type":70,"value":272},{"type":64,"tag":185,"props":5550,"children":5551},{"style":275},[5552],{"type":70,"value":5553}," HeadContent",{"type":64,"tag":185,"props":5555,"children":5556},{"style":269},[5557],{"type":70,"value":617},{"type":64,"tag":185,"props":5559,"children":5560},{"style":275},[5561],{"type":70,"value":5562}," Scripts",{"type":64,"tag":185,"props":5564,"children":5565},{"style":269},[5566],{"type":70,"value":283},{"type":64,"tag":185,"props":5568,"children":5569},{"style":263},[5570],{"type":70,"value":288},{"type":64,"tag":185,"props":5572,"children":5573},{"style":269},[5574],{"type":70,"value":293},{"type":64,"tag":185,"props":5576,"children":5577},{"style":198},[5578],{"type":70,"value":78},{"type":64,"tag":185,"props":5580,"children":5581},{"style":269},[5582],{"type":70,"value":303},{"type":64,"tag":185,"props":5584,"children":5585},{"class":187,"line":209},[5586],{"type":64,"tag":185,"props":5587,"children":5588},{"emptyLinePlaceholder":379},[5589],{"type":70,"value":382},{"type":64,"tag":185,"props":5591,"children":5592},{"class":187,"line":306},[5593,5597,5602,5606,5611,5615],{"type":64,"tag":185,"props":5594,"children":5595},{"style":668},[5596],{"type":70,"value":740},{"type":64,"tag":185,"props":5598,"children":5599},{"style":399},[5600],{"type":70,"value":5601}," RootDocument",{"type":64,"tag":185,"props":5603,"children":5604},{"style":269},[5605],{"type":70,"value":406},{"type":64,"tag":185,"props":5607,"children":5608},{"style":2020},[5609],{"type":70,"value":5610},"props",{"type":64,"tag":185,"props":5612,"children":5613},{"style":269},[5614],{"type":70,"value":80},{"type":64,"tag":185,"props":5616,"children":5617},{"style":269},[5618],{"type":70,"value":753},{"type":64,"tag":185,"props":5620,"children":5621},{"class":187,"line":337},[5622,5626],{"type":64,"tag":185,"props":5623,"children":5624},{"style":263},[5625],{"type":70,"value":761},{"type":64,"tag":185,"props":5627,"children":5628},{"style":418},[5629],{"type":70,"value":766},{"type":64,"tag":185,"props":5631,"children":5632},{"class":187,"line":375},[5633,5637,5642],{"type":64,"tag":185,"props":5634,"children":5635},{"style":269},[5636],{"type":70,"value":2072},{"type":64,"tag":185,"props":5638,"children":5639},{"style":418},[5640],{"type":70,"value":5641},"html",{"type":64,"tag":185,"props":5643,"children":5644},{"style":269},[5645],{"type":70,"value":792},{"type":64,"tag":185,"props":5647,"children":5648},{"class":187,"line":385},[5649,5653,5658],{"type":64,"tag":185,"props":5650,"children":5651},{"style":269},[5652],{"type":70,"value":782},{"type":64,"tag":185,"props":5654,"children":5655},{"style":418},[5656],{"type":70,"value":5657},"head",{"type":64,"tag":185,"props":5659,"children":5660},{"style":269},[5661],{"type":70,"value":792},{"type":64,"tag":185,"props":5663,"children":5664},{"class":187,"line":414},[5665,5669,5674],{"type":64,"tag":185,"props":5666,"children":5667},{"style":269},[5668],{"type":70,"value":800},{"type":64,"tag":185,"props":5670,"children":5671},{"style":192},[5672],{"type":70,"value":5673},"HeadContent",{"type":64,"tag":185,"props":5675,"children":5676},{"style":269},[5677],{"type":70,"value":994},{"type":64,"tag":185,"props":5679,"children":5680},{"class":187,"line":434},[5681,5685,5689],{"type":64,"tag":185,"props":5682,"children":5683},{"style":269},[5684],{"type":70,"value":968},{"type":64,"tag":185,"props":5686,"children":5687},{"style":418},[5688],{"type":70,"value":5657},{"type":64,"tag":185,"props":5690,"children":5691},{"style":269},[5692],{"type":70,"value":792},{"type":64,"tag":185,"props":5694,"children":5695},{"class":187,"line":443},[5696,5700,5705],{"type":64,"tag":185,"props":5697,"children":5698},{"style":269},[5699],{"type":70,"value":782},{"type":64,"tag":185,"props":5701,"children":5702},{"style":418},[5703],{"type":70,"value":5704},"body",{"type":64,"tag":185,"props":5706,"children":5707},{"style":269},[5708],{"type":70,"value":792},{"type":64,"tag":185,"props":5710,"children":5711},{"class":187,"line":460},[5712,5717,5721,5725,5730],{"type":64,"tag":185,"props":5713,"children":5714},{"style":269},[5715],{"type":70,"value":5716}," {",{"type":64,"tag":185,"props":5718,"children":5719},{"style":275},[5720],{"type":70,"value":5610},{"type":64,"tag":185,"props":5722,"children":5723},{"style":269},[5724],{"type":70,"value":1615},{"type":64,"tag":185,"props":5726,"children":5727},{"style":275},[5728],{"type":70,"value":5729},"children",{"type":64,"tag":185,"props":5731,"children":5732},{"style":269},[5733],{"type":70,"value":1038},{"type":64,"tag":185,"props":5735,"children":5736},{"class":187,"line":491},[5737,5741,5746],{"type":64,"tag":185,"props":5738,"children":5739},{"style":269},[5740],{"type":70,"value":800},{"type":64,"tag":185,"props":5742,"children":5743},{"style":192},[5744],{"type":70,"value":5745},"Scripts",{"type":64,"tag":185,"props":5747,"children":5748},{"style":269},[5749],{"type":70,"value":994},{"type":64,"tag":185,"props":5751,"children":5752},{"class":187,"line":514},[5753,5757,5761],{"type":64,"tag":185,"props":5754,"children":5755},{"style":269},[5756],{"type":70,"value":968},{"type":64,"tag":185,"props":5758,"children":5759},{"style":418},[5760],{"type":70,"value":5704},{"type":64,"tag":185,"props":5762,"children":5763},{"style":269},[5764],{"type":70,"value":792},{"type":64,"tag":185,"props":5766,"children":5767},{"class":187,"line":531},[5768,5772,5776],{"type":64,"tag":185,"props":5769,"children":5770},{"style":269},[5771],{"type":70,"value":2140},{"type":64,"tag":185,"props":5773,"children":5774},{"style":418},[5775],{"type":70,"value":5641},{"type":64,"tag":185,"props":5777,"children":5778},{"style":269},[5779],{"type":70,"value":792},{"type":64,"tag":185,"props":5781,"children":5782},{"class":187,"line":549},[5783],{"type":64,"tag":185,"props":5784,"children":5785},{"style":418},[5786],{"type":70,"value":1029},{"type":64,"tag":185,"props":5788,"children":5789},{"class":187,"line":562},[5790],{"type":64,"tag":185,"props":5791,"children":5792},{"style":269},[5793],{"type":70,"value":1038},{"type":64,"tag":160,"props":5795,"children":5797},{"id":5796},"solid-specific-patterns",[5798],{"type":70,"value":5799},"Solid-Specific Patterns",{"type":64,"tag":167,"props":5801,"children":5803},{"id":5802},"custom-link-component-with-createlink",[5804,5806],{"type":70,"value":5805},"Custom Link Component with ",{"type":64,"tag":73,"props":5807,"children":5809},{"className":5808},[],[5810],{"type":70,"value":5811},"createLink",{"type":64,"tag":174,"props":5813,"children":5815},{"className":582,"code":5814,"language":584,"meta":179,"style":179},"import { createLink } from '@tanstack\u002Fsolid-router'\n\nconst StyledLinkComponent = (props) => (\n \u003Ca {...props} class={`styled-link ${props.class ?? ''}`} \u002F>\n)\n\nconst StyledLink = createLink(StyledLinkComponent)\n\nfunction Nav() {\n return (\n \u003CStyledLink to=\"\u002Fposts\u002F$postId\" params={{ postId: '42' }}>\n Post\n \u003C\u002FStyledLink>\n )\n}\n",[5816],{"type":64,"tag":73,"props":5817,"children":5818},{"__ignoreMap":179},[5819,5855,5862,5898,5974,5981,5988,6013,6020,6040,6051,6115,6123,6138,6145],{"type":64,"tag":185,"props":5820,"children":5821},{"class":187,"line":188},[5822,5826,5830,5835,5839,5843,5847,5851],{"type":64,"tag":185,"props":5823,"children":5824},{"style":263},[5825],{"type":70,"value":266},{"type":64,"tag":185,"props":5827,"children":5828},{"style":269},[5829],{"type":70,"value":272},{"type":64,"tag":185,"props":5831,"children":5832},{"style":275},[5833],{"type":70,"value":5834}," createLink",{"type":64,"tag":185,"props":5836,"children":5837},{"style":269},[5838],{"type":70,"value":283},{"type":64,"tag":185,"props":5840,"children":5841},{"style":263},[5842],{"type":70,"value":288},{"type":64,"tag":185,"props":5844,"children":5845},{"style":269},[5846],{"type":70,"value":293},{"type":64,"tag":185,"props":5848,"children":5849},{"style":198},[5850],{"type":70,"value":78},{"type":64,"tag":185,"props":5852,"children":5853},{"style":269},[5854],{"type":70,"value":303},{"type":64,"tag":185,"props":5856,"children":5857},{"class":187,"line":209},[5858],{"type":64,"tag":185,"props":5859,"children":5860},{"emptyLinePlaceholder":379},[5861],{"type":70,"value":382},{"type":64,"tag":185,"props":5863,"children":5864},{"class":187,"line":306},[5865,5869,5874,5878,5882,5886,5890,5894],{"type":64,"tag":185,"props":5866,"children":5867},{"style":668},[5868],{"type":70,"value":1408},{"type":64,"tag":185,"props":5870,"children":5871},{"style":275},[5872],{"type":70,"value":5873}," StyledLinkComponent ",{"type":64,"tag":185,"props":5875,"children":5876},{"style":269},[5877],{"type":70,"value":681},{"type":64,"tag":185,"props":5879,"children":5880},{"style":269},[5881],{"type":70,"value":2017},{"type":64,"tag":185,"props":5883,"children":5884},{"style":2020},[5885],{"type":70,"value":5610},{"type":64,"tag":185,"props":5887,"children":5888},{"style":269},[5889],{"type":70,"value":80},{"type":64,"tag":185,"props":5891,"children":5892},{"style":668},[5893],{"type":70,"value":1574},{"type":64,"tag":185,"props":5895,"children":5896},{"style":275},[5897],{"type":70,"value":766},{"type":64,"tag":185,"props":5899,"children":5900},{"class":187,"line":337},[5901,5905,5909,5914,5918,5923,5928,5932,5937,5942,5947,5951,5955,5960,5965,5970],{"type":64,"tag":185,"props":5902,"children":5903},{"style":269},[5904],{"type":70,"value":4778},{"type":64,"tag":185,"props":5906,"children":5907},{"style":418},[5908],{"type":70,"value":88},{"type":64,"tag":185,"props":5910,"children":5911},{"style":269},[5912],{"type":70,"value":5913}," {...",{"type":64,"tag":185,"props":5915,"children":5916},{"style":275},[5917],{"type":70,"value":5610},{"type":64,"tag":185,"props":5919,"children":5920},{"style":269},[5921],{"type":70,"value":5922},"} ",{"type":64,"tag":185,"props":5924,"children":5925},{"style":668},[5926],{"type":70,"value":5927},"class",{"type":64,"tag":185,"props":5929,"children":5930},{"style":269},[5931],{"type":70,"value":1593},{"type":64,"tag":185,"props":5933,"children":5934},{"style":269},[5935],{"type":70,"value":5936},"`",{"type":64,"tag":185,"props":5938,"children":5939},{"style":198},[5940],{"type":70,"value":5941},"styled-link ",{"type":64,"tag":185,"props":5943,"children":5944},{"style":269},[5945],{"type":70,"value":5946},"${",{"type":64,"tag":185,"props":5948,"children":5949},{"style":275},[5950],{"type":70,"value":5610},{"type":64,"tag":185,"props":5952,"children":5953},{"style":269},[5954],{"type":70,"value":1615},{"type":64,"tag":185,"props":5956,"children":5957},{"style":275},[5958],{"type":70,"value":5959},"class ",{"type":64,"tag":185,"props":5961,"children":5962},{"style":269},[5963],{"type":70,"value":5964},"??",{"type":64,"tag":185,"props":5966,"children":5967},{"style":269},[5968],{"type":70,"value":5969}," ''}`",{"type":64,"tag":185,"props":5971,"children":5972},{"style":269},[5973],{"type":70,"value":3613},{"type":64,"tag":185,"props":5975,"children":5976},{"class":187,"line":375},[5977],{"type":64,"tag":185,"props":5978,"children":5979},{"style":275},[5980],{"type":70,"value":573},{"type":64,"tag":185,"props":5982,"children":5983},{"class":187,"line":385},[5984],{"type":64,"tag":185,"props":5985,"children":5986},{"emptyLinePlaceholder":379},[5987],{"type":70,"value":382},{"type":64,"tag":185,"props":5989,"children":5990},{"class":187,"line":414},[5991,5995,6000,6004,6008],{"type":64,"tag":185,"props":5992,"children":5993},{"style":668},[5994],{"type":70,"value":1408},{"type":64,"tag":185,"props":5996,"children":5997},{"style":275},[5998],{"type":70,"value":5999}," StyledLink ",{"type":64,"tag":185,"props":6001,"children":6002},{"style":269},[6003],{"type":70,"value":681},{"type":64,"tag":185,"props":6005,"children":6006},{"style":399},[6007],{"type":70,"value":5834},{"type":64,"tag":185,"props":6009,"children":6010},{"style":275},[6011],{"type":70,"value":6012},"(StyledLinkComponent)\n",{"type":64,"tag":185,"props":6014,"children":6015},{"class":187,"line":434},[6016],{"type":64,"tag":185,"props":6017,"children":6018},{"emptyLinePlaceholder":379},[6019],{"type":70,"value":382},{"type":64,"tag":185,"props":6021,"children":6022},{"class":187,"line":443},[6023,6027,6032,6036],{"type":64,"tag":185,"props":6024,"children":6025},{"style":668},[6026],{"type":70,"value":740},{"type":64,"tag":185,"props":6028,"children":6029},{"style":399},[6030],{"type":70,"value":6031}," Nav",{"type":64,"tag":185,"props":6033,"children":6034},{"style":269},[6035],{"type":70,"value":542},{"type":64,"tag":185,"props":6037,"children":6038},{"style":269},[6039],{"type":70,"value":753},{"type":64,"tag":185,"props":6041,"children":6042},{"class":187,"line":460},[6043,6047],{"type":64,"tag":185,"props":6044,"children":6045},{"style":263},[6046],{"type":70,"value":761},{"type":64,"tag":185,"props":6048,"children":6049},{"style":418},[6050],{"type":70,"value":766},{"type":64,"tag":185,"props":6052,"children":6053},{"class":187,"line":491},[6054,6058,6063,6067,6071,6075,6079,6083,6087,6091,6095,6099,6103,6107,6111],{"type":64,"tag":185,"props":6055,"children":6056},{"style":269},[6057],{"type":70,"value":2072},{"type":64,"tag":185,"props":6059,"children":6060},{"style":192},[6061],{"type":70,"value":6062},"StyledLink",{"type":64,"tag":185,"props":6064,"children":6065},{"style":668},[6066],{"type":70,"value":810},{"type":64,"tag":185,"props":6068,"children":6069},{"style":269},[6070],{"type":70,"value":681},{"type":64,"tag":185,"props":6072,"children":6073},{"style":269},[6074],{"type":70,"value":819},{"type":64,"tag":185,"props":6076,"children":6077},{"style":198},[6078],{"type":70,"value":2359},{"type":64,"tag":185,"props":6080,"children":6081},{"style":269},[6082],{"type":70,"value":819},{"type":64,"tag":185,"props":6084,"children":6085},{"style":668},[6086],{"type":70,"value":2372},{"type":64,"tag":185,"props":6088,"children":6089},{"style":269},[6090],{"type":70,"value":3672},{"type":64,"tag":185,"props":6092,"children":6093},{"style":418},[6094],{"type":70,"value":2385},{"type":64,"tag":185,"props":6096,"children":6097},{"style":269},[6098],{"type":70,"value":426},{"type":64,"tag":185,"props":6100,"children":6101},{"style":269},[6102],{"type":70,"value":293},{"type":64,"tag":185,"props":6104,"children":6105},{"style":198},[6106],{"type":70,"value":3689},{"type":64,"tag":185,"props":6108,"children":6109},{"style":269},[6110],{"type":70,"value":483},{"type":64,"tag":185,"props":6112,"children":6113},{"style":269},[6114],{"type":70,"value":3698},{"type":64,"tag":185,"props":6116,"children":6117},{"class":187,"line":514},[6118],{"type":64,"tag":185,"props":6119,"children":6120},{"style":275},[6121],{"type":70,"value":6122}," Post\n",{"type":64,"tag":185,"props":6124,"children":6125},{"class":187,"line":531},[6126,6130,6134],{"type":64,"tag":185,"props":6127,"children":6128},{"style":269},[6129],{"type":70,"value":2140},{"type":64,"tag":185,"props":6131,"children":6132},{"style":192},[6133],{"type":70,"value":6062},{"type":64,"tag":185,"props":6135,"children":6136},{"style":269},[6137],{"type":70,"value":792},{"type":64,"tag":185,"props":6139,"children":6140},{"class":187,"line":549},[6141],{"type":64,"tag":185,"props":6142,"children":6143},{"style":418},[6144],{"type":70,"value":1029},{"type":64,"tag":185,"props":6146,"children":6147},{"class":187,"line":562},[6148],{"type":64,"tag":185,"props":6149,"children":6150},{"style":269},[6151],{"type":70,"value":1038},{"type":64,"tag":167,"props":6153,"children":6155},{"id":6154},"using-solid-primitives-with-router-state",[6156],{"type":70,"value":6157},"Using Solid Primitives with Router State",{"type":64,"tag":174,"props":6159,"children":6161},{"className":582,"code":6160,"language":584,"meta":179,"style":179},"import { createMemo, Show, For } from 'solid-js'\nimport { useRouterState } from '@tanstack\u002Fsolid-router'\n\nfunction Breadcrumbs() {\n const matches = useRouterState({ select: (s) => s.matches })\n const crumbs = createMemo(() =>\n matches().filter((m) => m.context?.breadcrumb),\n )\n\n return (\n \u003Cnav>\n \u003CFor each={crumbs()}>\n {(match) => \u003Cspan>{match.context.breadcrumb}\u003C\u002Fspan>}\n \u003C\u002FFor>\n \u003C\u002Fnav>\n )\n}\n",[6162],{"type":64,"tag":73,"props":6163,"children":6164},{"__ignoreMap":179},[6165,6219,6254,6261,6281,6354,6387,6461,6468,6475,6486,6501,6533,6596,6611,6626,6633],{"type":64,"tag":185,"props":6166,"children":6167},{"class":187,"line":188},[6168,6172,6176,6181,6185,6190,6194,6199,6203,6207,6211,6215],{"type":64,"tag":185,"props":6169,"children":6170},{"style":263},[6171],{"type":70,"value":266},{"type":64,"tag":185,"props":6173,"children":6174},{"style":269},[6175],{"type":70,"value":272},{"type":64,"tag":185,"props":6177,"children":6178},{"style":275},[6179],{"type":70,"value":6180}," createMemo",{"type":64,"tag":185,"props":6182,"children":6183},{"style":269},[6184],{"type":70,"value":617},{"type":64,"tag":185,"props":6186,"children":6187},{"style":275},[6188],{"type":70,"value":6189}," Show",{"type":64,"tag":185,"props":6191,"children":6192},{"style":269},[6193],{"type":70,"value":617},{"type":64,"tag":185,"props":6195,"children":6196},{"style":275},[6197],{"type":70,"value":6198}," For",{"type":64,"tag":185,"props":6200,"children":6201},{"style":269},[6202],{"type":70,"value":283},{"type":64,"tag":185,"props":6204,"children":6205},{"style":263},[6206],{"type":70,"value":288},{"type":64,"tag":185,"props":6208,"children":6209},{"style":269},[6210],{"type":70,"value":293},{"type":64,"tag":185,"props":6212,"children":6213},{"style":198},[6214],{"type":70,"value":4276},{"type":64,"tag":185,"props":6216,"children":6217},{"style":269},[6218],{"type":70,"value":303},{"type":64,"tag":185,"props":6220,"children":6221},{"class":187,"line":209},[6222,6226,6230,6234,6238,6242,6246,6250],{"type":64,"tag":185,"props":6223,"children":6224},{"style":263},[6225],{"type":70,"value":266},{"type":64,"tag":185,"props":6227,"children":6228},{"style":269},[6229],{"type":70,"value":272},{"type":64,"tag":185,"props":6231,"children":6232},{"style":275},[6233],{"type":70,"value":1928},{"type":64,"tag":185,"props":6235,"children":6236},{"style":269},[6237],{"type":70,"value":283},{"type":64,"tag":185,"props":6239,"children":6240},{"style":263},[6241],{"type":70,"value":288},{"type":64,"tag":185,"props":6243,"children":6244},{"style":269},[6245],{"type":70,"value":293},{"type":64,"tag":185,"props":6247,"children":6248},{"style":198},[6249],{"type":70,"value":78},{"type":64,"tag":185,"props":6251,"children":6252},{"style":269},[6253],{"type":70,"value":303},{"type":64,"tag":185,"props":6255,"children":6256},{"class":187,"line":306},[6257],{"type":64,"tag":185,"props":6258,"children":6259},{"emptyLinePlaceholder":379},[6260],{"type":70,"value":382},{"type":64,"tag":185,"props":6262,"children":6263},{"class":187,"line":337},[6264,6268,6273,6277],{"type":64,"tag":185,"props":6265,"children":6266},{"style":668},[6267],{"type":70,"value":740},{"type":64,"tag":185,"props":6269,"children":6270},{"style":399},[6271],{"type":70,"value":6272}," Breadcrumbs",{"type":64,"tag":185,"props":6274,"children":6275},{"style":269},[6276],{"type":70,"value":542},{"type":64,"tag":185,"props":6278,"children":6279},{"style":269},[6280],{"type":70,"value":753},{"type":64,"tag":185,"props":6282,"children":6283},{"class":187,"line":375},[6284,6288,6293,6297,6301,6305,6309,6313,6317,6321,6325,6329,6333,6337,6341,6346,6350],{"type":64,"tag":185,"props":6285,"children":6286},{"style":668},[6287],{"type":70,"value":1775},{"type":64,"tag":185,"props":6289,"children":6290},{"style":275},[6291],{"type":70,"value":6292}," matches",{"type":64,"tag":185,"props":6294,"children":6295},{"style":269},[6296],{"type":70,"value":1784},{"type":64,"tag":185,"props":6298,"children":6299},{"style":399},[6300],{"type":70,"value":1928},{"type":64,"tag":185,"props":6302,"children":6303},{"style":418},[6304],{"type":70,"value":406},{"type":64,"tag":185,"props":6306,"children":6307},{"style":269},[6308],{"type":70,"value":1430},{"type":64,"tag":185,"props":6310,"children":6311},{"style":399},[6312],{"type":70,"value":2008},{"type":64,"tag":185,"props":6314,"children":6315},{"style":269},[6316],{"type":70,"value":426},{"type":64,"tag":185,"props":6318,"children":6319},{"style":269},[6320],{"type":70,"value":2017},{"type":64,"tag":185,"props":6322,"children":6323},{"style":2020},[6324],{"type":70,"value":2023},{"type":64,"tag":185,"props":6326,"children":6327},{"style":269},[6328],{"type":70,"value":80},{"type":64,"tag":185,"props":6330,"children":6331},{"style":668},[6332],{"type":70,"value":1574},{"type":64,"tag":185,"props":6334,"children":6335},{"style":275},[6336],{"type":70,"value":2036},{"type":64,"tag":185,"props":6338,"children":6339},{"style":269},[6340],{"type":70,"value":1615},{"type":64,"tag":185,"props":6342,"children":6343},{"style":275},[6344],{"type":70,"value":6345},"matches",{"type":64,"tag":185,"props":6347,"children":6348},{"style":269},[6349],{"type":70,"value":283},{"type":64,"tag":185,"props":6351,"children":6352},{"style":418},[6353],{"type":70,"value":573},{"type":64,"tag":185,"props":6355,"children":6356},{"class":187,"line":385},[6357,6361,6366,6370,6374,6378,6382],{"type":64,"tag":185,"props":6358,"children":6359},{"style":668},[6360],{"type":70,"value":1775},{"type":64,"tag":185,"props":6362,"children":6363},{"style":275},[6364],{"type":70,"value":6365}," crumbs",{"type":64,"tag":185,"props":6367,"children":6368},{"style":269},[6369],{"type":70,"value":1784},{"type":64,"tag":185,"props":6371,"children":6372},{"style":399},[6373],{"type":70,"value":6180},{"type":64,"tag":185,"props":6375,"children":6376},{"style":418},[6377],{"type":70,"value":406},{"type":64,"tag":185,"props":6379,"children":6380},{"style":269},[6381],{"type":70,"value":542},{"type":64,"tag":185,"props":6383,"children":6384},{"style":668},[6385],{"type":70,"value":6386}," =>\n",{"type":64,"tag":185,"props":6388,"children":6389},{"class":187,"line":414},[6390,6395,6399,6403,6408,6412,6416,6421,6425,6429,6434,6438,6443,6448,6453,6457],{"type":64,"tag":185,"props":6391,"children":6392},{"style":399},[6393],{"type":70,"value":6394}," matches",{"type":64,"tag":185,"props":6396,"children":6397},{"style":418},[6398],{"type":70,"value":542},{"type":64,"tag":185,"props":6400,"children":6401},{"style":269},[6402],{"type":70,"value":1615},{"type":64,"tag":185,"props":6404,"children":6405},{"style":399},[6406],{"type":70,"value":6407},"filter",{"type":64,"tag":185,"props":6409,"children":6410},{"style":418},[6411],{"type":70,"value":406},{"type":64,"tag":185,"props":6413,"children":6414},{"style":269},[6415],{"type":70,"value":406},{"type":64,"tag":185,"props":6417,"children":6418},{"style":2020},[6419],{"type":70,"value":6420},"m",{"type":64,"tag":185,"props":6422,"children":6423},{"style":269},[6424],{"type":70,"value":80},{"type":64,"tag":185,"props":6426,"children":6427},{"style":668},[6428],{"type":70,"value":1574},{"type":64,"tag":185,"props":6430,"children":6431},{"style":275},[6432],{"type":70,"value":6433}," m",{"type":64,"tag":185,"props":6435,"children":6436},{"style":269},[6437],{"type":70,"value":1615},{"type":64,"tag":185,"props":6439,"children":6440},{"style":275},[6441],{"type":70,"value":6442},"context",{"type":64,"tag":185,"props":6444,"children":6445},{"style":269},[6446],{"type":70,"value":6447},"?.",{"type":64,"tag":185,"props":6449,"children":6450},{"style":275},[6451],{"type":70,"value":6452},"breadcrumb",{"type":64,"tag":185,"props":6454,"children":6455},{"style":418},[6456],{"type":70,"value":80},{"type":64,"tag":185,"props":6458,"children":6459},{"style":269},[6460],{"type":70,"value":488},{"type":64,"tag":185,"props":6462,"children":6463},{"class":187,"line":434},[6464],{"type":64,"tag":185,"props":6465,"children":6466},{"style":418},[6467],{"type":70,"value":1029},{"type":64,"tag":185,"props":6469,"children":6470},{"class":187,"line":443},[6471],{"type":64,"tag":185,"props":6472,"children":6473},{"emptyLinePlaceholder":379},[6474],{"type":70,"value":382},{"type":64,"tag":185,"props":6476,"children":6477},{"class":187,"line":460},[6478,6482],{"type":64,"tag":185,"props":6479,"children":6480},{"style":263},[6481],{"type":70,"value":761},{"type":64,"tag":185,"props":6483,"children":6484},{"style":418},[6485],{"type":70,"value":766},{"type":64,"tag":185,"props":6487,"children":6488},{"class":187,"line":491},[6489,6493,6497],{"type":64,"tag":185,"props":6490,"children":6491},{"style":269},[6492],{"type":70,"value":2072},{"type":64,"tag":185,"props":6494,"children":6495},{"style":418},[6496],{"type":70,"value":787},{"type":64,"tag":185,"props":6498,"children":6499},{"style":269},[6500],{"type":70,"value":792},{"type":64,"tag":185,"props":6502,"children":6503},{"class":187,"line":514},[6504,6508,6512,6516,6520,6525,6529],{"type":64,"tag":185,"props":6505,"children":6506},{"style":269},[6507],{"type":70,"value":782},{"type":64,"tag":185,"props":6509,"children":6510},{"style":192},[6511],{"type":70,"value":4468},{"type":64,"tag":185,"props":6513,"children":6514},{"style":668},[6515],{"type":70,"value":4473},{"type":64,"tag":185,"props":6517,"children":6518},{"style":269},[6519],{"type":70,"value":1593},{"type":64,"tag":185,"props":6521,"children":6522},{"style":399},[6523],{"type":70,"value":6524},"crumbs",{"type":64,"tag":185,"props":6526,"children":6527},{"style":275},[6528],{"type":70,"value":542},{"type":64,"tag":185,"props":6530,"children":6531},{"style":269},[6532],{"type":70,"value":2099},{"type":64,"tag":185,"props":6534,"children":6535},{"class":187,"line":531},[6536,6540,6544,6548,6552,6556,6560,6564,6568,6572,6576,6580,6584,6588,6592],{"type":64,"tag":185,"props":6537,"children":6538},{"style":269},[6539],{"type":70,"value":4446},{"type":64,"tag":185,"props":6541,"children":6542},{"style":2020},[6543],{"type":70,"value":3273},{"type":64,"tag":185,"props":6545,"children":6546},{"style":269},[6547],{"type":70,"value":80},{"type":64,"tag":185,"props":6549,"children":6550},{"style":668},[6551],{"type":70,"value":1574},{"type":64,"tag":185,"props":6553,"children":6554},{"style":269},[6555],{"type":70,"value":1219},{"type":64,"tag":185,"props":6557,"children":6558},{"style":418},[6559],{"type":70,"value":185},{"type":64,"tag":185,"props":6561,"children":6562},{"style":269},[6563],{"type":70,"value":3061},{"type":64,"tag":185,"props":6565,"children":6566},{"style":275},[6567],{"type":70,"value":3273},{"type":64,"tag":185,"props":6569,"children":6570},{"style":269},[6571],{"type":70,"value":1615},{"type":64,"tag":185,"props":6573,"children":6574},{"style":275},[6575],{"type":70,"value":6442},{"type":64,"tag":185,"props":6577,"children":6578},{"style":269},[6579],{"type":70,"value":1615},{"type":64,"tag":185,"props":6581,"children":6582},{"style":275},[6583],{"type":70,"value":6452},{"type":64,"tag":185,"props":6585,"children":6586},{"style":269},[6587],{"type":70,"value":2677},{"type":64,"tag":185,"props":6589,"children":6590},{"style":418},[6591],{"type":70,"value":185},{"type":64,"tag":185,"props":6593,"children":6594},{"style":269},[6595],{"type":70,"value":3865},{"type":64,"tag":185,"props":6597,"children":6598},{"class":187,"line":549},[6599,6603,6607],{"type":64,"tag":185,"props":6600,"children":6601},{"style":269},[6602],{"type":70,"value":968},{"type":64,"tag":185,"props":6604,"children":6605},{"style":192},[6606],{"type":70,"value":4468},{"type":64,"tag":185,"props":6608,"children":6609},{"style":269},[6610],{"type":70,"value":792},{"type":64,"tag":185,"props":6612,"children":6613},{"class":187,"line":562},[6614,6618,6622],{"type":64,"tag":185,"props":6615,"children":6616},{"style":269},[6617],{"type":70,"value":2140},{"type":64,"tag":185,"props":6619,"children":6620},{"style":418},[6621],{"type":70,"value":787},{"type":64,"tag":185,"props":6623,"children":6624},{"style":269},[6625],{"type":70,"value":792},{"type":64,"tag":185,"props":6627,"children":6628},{"class":187,"line":937},[6629],{"type":64,"tag":185,"props":6630,"children":6631},{"style":418},[6632],{"type":70,"value":1029},{"type":64,"tag":185,"props":6634,"children":6635},{"class":187,"line":946},[6636],{"type":64,"tag":185,"props":6637,"children":6638},{"style":269},[6639],{"type":70,"value":1038},{"type":64,"tag":167,"props":6641,"children":6643},{"id":6642},"auth-with-router-context",[6644],{"type":70,"value":6645},"Auth with Router Context",{"type":64,"tag":174,"props":6647,"children":6649},{"className":582,"code":6648,"language":584,"meta":179,"style":179},"import { createRootRouteWithContext } from '@tanstack\u002Fsolid-router'\n\nconst rootRoute = createRootRouteWithContext\u003C{ auth: AuthState }>()({\n component: RootComponent,\n})\n\n\u002F\u002F In main.tsx — provide context at router creation\nconst router = createRouter({\n routeTree,\n context: { auth: authState },\n})\n\n\u002F\u002F In a route — access via beforeLoad (NOT hooks)\nbeforeLoad: ({ context }) => {\n if (!context.auth.isAuthenticated) {\n throw redirect({ to: '\u002Flogin' })\n }\n}\n",[6650],{"type":64,"tag":73,"props":6651,"children":6652},{"__ignoreMap":179},[6653,6689,6696,6749,6769,6780,6787,6795,6822,6834,6868,6879,6886,6894,6927,6975,7025,7032],{"type":64,"tag":185,"props":6654,"children":6655},{"class":187,"line":188},[6656,6660,6664,6669,6673,6677,6681,6685],{"type":64,"tag":185,"props":6657,"children":6658},{"style":263},[6659],{"type":70,"value":266},{"type":64,"tag":185,"props":6661,"children":6662},{"style":269},[6663],{"type":70,"value":272},{"type":64,"tag":185,"props":6665,"children":6666},{"style":275},[6667],{"type":70,"value":6668}," createRootRouteWithContext",{"type":64,"tag":185,"props":6670,"children":6671},{"style":269},[6672],{"type":70,"value":283},{"type":64,"tag":185,"props":6674,"children":6675},{"style":263},[6676],{"type":70,"value":288},{"type":64,"tag":185,"props":6678,"children":6679},{"style":269},[6680],{"type":70,"value":293},{"type":64,"tag":185,"props":6682,"children":6683},{"style":198},[6684],{"type":70,"value":78},{"type":64,"tag":185,"props":6686,"children":6687},{"style":269},[6688],{"type":70,"value":303},{"type":64,"tag":185,"props":6690,"children":6691},{"class":187,"line":209},[6692],{"type":64,"tag":185,"props":6693,"children":6694},{"emptyLinePlaceholder":379},[6695],{"type":70,"value":382},{"type":64,"tag":185,"props":6697,"children":6698},{"class":187,"line":306},[6699,6703,6708,6712,6716,6721,6726,6730,6735,6740,6745],{"type":64,"tag":185,"props":6700,"children":6701},{"style":668},[6702],{"type":70,"value":1408},{"type":64,"tag":185,"props":6704,"children":6705},{"style":275},[6706],{"type":70,"value":6707}," rootRoute ",{"type":64,"tag":185,"props":6709,"children":6710},{"style":269},[6711],{"type":70,"value":681},{"type":64,"tag":185,"props":6713,"children":6714},{"style":399},[6715],{"type":70,"value":6668},{"type":64,"tag":185,"props":6717,"children":6718},{"style":269},[6719],{"type":70,"value":6720},"\u003C{",{"type":64,"tag":185,"props":6722,"children":6723},{"style":418},[6724],{"type":70,"value":6725}," auth",{"type":64,"tag":185,"props":6727,"children":6728},{"style":269},[6729],{"type":70,"value":426},{"type":64,"tag":185,"props":6731,"children":6732},{"style":192},[6733],{"type":70,"value":6734}," AuthState",{"type":64,"tag":185,"props":6736,"children":6737},{"style":269},[6738],{"type":70,"value":6739}," }>",{"type":64,"tag":185,"props":6741,"children":6742},{"style":275},[6743],{"type":70,"value":6744},"()(",{"type":64,"tag":185,"props":6746,"children":6747},{"style":269},[6748],{"type":70,"value":411},{"type":64,"tag":185,"props":6750,"children":6751},{"class":187,"line":337},[6752,6756,6760,6765],{"type":64,"tag":185,"props":6753,"children":6754},{"style":418},[6755],{"type":70,"value":701},{"type":64,"tag":185,"props":6757,"children":6758},{"style":269},[6759],{"type":70,"value":426},{"type":64,"tag":185,"props":6761,"children":6762},{"style":275},[6763],{"type":70,"value":6764}," RootComponent",{"type":64,"tag":185,"props":6766,"children":6767},{"style":269},[6768],{"type":70,"value":488},{"type":64,"tag":185,"props":6770,"children":6771},{"class":187,"line":375},[6772,6776],{"type":64,"tag":185,"props":6773,"children":6774},{"style":269},[6775],{"type":70,"value":568},{"type":64,"tag":185,"props":6777,"children":6778},{"style":275},[6779],{"type":70,"value":573},{"type":64,"tag":185,"props":6781,"children":6782},{"class":187,"line":385},[6783],{"type":64,"tag":185,"props":6784,"children":6785},{"emptyLinePlaceholder":379},[6786],{"type":70,"value":382},{"type":64,"tag":185,"props":6788,"children":6789},{"class":187,"line":414},[6790],{"type":64,"tag":185,"props":6791,"children":6792},{"style":254},[6793],{"type":70,"value":6794},"\u002F\u002F In main.tsx — provide context at router creation\n",{"type":64,"tag":185,"props":6796,"children":6797},{"class":187,"line":434},[6798,6802,6806,6810,6814,6818],{"type":64,"tag":185,"props":6799,"children":6800},{"style":668},[6801],{"type":70,"value":1408},{"type":64,"tag":185,"props":6803,"children":6804},{"style":275},[6805],{"type":70,"value":1413},{"type":64,"tag":185,"props":6807,"children":6808},{"style":269},[6809],{"type":70,"value":681},{"type":64,"tag":185,"props":6811,"children":6812},{"style":399},[6813],{"type":70,"value":1336},{"type":64,"tag":185,"props":6815,"children":6816},{"style":275},[6817],{"type":70,"value":406},{"type":64,"tag":185,"props":6819,"children":6820},{"style":269},[6821],{"type":70,"value":411},{"type":64,"tag":185,"props":6823,"children":6824},{"class":187,"line":443},[6825,6830],{"type":64,"tag":185,"props":6826,"children":6827},{"style":275},[6828],{"type":70,"value":6829}," routeTree",{"type":64,"tag":185,"props":6831,"children":6832},{"style":269},[6833],{"type":70,"value":488},{"type":64,"tag":185,"props":6835,"children":6836},{"class":187,"line":460},[6837,6842,6846,6850,6854,6858,6863],{"type":64,"tag":185,"props":6838,"children":6839},{"style":418},[6840],{"type":70,"value":6841}," context",{"type":64,"tag":185,"props":6843,"children":6844},{"style":269},[6845],{"type":70,"value":426},{"type":64,"tag":185,"props":6847,"children":6848},{"style":269},[6849],{"type":70,"value":272},{"type":64,"tag":185,"props":6851,"children":6852},{"style":418},[6853],{"type":70,"value":6725},{"type":64,"tag":185,"props":6855,"children":6856},{"style":269},[6857],{"type":70,"value":426},{"type":64,"tag":185,"props":6859,"children":6860},{"style":275},[6861],{"type":70,"value":6862}," authState ",{"type":64,"tag":185,"props":6864,"children":6865},{"style":269},[6866],{"type":70,"value":6867},"},\n",{"type":64,"tag":185,"props":6869,"children":6870},{"class":187,"line":491},[6871,6875],{"type":64,"tag":185,"props":6872,"children":6873},{"style":269},[6874],{"type":70,"value":568},{"type":64,"tag":185,"props":6876,"children":6877},{"style":275},[6878],{"type":70,"value":573},{"type":64,"tag":185,"props":6880,"children":6881},{"class":187,"line":514},[6882],{"type":64,"tag":185,"props":6883,"children":6884},{"emptyLinePlaceholder":379},[6885],{"type":70,"value":382},{"type":64,"tag":185,"props":6887,"children":6888},{"class":187,"line":531},[6889],{"type":64,"tag":185,"props":6890,"children":6891},{"style":254},[6892],{"type":70,"value":6893},"\u002F\u002F In a route — access via beforeLoad (NOT hooks)\n",{"type":64,"tag":185,"props":6895,"children":6896},{"class":187,"line":549},[6897,6901,6905,6910,6915,6919,6923],{"type":64,"tag":185,"props":6898,"children":6899},{"style":192},[6900],{"type":70,"value":3432},{"type":64,"tag":185,"props":6902,"children":6903},{"style":269},[6904],{"type":70,"value":426},{"type":64,"tag":185,"props":6906,"children":6907},{"style":269},[6908],{"type":70,"value":6909}," ({",{"type":64,"tag":185,"props":6911,"children":6912},{"style":2020},[6913],{"type":70,"value":6914}," context",{"type":64,"tag":185,"props":6916,"children":6917},{"style":269},[6918],{"type":70,"value":5059},{"type":64,"tag":185,"props":6920,"children":6921},{"style":668},[6922],{"type":70,"value":1574},{"type":64,"tag":185,"props":6924,"children":6925},{"style":269},[6926],{"type":70,"value":753},{"type":64,"tag":185,"props":6928,"children":6929},{"class":187,"line":562},[6930,6935,6939,6944,6948,6952,6957,6961,6966,6971],{"type":64,"tag":185,"props":6931,"children":6932},{"style":263},[6933],{"type":70,"value":6934}," if",{"type":64,"tag":185,"props":6936,"children":6937},{"style":418},[6938],{"type":70,"value":2017},{"type":64,"tag":185,"props":6940,"children":6941},{"style":269},[6942],{"type":70,"value":6943},"!",{"type":64,"tag":185,"props":6945,"children":6946},{"style":275},[6947],{"type":70,"value":6442},{"type":64,"tag":185,"props":6949,"children":6950},{"style":269},[6951],{"type":70,"value":1615},{"type":64,"tag":185,"props":6953,"children":6954},{"style":275},[6955],{"type":70,"value":6956},"auth",{"type":64,"tag":185,"props":6958,"children":6959},{"style":269},[6960],{"type":70,"value":1615},{"type":64,"tag":185,"props":6962,"children":6963},{"style":275},[6964],{"type":70,"value":6965},"isAuthenticated",{"type":64,"tag":185,"props":6967,"children":6968},{"style":418},[6969],{"type":70,"value":6970},") ",{"type":64,"tag":185,"props":6972,"children":6973},{"style":269},[6974],{"type":70,"value":411},{"type":64,"tag":185,"props":6976,"children":6977},{"class":187,"line":937},[6978,6983,6988,6992,6996,7000,7004,7008,7013,7017,7021],{"type":64,"tag":185,"props":6979,"children":6980},{"style":263},[6981],{"type":70,"value":6982}," throw",{"type":64,"tag":185,"props":6984,"children":6985},{"style":399},[6986],{"type":70,"value":6987}," redirect",{"type":64,"tag":185,"props":6989,"children":6990},{"style":418},[6991],{"type":70,"value":406},{"type":64,"tag":185,"props":6993,"children":6994},{"style":269},[6995],{"type":70,"value":1430},{"type":64,"tag":185,"props":6997,"children":6998},{"style":418},[6999],{"type":70,"value":810},{"type":64,"tag":185,"props":7001,"children":7002},{"style":269},[7003],{"type":70,"value":426},{"type":64,"tag":185,"props":7005,"children":7006},{"style":269},[7007],{"type":70,"value":293},{"type":64,"tag":185,"props":7009,"children":7010},{"style":198},[7011],{"type":70,"value":7012},"\u002Flogin",{"type":64,"tag":185,"props":7014,"children":7015},{"style":269},[7016],{"type":70,"value":483},{"type":64,"tag":185,"props":7018,"children":7019},{"style":269},[7020],{"type":70,"value":283},{"type":64,"tag":185,"props":7022,"children":7023},{"style":418},[7024],{"type":70,"value":573},{"type":64,"tag":185,"props":7026,"children":7027},{"class":187,"line":946},[7028],{"type":64,"tag":185,"props":7029,"children":7030},{"style":269},[7031],{"type":70,"value":1534},{"type":64,"tag":185,"props":7033,"children":7034},{"class":187,"line":962},[7035],{"type":64,"tag":185,"props":7036,"children":7037},{"style":269},[7038],{"type":70,"value":1038},{"type":64,"tag":160,"props":7040,"children":7042},{"id":7041},"common-mistakes",[7043],{"type":70,"value":7044},"Common Mistakes",{"type":64,"tag":167,"props":7046,"children":7048},{"id":7047},"_1-critical-forgetting-to-call-accessor",[7049],{"type":70,"value":7050},"1. CRITICAL: Forgetting to call Accessor",{"type":64,"tag":82,"props":7052,"children":7053},{},[7054,7056,7061],{"type":70,"value":7055},"Hooks return ",{"type":64,"tag":73,"props":7057,"children":7059},{"className":7058},[],[7060],{"type":70,"value":127},{"type":70,"value":7062}," — you must call them to read the value. This is the #1 migration issue from React.",{"type":64,"tag":174,"props":7064,"children":7066},{"className":582,"code":7065,"language":584,"meta":179,"style":179},"\u002F\u002F WRONG — comparing the accessor function, not its value\nconst params = useParams({ from: '\u002Fposts\u002F$postId' })\nif (params.postId === '42') { ... } \u002F\u002F params is a function!\n\n\u002F\u002F CORRECT — call the accessor\nconst params = useParams({ from: '\u002Fposts\u002F$postId' })\nif (params().postId === '42') { ... }\n",[7067],{"type":64,"tag":73,"props":7068,"children":7069},{"__ignoreMap":179},[7070,7078,7134,7194,7201,7209,7264],{"type":64,"tag":185,"props":7071,"children":7072},{"class":187,"line":188},[7073],{"type":64,"tag":185,"props":7074,"children":7075},{"style":254},[7076],{"type":70,"value":7077},"\u002F\u002F WRONG — comparing the accessor function, not its value\n",{"type":64,"tag":185,"props":7079,"children":7080},{"class":187,"line":209},[7081,7085,7090,7094,7098,7102,7106,7110,7114,7118,7122,7126,7130],{"type":64,"tag":185,"props":7082,"children":7083},{"style":668},[7084],{"type":70,"value":1408},{"type":64,"tag":185,"props":7086,"children":7087},{"style":275},[7088],{"type":70,"value":7089}," params ",{"type":64,"tag":185,"props":7091,"children":7092},{"style":269},[7093],{"type":70,"value":681},{"type":64,"tag":185,"props":7095,"children":7096},{"style":399},[7097],{"type":70,"value":2731},{"type":64,"tag":185,"props":7099,"children":7100},{"style":275},[7101],{"type":70,"value":406},{"type":64,"tag":185,"props":7103,"children":7104},{"style":269},[7105],{"type":70,"value":1430},{"type":64,"tag":185,"props":7107,"children":7108},{"style":418},[7109],{"type":70,"value":288},{"type":64,"tag":185,"props":7111,"children":7112},{"style":269},[7113],{"type":70,"value":426},{"type":64,"tag":185,"props":7115,"children":7116},{"style":269},[7117],{"type":70,"value":293},{"type":64,"tag":185,"props":7119,"children":7120},{"style":198},[7121],{"type":70,"value":2359},{"type":64,"tag":185,"props":7123,"children":7124},{"style":269},[7125],{"type":70,"value":483},{"type":64,"tag":185,"props":7127,"children":7128},{"style":269},[7129],{"type":70,"value":283},{"type":64,"tag":185,"props":7131,"children":7132},{"style":275},[7133],{"type":70,"value":573},{"type":64,"tag":185,"props":7135,"children":7136},{"class":187,"line":306},[7137,7142,7147,7151,7156,7160,7164,7168,7172,7176,7180,7185,7189],{"type":64,"tag":185,"props":7138,"children":7139},{"style":263},[7140],{"type":70,"value":7141},"if",{"type":64,"tag":185,"props":7143,"children":7144},{"style":275},[7145],{"type":70,"value":7146}," (params",{"type":64,"tag":185,"props":7148,"children":7149},{"style":269},[7150],{"type":70,"value":1615},{"type":64,"tag":185,"props":7152,"children":7153},{"style":275},[7154],{"type":70,"value":7155},"postId ",{"type":64,"tag":185,"props":7157,"children":7158},{"style":269},[7159],{"type":70,"value":5096},{"type":64,"tag":185,"props":7161,"children":7162},{"style":269},[7163],{"type":70,"value":293},{"type":64,"tag":185,"props":7165,"children":7166},{"style":198},[7167],{"type":70,"value":3689},{"type":64,"tag":185,"props":7169,"children":7170},{"style":269},[7171],{"type":70,"value":483},{"type":64,"tag":185,"props":7173,"children":7174},{"style":275},[7175],{"type":70,"value":6970},{"type":64,"tag":185,"props":7177,"children":7178},{"style":269},[7179],{"type":70,"value":1430},{"type":64,"tag":185,"props":7181,"children":7182},{"style":269},[7183],{"type":70,"value":7184}," ...",{"type":64,"tag":185,"props":7186,"children":7187},{"style":269},[7188],{"type":70,"value":283},{"type":64,"tag":185,"props":7190,"children":7191},{"style":254},[7192],{"type":70,"value":7193}," \u002F\u002F params is a function!\n",{"type":64,"tag":185,"props":7195,"children":7196},{"class":187,"line":337},[7197],{"type":64,"tag":185,"props":7198,"children":7199},{"emptyLinePlaceholder":379},[7200],{"type":70,"value":382},{"type":64,"tag":185,"props":7202,"children":7203},{"class":187,"line":375},[7204],{"type":64,"tag":185,"props":7205,"children":7206},{"style":254},[7207],{"type":70,"value":7208},"\u002F\u002F CORRECT — call the accessor\n",{"type":64,"tag":185,"props":7210,"children":7211},{"class":187,"line":385},[7212,7216,7220,7224,7228,7232,7236,7240,7244,7248,7252,7256,7260],{"type":64,"tag":185,"props":7213,"children":7214},{"style":668},[7215],{"type":70,"value":1408},{"type":64,"tag":185,"props":7217,"children":7218},{"style":275},[7219],{"type":70,"value":7089},{"type":64,"tag":185,"props":7221,"children":7222},{"style":269},[7223],{"type":70,"value":681},{"type":64,"tag":185,"props":7225,"children":7226},{"style":399},[7227],{"type":70,"value":2731},{"type":64,"tag":185,"props":7229,"children":7230},{"style":275},[7231],{"type":70,"value":406},{"type":64,"tag":185,"props":7233,"children":7234},{"style":269},[7235],{"type":70,"value":1430},{"type":64,"tag":185,"props":7237,"children":7238},{"style":418},[7239],{"type":70,"value":288},{"type":64,"tag":185,"props":7241,"children":7242},{"style":269},[7243],{"type":70,"value":426},{"type":64,"tag":185,"props":7245,"children":7246},{"style":269},[7247],{"type":70,"value":293},{"type":64,"tag":185,"props":7249,"children":7250},{"style":198},[7251],{"type":70,"value":2359},{"type":64,"tag":185,"props":7253,"children":7254},{"style":269},[7255],{"type":70,"value":483},{"type":64,"tag":185,"props":7257,"children":7258},{"style":269},[7259],{"type":70,"value":283},{"type":64,"tag":185,"props":7261,"children":7262},{"style":275},[7263],{"type":70,"value":573},{"type":64,"tag":185,"props":7265,"children":7266},{"class":187,"line":414},[7267,7271,7275,7279,7283,7287,7291,7295,7299,7303,7307,7311,7315,7319],{"type":64,"tag":185,"props":7268,"children":7269},{"style":263},[7270],{"type":70,"value":7141},{"type":64,"tag":185,"props":7272,"children":7273},{"style":275},[7274],{"type":70,"value":2017},{"type":64,"tag":185,"props":7276,"children":7277},{"style":399},[7278],{"type":70,"value":2866},{"type":64,"tag":185,"props":7280,"children":7281},{"style":275},[7282],{"type":70,"value":542},{"type":64,"tag":185,"props":7284,"children":7285},{"style":269},[7286],{"type":70,"value":1615},{"type":64,"tag":185,"props":7288,"children":7289},{"style":275},[7290],{"type":70,"value":7155},{"type":64,"tag":185,"props":7292,"children":7293},{"style":269},[7294],{"type":70,"value":5096},{"type":64,"tag":185,"props":7296,"children":7297},{"style":269},[7298],{"type":70,"value":293},{"type":64,"tag":185,"props":7300,"children":7301},{"style":198},[7302],{"type":70,"value":3689},{"type":64,"tag":185,"props":7304,"children":7305},{"style":269},[7306],{"type":70,"value":483},{"type":64,"tag":185,"props":7308,"children":7309},{"style":275},[7310],{"type":70,"value":6970},{"type":64,"tag":185,"props":7312,"children":7313},{"style":269},[7314],{"type":70,"value":1430},{"type":64,"tag":185,"props":7316,"children":7317},{"style":269},[7318],{"type":70,"value":7184},{"type":64,"tag":185,"props":7320,"children":7321},{"style":269},[7322],{"type":70,"value":7323}," }\n",{"type":64,"tag":167,"props":7325,"children":7327},{"id":7326},"_2-high-destructuring-reactive-values",[7328],{"type":70,"value":7329},"2. HIGH: Destructuring reactive values",{"type":64,"tag":82,"props":7331,"children":7332},{},[7333],{"type":70,"value":7334},"Destructuring breaks Solid's reactivity tracking.",{"type":64,"tag":174,"props":7336,"children":7338},{"className":582,"code":7337,"language":584,"meta":179,"style":179},"\u002F\u002F WRONG — loses reactivity\nconst { page } = useSearch({ from: '\u002Fproducts' })()\n\n\u002F\u002F CORRECT — access through accessor\nconst search = useSearch({ from: '\u002Fproducts' })\n\u003Cspan>Page {search().page}\u003C\u002Fspan>\n",[7339],{"type":64,"tag":73,"props":7340,"children":7341},{"__ignoreMap":179},[7342,7350,7415,7422,7430,7486],{"type":64,"tag":185,"props":7343,"children":7344},{"class":187,"line":188},[7345],{"type":64,"tag":185,"props":7346,"children":7347},{"style":254},[7348],{"type":70,"value":7349},"\u002F\u002F WRONG — loses reactivity\n",{"type":64,"tag":185,"props":7351,"children":7352},{"class":187,"line":209},[7353,7357,7361,7366,7370,7374,7378,7382,7386,7390,7394,7398,7402,7406,7410],{"type":64,"tag":185,"props":7354,"children":7355},{"style":668},[7356],{"type":70,"value":1408},{"type":64,"tag":185,"props":7358,"children":7359},{"style":269},[7360],{"type":70,"value":272},{"type":64,"tag":185,"props":7362,"children":7363},{"style":275},[7364],{"type":70,"value":7365}," page ",{"type":64,"tag":185,"props":7367,"children":7368},{"style":269},[7369],{"type":70,"value":568},{"type":64,"tag":185,"props":7371,"children":7372},{"style":269},[7373],{"type":70,"value":1784},{"type":64,"tag":185,"props":7375,"children":7376},{"style":399},[7377],{"type":70,"value":2523},{"type":64,"tag":185,"props":7379,"children":7380},{"style":275},[7381],{"type":70,"value":406},{"type":64,"tag":185,"props":7383,"children":7384},{"style":269},[7385],{"type":70,"value":1430},{"type":64,"tag":185,"props":7387,"children":7388},{"style":418},[7389],{"type":70,"value":288},{"type":64,"tag":185,"props":7391,"children":7392},{"style":269},[7393],{"type":70,"value":426},{"type":64,"tag":185,"props":7395,"children":7396},{"style":269},[7397],{"type":70,"value":293},{"type":64,"tag":185,"props":7399,"children":7400},{"style":198},[7401],{"type":70,"value":2615},{"type":64,"tag":185,"props":7403,"children":7404},{"style":269},[7405],{"type":70,"value":483},{"type":64,"tag":185,"props":7407,"children":7408},{"style":269},[7409],{"type":70,"value":283},{"type":64,"tag":185,"props":7411,"children":7412},{"style":275},[7413],{"type":70,"value":7414},")()\n",{"type":64,"tag":185,"props":7416,"children":7417},{"class":187,"line":306},[7418],{"type":64,"tag":185,"props":7419,"children":7420},{"emptyLinePlaceholder":379},[7421],{"type":70,"value":382},{"type":64,"tag":185,"props":7423,"children":7424},{"class":187,"line":337},[7425],{"type":64,"tag":185,"props":7426,"children":7427},{"style":254},[7428],{"type":70,"value":7429},"\u002F\u002F CORRECT — access through accessor\n",{"type":64,"tag":185,"props":7431,"children":7432},{"class":187,"line":375},[7433,7437,7442,7446,7450,7454,7458,7462,7466,7470,7474,7478,7482],{"type":64,"tag":185,"props":7434,"children":7435},{"style":668},[7436],{"type":70,"value":1408},{"type":64,"tag":185,"props":7438,"children":7439},{"style":275},[7440],{"type":70,"value":7441}," search ",{"type":64,"tag":185,"props":7443,"children":7444},{"style":269},[7445],{"type":70,"value":681},{"type":64,"tag":185,"props":7447,"children":7448},{"style":399},[7449],{"type":70,"value":2523},{"type":64,"tag":185,"props":7451,"children":7452},{"style":275},[7453],{"type":70,"value":406},{"type":64,"tag":185,"props":7455,"children":7456},{"style":269},[7457],{"type":70,"value":1430},{"type":64,"tag":185,"props":7459,"children":7460},{"style":418},[7461],{"type":70,"value":288},{"type":64,"tag":185,"props":7463,"children":7464},{"style":269},[7465],{"type":70,"value":426},{"type":64,"tag":185,"props":7467,"children":7468},{"style":269},[7469],{"type":70,"value":293},{"type":64,"tag":185,"props":7471,"children":7472},{"style":198},[7473],{"type":70,"value":2615},{"type":64,"tag":185,"props":7475,"children":7476},{"style":269},[7477],{"type":70,"value":483},{"type":64,"tag":185,"props":7479,"children":7480},{"style":269},[7481],{"type":70,"value":283},{"type":64,"tag":185,"props":7483,"children":7484},{"style":275},[7485],{"type":70,"value":573},{"type":64,"tag":185,"props":7487,"children":7488},{"class":187,"line":385},[7489,7493,7497,7501,7505,7509,7513,7517,7521,7525,7529,7533],{"type":64,"tag":185,"props":7490,"children":7491},{"style":269},[7492],{"type":70,"value":3592},{"type":64,"tag":185,"props":7494,"children":7495},{"style":418},[7496],{"type":70,"value":185},{"type":64,"tag":185,"props":7498,"children":7499},{"style":269},[7500],{"type":70,"value":1228},{"type":64,"tag":185,"props":7502,"children":7503},{"style":275},[7504],{"type":70,"value":2651},{"type":64,"tag":185,"props":7506,"children":7507},{"style":269},[7508],{"type":70,"value":1430},{"type":64,"tag":185,"props":7510,"children":7511},{"style":399},[7512],{"type":70,"value":39},{"type":64,"tag":185,"props":7514,"children":7515},{"style":275},[7516],{"type":70,"value":542},{"type":64,"tag":185,"props":7518,"children":7519},{"style":269},[7520],{"type":70,"value":1615},{"type":64,"tag":185,"props":7522,"children":7523},{"style":275},[7524],{"type":70,"value":2672},{"type":64,"tag":185,"props":7526,"children":7527},{"style":269},[7528],{"type":70,"value":2677},{"type":64,"tag":185,"props":7530,"children":7531},{"style":418},[7532],{"type":70,"value":185},{"type":64,"tag":185,"props":7534,"children":7535},{"style":269},[7536],{"type":70,"value":792},{"type":64,"tag":167,"props":7538,"children":7540},{"id":7539},"_3-high-using-react-hooks-in-beforeload-or-loader",[7541],{"type":70,"value":7542},"3. HIGH: Using React hooks in beforeLoad or loader",{"type":64,"tag":82,"props":7544,"children":7545},{},[7546,7551,7552,7558],{"type":64,"tag":73,"props":7547,"children":7549},{"className":7548},[],[7550],{"type":70,"value":3432},{"type":70,"value":1898},{"type":64,"tag":73,"props":7553,"children":7555},{"className":7554},[],[7556],{"type":70,"value":7557},"loader",{"type":70,"value":7559}," are NOT components — they are plain async functions. No hooks (React or Solid) can be used in them. Pass state via router context instead.",{"type":64,"tag":167,"props":7561,"children":7563},{"id":7562},"_4-medium-wrong-plugin-target",[7564],{"type":70,"value":7565},"4. MEDIUM: Wrong plugin target",{"type":64,"tag":82,"props":7567,"children":7568},{},[7569,7571,7577,7579,7585],{"type":70,"value":7570},"Must set ",{"type":64,"tag":73,"props":7572,"children":7574},{"className":7573},[],[7575],{"type":70,"value":7576},"target: 'solid'",{"type":70,"value":7578}," in the router plugin config. Default is ",{"type":64,"tag":73,"props":7580,"children":7582},{"className":7581},[],[7583],{"type":70,"value":7584},"'react'",{"type":70,"value":1615},{"type":64,"tag":160,"props":7587,"children":7589},{"id":7588},"cross-references",[7590],{"type":70,"value":7591},"Cross-References",{"type":64,"tag":3341,"props":7593,"children":7594},{},[7595],{"type":64,"tag":3345,"props":7596,"children":7597},{},[7598,7603],{"type":64,"tag":88,"props":7599,"children":7600},{"href":90},[7601],{"type":70,"value":7602},"router-core\u002FSKILL.md",{"type":70,"value":7604}," — all sub-skills for domain-specific patterns (search params, data loading, navigation, auth, SSR, etc.)",{"type":64,"tag":7606,"props":7607,"children":7608},"style",{},[7609],{"type":70,"value":7610},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":7612,"total":7714},[7613,7626,7641,7657,7670,7689,7700],{"slug":7614,"name":7614,"fn":7615,"description":7616,"org":7617,"tags":7618,"stars":26,"repoUrl":27,"updatedAt":7625},"auth-and-guards","implement route protection in TanStack Router","Route protection with beforeLoad, redirect()\u002Fthrow redirect(), isRedirect helper, authenticated layout routes (_authenticated), non-redirect auth (inline login), RBAC with roles and permissions, auth provider integration (Auth0, Clerk, Supabase), router context for auth state.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7619,7621,7622,7623,7624],{"name":7620,"slug":6956,"type":15},"Auth",{"name":24,"slug":25,"type":15},{"name":17,"slug":18,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},"2026-07-30T05:27:07.639032",{"slug":7627,"name":7627,"fn":7628,"description":7629,"org":7630,"tags":7631,"stars":26,"repoUrl":27,"updatedAt":7640},"auth-server-primitives","implement server-side authentication primitives","Server-side authentication primitives for TanStack Start: session cookies (HttpOnly, Secure, SameSite, __Host- prefix), session read\u002Fissue\u002Fdestroy via createServerFn and middleware, OAuth authorization-code flow with state and PKCE, password-reset enumeration defense, CSRF for non-GET RPCs, rate limiting auth endpoints, session rotation on privilege change. Pairs with router-core\u002Fauth-and-guards for the routing side.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7632,7633,7636,7639],{"name":7620,"slug":6956,"type":15},{"name":7634,"slug":7635,"type":15},"OAuth","oauth",{"name":7637,"slug":7638,"type":15},"Security","security",{"name":9,"slug":8,"type":15},"2026-07-30T05:26:59.504396",{"slug":7642,"name":7642,"fn":7643,"description":7644,"org":7645,"tags":7646,"stars":26,"repoUrl":27,"updatedAt":7656},"code-splitting","configure code splitting in TanStack Router","Automatic code splitting (autoCodeSplitting), .lazy.tsx convention, createLazyFileRoute, createLazyRoute, lazyRouteComponent, getRouteApi for typed hooks in split files, codeSplitGroupings per-route override, splitBehavior programmatic config, critical vs non-critical properties.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7647,7650,7651,7654,7655],{"name":7648,"slug":7649,"type":15},"Engineering","engineering",{"name":24,"slug":25,"type":15},{"name":7652,"slug":7653,"type":15},"Performance","performance",{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},"2026-07-30T05:27:11.494406",{"slug":7658,"name":7658,"fn":7659,"description":7660,"org":7661,"tags":7662,"stars":26,"repoUrl":27,"updatedAt":7669},"data-loading","manage data loading in TanStack Router","Route loader option, loaderDeps for cache keys, staleTime\u002FgcTime\u002F defaultPreloadStaleTime SWR caching, pendingComponent\u002FpendingMs\u002F pendingMinMs, errorComponent\u002FonError\u002FonCatch, beforeLoad, router context and createRootRouteWithContext DI pattern, router.invalidate, Await component, deferred data loading with unawaited promises.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7663,7666,7667,7668],{"name":7664,"slug":7665,"type":15},"Caching","caching",{"name":7652,"slug":7653,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},"2026-07-30T05:26:54.487943",{"slug":7671,"name":7671,"fn":7672,"description":7673,"org":7674,"tags":7675,"stars":26,"repoUrl":27,"updatedAt":7688},"deployment","deploy TanStack Start applications","Deploy to Cloudflare Workers, Netlify, Vercel, Node.js\u002FDocker, Bun, Railway. Selective SSR (ssr option per route), SPA mode, static prerendering, ISR with Cache-Control headers, SEO and head management.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7676,7679,7681,7684,7685],{"name":7677,"slug":7678,"type":15},"Cloudflare","cloudflare",{"name":7680,"slug":7671,"type":15},"Deployment",{"name":7682,"slug":7683,"type":15},"Netlify","netlify",{"name":9,"slug":8,"type":15},{"name":7686,"slug":7687,"type":15},"Vercel","vercel","2026-07-30T05:26:50.509927",{"slug":7690,"name":7690,"fn":7691,"description":7692,"org":7693,"tags":7694,"stars":26,"repoUrl":27,"updatedAt":7699},"execution-model","manage isomorphic execution models","Isomorphic-by-default principle, environment boundary functions (createServerFn, createServerOnlyFn, createClientOnlyFn, createIsomorphicFn), ClientOnly component, useHydrated hook, import protection, dead code elimination, environment variable safety (VITE_ prefix, process.env).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7695,7698],{"name":7696,"slug":7697,"type":15},"Architecture","architecture",{"name":9,"slug":8,"type":15},"2026-07-30T05:27:04.558441",{"slug":7701,"name":7701,"fn":7702,"description":7703,"org":7704,"tags":7705,"stars":26,"repoUrl":27,"updatedAt":7713},"middleware","implement TanStack Router middleware","createMiddleware, request middleware (.server only), server function middleware (.client + .server), context passing via next({ context }), sendContext for client-server transfer, global middleware via createStart in src\u002Fstart.ts, middleware factories, method order enforcement, fetch override precedence.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7706,7709,7710,7712],{"name":7707,"slug":7708,"type":15},"Backend","backend",{"name":24,"slug":25,"type":15},{"name":7711,"slug":7701,"type":15},"Middleware",{"name":9,"slug":8,"type":15},"2026-07-30T05:26:58.546019",30,{"items":7716,"total":7854},[7717,7731,7743,7755,7768,7780,7790,7800,7813,7823,7834,7844],{"slug":7718,"name":7718,"fn":7719,"description":7720,"org":7721,"tags":7722,"stars":7728,"repoUrl":7729,"updatedAt":7730},"aggregation","perform data aggregation in TanStack Table","Aggregate TanStack Table columns independently of grouping, including grand totals, caller-selected row totals, multiple keyed aggregations, custom context-based definitions, grouped merges, manual values, and worker constraints.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7723,7726,7727],{"name":7724,"slug":7725,"type":15},"Data Analysis","data-analysis",{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},28175,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Ftable","2026-07-30T05:25:59.429787",{"slug":7732,"name":7732,"fn":7733,"description":7734,"org":7735,"tags":7736,"stars":7728,"repoUrl":7729,"updatedAt":7742},"api-not-found","diagnose TanStack Table API errors","Diagnose missing TanStack Table v9 exports, options, state slices, and instance methods. Load before inventing an API when code sees a type error, undefined feature method, absent object key, adapter mismatch, or v8-shaped example.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7737,7740,7741],{"name":7738,"slug":7739,"type":15},"Debugging","debugging",{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:26:05.418735",{"slug":7744,"name":7744,"fn":7745,"description":7746,"org":7747,"tags":7748,"stars":7728,"repoUrl":7729,"updatedAt":7754},"cell-selection","select rectangular cell ranges in tables","Select rectangular cell ranges with cellSelectionFeature: two-corner range state keyed by row and column id, mousedown\u002Fmouseenter handlers, selection edges, render-order resolution under pinning, and autoResetCellSelection. Load when ranges widen unexpectedly after sorting or column reordering, when a drag re-renders the whole table, or when building copy-to-clipboard from a selection.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7749,7750,7751],{"name":7724,"slug":7725,"type":15},{"name":9,"slug":8,"type":15},{"name":7752,"slug":7753,"type":15},"UI Components","ui-components","2026-07-30T05:25:38.403427",{"slug":7756,"name":7756,"fn":7757,"description":7758,"org":7759,"tags":7760,"stars":7728,"repoUrl":7729,"updatedAt":7767},"client-vs-server","manage TanStack Table data pipelines","Choose client or server ownership for filtering, grouping, sorting, expanding, and pagination in TanStack Table v9. Load for manual* flags, mixed pipelines, server counts, or deciding which dataset each row-model stage receives.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7761,7764,7765,7766],{"name":7762,"slug":7763,"type":15},"Data Pipeline","data-pipeline",{"name":24,"slug":25,"type":15},{"name":7652,"slug":7653,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:45.400104",{"slug":7769,"name":7769,"fn":7770,"description":7771,"org":7772,"tags":7773,"stars":7728,"repoUrl":7729,"updatedAt":7779},"column-faceting","build faceted filter UIs","Build faceted filter UIs with columnFacetingFeature, facetedRowModel, facetedUniqueValues, and facetedMinMaxValues. Load for facet counts, numeric ranges, own-filter exclusion, or server-page facet completeness.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7774,7777,7778],{"name":7775,"slug":7776,"type":15},"Data Visualization","data-visualization",{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:41.397257",{"slug":7781,"name":7781,"fn":7782,"description":7783,"org":7784,"tags":7785,"stars":7728,"repoUrl":7729,"updatedAt":7789},"column-filtering","implement column filtering in TanStack Table","Filter columns with columnFilteringFeature, filteredRowModel, filterFns, filterMeta, nested-row direction, and manualFiltering. Load for accessor compatibility, controlled filter updaters, fuzzy metadata, or client\u002Fserver ownership.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7786,7787,7788],{"name":7724,"slug":7725,"type":15},{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:53.391632",{"slug":7791,"name":7791,"fn":7792,"description":7793,"org":7794,"tags":7795,"stars":7728,"repoUrl":7729,"updatedAt":7799},"column-ordering","manage TanStack Table column ordering","Control TanStack Table v9 leaf columnOrder with stable IDs while accounting for pinning regions, visibility, and groupedColumnMode precedence. Load for drag-and-drop columns or rendered order that differs from state.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7796,7797,7798],{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},{"name":7752,"slug":7753,"type":15},"2026-07-30T05:26:03.37801",{"slug":7801,"name":7801,"fn":7802,"description":7803,"org":7804,"tags":7805,"stars":7728,"repoUrl":7729,"updatedAt":7812},"column-pinning","configure column pinning in TanStack Table","Pin columns into logical start, center, and end regions with columnPinningFeature and renderer-owned sticky CSS. Load for RTL offsets, z-index, backgrounds, overflow, widths, gaps, or overlaps.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7806,7809,7810,7811],{"name":7807,"slug":7808,"type":15},"CSS","css",{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},{"name":7752,"slug":7753,"type":15},"2026-07-30T05:25:55.377366",{"slug":7814,"name":7814,"fn":7815,"description":7816,"org":7817,"tags":7818,"stars":7728,"repoUrl":7729,"updatedAt":7822},"column-resizing","implement column resizing in TanStack Table","Wire columnResizingFeature, header.getResizeHandler, resize mode and direction, pointer or touch events, and performant CSS-variable updates. Load when resize state changes but widths do not, or large tables resize slowly.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7819,7820,7821],{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},{"name":7752,"slug":7753,"type":15},"2026-07-30T05:25:51.400011",{"slug":7824,"name":7824,"fn":7825,"description":7826,"org":7827,"tags":7828,"stars":7728,"repoUrl":7729,"updatedAt":7833},"column-sizing","configure column sizing in TanStack Table","Use columnSizingFeature numeric size, minSize, maxSize, getSize, getStart, getAfter, and total-size APIs in table, grid, or flex CSS. Load for auto or percentage misconceptions and sizing\u002Fpinning layout mismatch.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7829,7830,7831,7832],{"name":7807,"slug":7808,"type":15},{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},{"name":7752,"slug":7753,"type":15},"2026-07-30T05:25:48.703799",{"slug":7835,"name":7835,"fn":7836,"description":7837,"org":7838,"tags":7839,"stars":7728,"repoUrl":7729,"updatedAt":7843},"column-visibility","manage column visibility in TanStack Table","Hide columns with columnVisibilityFeature while rendering visibility-aware header, column, and cell collections. Load when hidden columns remain in the DOM, false-versus-absent state is confused, or enableHiding is misunderstood.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7840,7841,7842],{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},{"name":7752,"slug":7753,"type":15},"2026-07-30T05:25:47.367943",{"slug":7845,"name":7845,"fn":7846,"description":7847,"org":7848,"tags":7849,"stars":7728,"repoUrl":7729,"updatedAt":7853},"core","build data grids with TanStack Table","Use TanStack Table v9 as a headless data-grid state and row-processing engine. Load for first-table architecture, stable data and columns, row numbering with getDisplayIndex, semantic rendering, framework adapter choice, or deciding what Table owns versus the renderer.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[7850,7851,7852],{"name":7724,"slug":7725,"type":15},{"name":24,"slug":25,"type":15},{"name":7752,"slug":7753,"type":15},"2026-07-30T05:25:52.366295",125]