[{"data":1,"prerenderedAt":3503},["ShallowReactive",2],{"navigation":3,"examples-nav":377,"-examples-vite-trpc":478,"-examples-vite-trpc-surround":3500},[4,83,212,218,374],{"title":5,"path":6,"stem":7,"children":8,"icon":82},"","/docs","1.docs/1.index",[9,12,17,22,27,32,37,42,47,52,57,62,67,72,77],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-compass",{"title":13,"path":14,"stem":15,"icon":16},"Quick Start","/docs/quick-start","1.docs/2.quick-start","i-lucide-zap",{"title":18,"path":19,"stem":20,"icon":21},"Renderer","/docs/renderer","1.docs/4.renderer","ri:layout-masonry-line",{"title":23,"path":24,"stem":25,"icon":26},"Routing","/docs/routing","1.docs/5.routing","ri:direction-line",{"title":28,"path":29,"stem":30,"icon":31},"Assets","/docs/assets","1.docs/50.assets","ri:image-2-line",{"title":33,"path":34,"stem":35,"icon":36},"Configuration","/docs/configuration","1.docs/50.configuration","ri:settings-3-line",{"title":38,"path":39,"stem":40,"icon":41},"Database","/docs/database","1.docs/50.database","ri:database-2-line",{"title":43,"path":44,"stem":45,"icon":46},"Lifecycle","/docs/lifecycle","1.docs/50.lifecycle","i-lucide-layers",{"title":48,"path":49,"stem":50,"icon":51},"Plugins","/docs/plugins","1.docs/50.plugins","ri:plug-line",{"title":53,"path":54,"stem":55,"icon":56},"Tasks","/docs/tasks","1.docs/50.tasks","codicon:run-all",{"title":58,"path":59,"stem":60,"icon":61},"Server Entry","/docs/server-entry","1.docs/6.server-entry","ri:server-line",{"title":63,"path":64,"stem":65,"icon":66},"Cache","/docs/cache","1.docs/7.cache","ri:speed-line",{"title":68,"path":69,"stem":70,"icon":71},"KV Storage","/docs/storage","1.docs/8.storage","carbon:datastore",{"title":73,"path":74,"stem":75,"icon":76},"Migration Guide","/docs/migration","1.docs/99.migration","ri:arrow-right-up-line",{"title":78,"path":79,"stem":80,"icon":81},"Nightly Channel","/docs/nightly","1.docs/99.nightly","ri:moon-fill","i-lucide-book-open",{"title":84,"path":85,"stem":86,"children":87,"icon":89},"Deploy","/deploy","2.deploy/0.index",[88,90,111],{"title":84,"path":85,"stem":86,"icon":89},"ri:upload-cloud-2-line",{"title":91,"path":92,"stem":93,"children":94,"page":110},"Runtimes","/deploy/runtimes","2.deploy/10.runtimes",[95,100,105],{"title":96,"path":97,"stem":98,"icon":99},"Node.js","/deploy/runtimes/node","2.deploy/10.runtimes/1.node","akar-icons:node-fill",{"title":101,"path":102,"stem":103,"icon":104},"Bun","/deploy/runtimes/bun","2.deploy/10.runtimes/bun","simple-icons:bun",{"title":106,"path":107,"stem":108,"icon":109},"Deno","/deploy/runtimes/deno","2.deploy/10.runtimes/deno","simple-icons:deno",false,{"title":112,"path":113,"stem":114,"children":115,"page":110},"Providers","/deploy/providers","2.deploy/20.providers",[116,120,124,128,132,136,140,144,148,152,156,160,164,168,172,176,180,184,188,192,196,200,204,208],{"title":117,"path":118,"stem":119},"Alwaysdata","/deploy/providers/alwaysdata","2.deploy/20.providers/alwaysdata",{"title":121,"path":122,"stem":123},"AWS Lambda","/deploy/providers/aws","2.deploy/20.providers/aws",{"title":125,"path":126,"stem":127},"AWS Amplify","/deploy/providers/aws-amplify","2.deploy/20.providers/aws-amplify",{"title":129,"path":130,"stem":131},"Azure","/deploy/providers/azure","2.deploy/20.providers/azure",{"title":133,"path":134,"stem":135},"Cleavr","/deploy/providers/cleavr","2.deploy/20.providers/cleavr",{"title":137,"path":138,"stem":139},"Cloudflare","/deploy/providers/cloudflare","2.deploy/20.providers/cloudflare",{"title":141,"path":142,"stem":143},"Deno Deploy","/deploy/providers/deno-deploy","2.deploy/20.providers/deno-deploy",{"title":145,"path":146,"stem":147},"DigitalOcean","/deploy/providers/digitalocean","2.deploy/20.providers/digitalocean",{"title":149,"path":150,"stem":151},"Firebase","/deploy/providers/firebase","2.deploy/20.providers/firebase",{"title":153,"path":154,"stem":155},"Flightcontrol","/deploy/providers/flightcontrol","2.deploy/20.providers/flightcontrol",{"title":157,"path":158,"stem":159},"Genezio","/deploy/providers/genezio","2.deploy/20.providers/genezio",{"title":161,"path":162,"stem":163},"GitHub Pages","/deploy/providers/github-pages","2.deploy/20.providers/github-pages",{"title":165,"path":166,"stem":167},"GitLab Pages","/deploy/providers/gitlab-pages","2.deploy/20.providers/gitlab-pages",{"title":169,"path":170,"stem":171},"Heroku","/deploy/providers/heroku","2.deploy/20.providers/heroku",{"title":173,"path":174,"stem":175},"IIS","/deploy/providers/iis","2.deploy/20.providers/iis",{"title":177,"path":178,"stem":179},"Koyeb","/deploy/providers/koyeb","2.deploy/20.providers/koyeb",{"title":181,"path":182,"stem":183},"Netlify","/deploy/providers/netlify","2.deploy/20.providers/netlify",{"title":185,"path":186,"stem":187},"Platform.sh","/deploy/providers/platform-sh","2.deploy/20.providers/platform-sh",{"title":189,"path":190,"stem":191},"Render.com","/deploy/providers/render","2.deploy/20.providers/render",{"title":193,"path":194,"stem":195},"StormKit","/deploy/providers/stormkit","2.deploy/20.providers/stormkit",{"title":197,"path":198,"stem":199},"Vercel","/deploy/providers/vercel","2.deploy/20.providers/vercel",{"title":201,"path":202,"stem":203},"Zeabur","/deploy/providers/zeabur","2.deploy/20.providers/zeabur",{"title":205,"path":206,"stem":207},"Zephyr Cloud","/deploy/providers/zephyr","2.deploy/20.providers/zephyr",{"title":209,"path":210,"stem":211},"Zerops","/deploy/providers/zerops","2.deploy/20.providers/zerops",{"title":213,"path":214,"stem":215,"children":216,"icon":36},"Config","/config","3.config/0.index",[217],{"title":213,"path":214,"stem":215,"icon":36},{"title":219,"path":220,"stem":221,"children":222,"icon":224},"Examples","/examples","4.examples/0.index",[223,225,230,235,240,245,249,254,259,264,269,274,279,283,288,292,296,301,306,311,316,321,326,331,336,341,345,350,355,359,364,369],{"title":219,"path":220,"stem":221,"icon":224},"i-lucide-folder-code",{"title":226,"path":227,"stem":228,"icon":229},"API Routes","/examples/api-routes","4.examples/api-routes","i-lucide-route",{"title":231,"path":232,"stem":233,"icon":234},"Auto Imports","/examples/auto-imports","4.examples/auto-imports","i-lucide-import",{"title":236,"path":237,"stem":238,"icon":239},"Cached Handler","/examples/cached-handler","4.examples/cached-handler","i-lucide-clock",{"title":241,"path":242,"stem":243,"icon":244},"Custom Error Handler","/examples/custom-error-handler","4.examples/custom-error-handler","i-lucide-alert-circle",{"title":38,"path":246,"stem":247,"icon":248},"/examples/database","4.examples/database","i-lucide-database",{"title":250,"path":251,"stem":252,"icon":253},"Elysia","/examples/elysia","4.examples/elysia","i-skill-icons-elysia-dark",{"title":255,"path":256,"stem":257,"icon":258},"Express","/examples/express","4.examples/express","i-simple-icons-express",{"title":260,"path":261,"stem":262,"icon":263},"Fastify","/examples/fastify","4.examples/fastify","i-simple-icons-fastify",{"title":265,"path":266,"stem":267,"icon":268},"Hello World","/examples/hello-world","4.examples/hello-world","i-lucide-sparkles",{"title":270,"path":271,"stem":272,"icon":273},"Hono","/examples/hono","4.examples/hono","i-logos-hono",{"title":275,"path":276,"stem":277,"icon":278},"Import Alias","/examples/import-alias","4.examples/import-alias","i-lucide-at-sign",{"title":280,"path":281,"stem":282,"icon":46},"Middleware","/examples/middleware","4.examples/middleware",{"title":284,"path":285,"stem":286,"icon":287},"Mono JSX","/examples/mono-jsx","4.examples/mono-jsx","i-lucide-brackets",{"title":289,"path":290,"stem":291,"icon":287},"Nano JSX","/examples/nano-jsx","4.examples/nano-jsx",{"title":48,"path":293,"stem":294,"icon":295},"/examples/plugins","4.examples/plugins","i-lucide-plug",{"title":297,"path":298,"stem":299,"icon":300},"Custom Renderer","/examples/renderer","4.examples/renderer","i-lucide-code",{"title":302,"path":303,"stem":304,"icon":305},"Runtime Config","/examples/runtime-config","4.examples/runtime-config","i-lucide-settings",{"title":307,"path":308,"stem":309,"icon":310},"Server Fetch","/examples/server-fetch","4.examples/server-fetch","i-lucide-arrow-right-left",{"title":312,"path":313,"stem":314,"icon":315},"Shiki","/examples/shiki","4.examples/shiki","i-lucide-highlighter",{"title":317,"path":318,"stem":319,"icon":320},"Virtual Routes","/examples/virtual-routes","4.examples/virtual-routes","i-lucide-box",{"title":322,"path":323,"stem":324,"icon":325},"Vite Nitro Plugin","/examples/vite-nitro-plugin","4.examples/vite-nitro-plugin","i-logos-vitejs",{"title":327,"path":328,"stem":329,"icon":330},"Vite RSC","/examples/vite-rsc","4.examples/vite-rsc","i-logos-react",{"title":332,"path":333,"stem":334,"icon":335},"Vite SSR HTML","/examples/vite-ssr-html","4.examples/vite-ssr-html","i-logos-html-5",{"title":337,"path":338,"stem":339,"icon":340},"SSR with Preact","/examples/vite-ssr-preact","4.examples/vite-ssr-preact","i-logos-preact",{"title":342,"path":343,"stem":344,"icon":330},"SSR with React","/examples/vite-ssr-react","4.examples/vite-ssr-react",{"title":346,"path":347,"stem":348,"icon":349},"SSR with SolidJS","/examples/vite-ssr-solid","4.examples/vite-ssr-solid","i-logos-solidjs-icon",{"title":351,"path":352,"stem":353,"icon":354},"SSR with TanStack Router","/examples/vite-ssr-tsr-react","4.examples/vite-ssr-tsr-react","i-simple-icons-tanstack",{"title":356,"path":357,"stem":358,"icon":354},"SSR with TanStack Start","/examples/vite-ssr-tss-react","4.examples/vite-ssr-tss-react",{"title":360,"path":361,"stem":362,"icon":363},"SSR with Vue Router","/examples/vite-ssr-vue-router","4.examples/vite-ssr-vue-router","i-logos-vue",{"title":365,"path":366,"stem":367,"icon":368},"Vite + tRPC","/examples/vite-trpc","4.examples/vite-trpc","i-simple-icons-trpc",{"title":370,"path":371,"stem":372,"icon":373},"WebSocket","/examples/websocket","4.examples/websocket","i-lucide-radio",{"title":5,"path":375,"stem":376},"/","index",[378,383,387,390,393,396,400,403,406,409,412,415,418,422,425,428,431,434,437,441,444,448,451,454,457,460,463,466,469,472,475],{"title":226,"description":379,"meta":380,"path":227},"File-based API routing with HTTP method support and dynamic parameters.",{"automd":381,"category":382,"icon":229},true,"features",{"title":231,"description":384,"meta":385,"path":232},"Automatic imports for utilities and composables.",{"automd":381,"category":386,"icon":234},"config",{"title":236,"description":388,"meta":389,"path":237},"Cache route responses with configurable bypass logic.",{"automd":381,"category":382,"icon":239},{"title":241,"description":391,"meta":392,"path":242},"Customize error responses with a global error handler.",{"automd":381,"category":382,"icon":244},{"title":38,"description":394,"meta":395,"path":246},"Built-in database support with SQL template literals.",{"automd":381,"category":382,"icon":248},{"title":250,"description":397,"meta":398,"path":251},"Integrate Elysia with Nitro using the server entry.",{"automd":381,"category":399,"icon":253},"backend frameworks",{"title":255,"description":401,"meta":402,"path":256},"Integrate Express with Nitro using the server entry.",{"automd":381,"category":399,"icon":258},{"title":260,"description":404,"meta":405,"path":261},"Integrate Fastify with Nitro using the server entry.",{"automd":381,"category":399,"icon":263},{"title":265,"description":407,"meta":408,"path":266},"Minimal Nitro server using the web standard fetch handler.",{"automd":381,"category":382,"icon":268},{"title":270,"description":410,"meta":411,"path":271},"Integrate Hono with Nitro using the server entry.",{"automd":381,"category":399,"icon":273},{"title":275,"description":413,"meta":414,"path":276},"Custom import aliases for cleaner module paths.",{"automd":381,"category":386,"icon":278},{"title":280,"description":416,"meta":417,"path":281},"Request middleware for authentication, logging, and request modification.",{"automd":381,"category":382,"icon":46},{"title":284,"description":419,"meta":420,"path":285},"Server-side JSX rendering in Nitro with mono-jsx.",{"automd":381,"category":421,"icon":287},"server side rendering",{"title":289,"description":423,"meta":424,"path":290},"Server-side JSX rendering in Nitro with nano-jsx.",{"automd":381,"category":421,"icon":287},{"title":48,"description":426,"meta":427,"path":293},"Extend Nitro with custom plugins for hooks and lifecycle events.",{"automd":381,"category":382,"icon":295},{"title":297,"description":429,"meta":430,"path":298},"Build a custom HTML renderer in Nitro with server-side data fetching.",{"automd":381,"category":421,"icon":300},{"title":302,"description":432,"meta":433,"path":303},"Environment-aware configuration with runtime access.",{"automd":381,"category":386,"icon":305},{"title":307,"description":435,"meta":436,"path":308},"Internal server-to-server requests without network overhead.",{"automd":381,"category":382,"icon":310},{"title":312,"description":438,"meta":439,"path":313},"Server-side syntax highlighting in Nitro with Shiki.",{"automd":381,"category":440,"icon":315},"integrations",{"title":317,"description":442,"meta":443,"path":318},"Define routes programmatically using Nitro's virtual module system.",{"automd":381,"category":382,"icon":320},{"title":322,"description":445,"meta":446,"path":323},"Use Nitro as a Vite plugin for programmatic configuration.",{"automd":381,"category":447,"icon":325},"vite",{"title":327,"description":449,"meta":450,"path":328},"React Server Components with Vite and Nitro.",{"automd":381,"category":447,"icon":330},{"title":332,"description":452,"meta":453,"path":333},"Server-side rendering with vanilla HTML, Vite, and Nitro.",{"automd":381,"category":421,"icon":335},{"title":337,"description":455,"meta":456,"path":338},"Server-side rendering with Preact in Nitro using Vite.",{"automd":381,"category":421,"icon":340},{"title":342,"description":458,"meta":459,"path":343},"Server-side rendering with React in Nitro using Vite.",{"automd":381,"category":421,"icon":330},{"title":346,"description":461,"meta":462,"path":347},"Server-side rendering with SolidJS in Nitro using Vite.",{"automd":381,"category":421,"icon":349},{"title":351,"description":464,"meta":465,"path":352},"Client-side routing with TanStack Router in Nitro using Vite.",{"automd":381,"category":421,"icon":354},{"title":356,"description":467,"meta":468,"path":357},"Full-stack React with TanStack Start in Nitro using Vite.",{"automd":381,"category":421,"icon":354},{"title":360,"description":470,"meta":471,"path":361},"Server-side rendering with Vue Router in Nitro using Vite.",{"automd":381,"category":421,"icon":363},{"title":365,"description":473,"meta":474,"path":366},"End-to-end typesafe APIs with tRPC in Nitro using Vite.",{"automd":381,"category":447,"icon":368},{"title":370,"description":476,"meta":477,"path":371},"Real-time bidirectional communication with WebSocket support.",{"automd":381,"category":382,"icon":373},{"id":479,"title":365,"body":480,"description":473,"extension":3495,"meta":3496,"navigation":3497,"path":366,"seo":3498,"stem":367,"__hash__":3499},"content/4.examples/vite-trpc.md",{"type":481,"value":482,"toc":3488,"icon":368},"minimark",[483,2188,2192,2197,2211,2215,2222,2304,2315,2319,2322,2556,2571,2575,2578,3450,3464,3468,3485],[484,485,488,1627,1772,1806,1911],"code-tree",{":expand-all":486,"default-value":487},"true","server/trpc.ts",[489,490,495],"pre",{"className":491,"code":492,"filename":493,"language":494,"meta":5,"style":5},"language-html shiki shiki-themes github-light github-dark github-dark","\u003C!doctype html>\n\u003Chtml lang=\"en\">\n  \u003Chead>\n    \u003Cmeta charset=\"UTF-8\" />\n    \u003Ctitle>tRPC Counter\u003C/title>\n    \u003Cstyle>\n      body {\n        font-family: system-ui, sans-serif;\n        background: #0f1115;\n        color: #e5e7eb;\n        display: grid;\n        place-items: center;\n        height: 100vh;\n        margin: 0;\n      }\n\n      .box {\n        background: #181b22;\n        padding: 24px 32px;\n        border-radius: 10px;\n        text-align: center;\n        min-width: 200px;\n      }\n\n      button {\n        background: #2563eb;\n        border: none;\n        color: white;\n        padding: 8px 14px;\n        border-radius: 6px;\n        cursor: pointer;\n        margin-top: 12px;\n        font-size: 14px;\n      }\n\n      button:hover {\n        background: #1d4ed8;\n      }\n\n      .value {\n        font-size: 36px;\n        margin: 12px 0;\n      }\n    \u003C/style>\n  \u003C/head>\n  \u003Cbody>\n    \u003Cdiv class=\"box\">\n      \u003Cdiv>Counter\u003C/div>\n      \u003Cdiv class=\"value\" id=\"value\">\n        \u003Cscript server>\n          // Server-side Rendering\n          const { result } = await serverFetch(\"/trpc/get\").then(r => r.json())\n          echo(result?.data?.value)\n        \u003C/script>\n      \u003C/div>\n      \u003Cbutton id=\"inc\">Increment\u003C/button>\n    \u003C/div>\n\n    \u003Cscript setup>\n      const valueEl = document.getElementById(\"value\");\n      const incBtn = document.getElementById(\"inc\");\n\n      async function call(path, body) {\n        const res = await fetch(`/trpc/${path}`, {\n          method: body ? \"POST\" : \"GET\",\n          headers: { \"content-type\": \"application/json\" },\n          body: body ? JSON.stringify(body) : undefined,\n        });\n\n        const json = await res.json();\n        return json.result.data;\n      }\n\n      async function refresh() {\n        const data = await call(\"get\");\n        valueEl.textContent = data.value;\n      }\n\n      incBtn.onclick = async () => {\n        const data = await call(\"inc\", {});\n        valueEl.textContent = data.value;\n      };\n\n      refresh();\n    \u003C/script>\n  \u003C/body>\n\u003C/html>\n","index.html","html",[496,497,498,518,538,549,569,584,594,603,625,638,651,664,677,694,707,713,719,727,739,760,775,787,802,807,812,820,832,845,857,876,890,903,918,933,938,943,953,965,970,975,983,997,1013,1018,1028,1038,1048,1066,1081,1104,1118,1125,1178,1187,1197,1207,1229,1238,1243,1255,1280,1300,1305,1329,1358,1379,1396,1424,1430,1435,1455,1464,1469,1474,1487,1508,1519,1524,1529,1551,1571,1580,1586,1591,1599,1608,1617],"code",{"__ignoreMap":5},[499,500,503,507,511,515],"span",{"class":501,"line":502},"line",1,[499,504,506],{"class":505},"slsVL","\u003C!",[499,508,510],{"class":509},"sByVh","doctype",[499,512,514],{"class":513},"shcOC"," html",[499,516,517],{"class":505},">\n",[499,519,521,524,526,529,532,536],{"class":501,"line":520},2,[499,522,523],{"class":505},"\u003C",[499,525,494],{"class":509},[499,527,528],{"class":513}," lang",[499,530,531],{"class":505},"=",[499,533,535],{"class":534},"sfrk1","\"en\"",[499,537,517],{"class":505},[499,539,541,544,547],{"class":501,"line":540},3,[499,542,543],{"class":505},"  \u003C",[499,545,546],{"class":509},"head",[499,548,517],{"class":505},[499,550,552,555,558,561,563,566],{"class":501,"line":551},4,[499,553,554],{"class":505},"    \u003C",[499,556,557],{"class":509},"meta",[499,559,560],{"class":513}," charset",[499,562,531],{"class":505},[499,564,565],{"class":534},"\"UTF-8\"",[499,567,568],{"class":505}," />\n",[499,570,572,574,577,580,582],{"class":501,"line":571},5,[499,573,554],{"class":505},[499,575,576],{"class":509},"title",[499,578,579],{"class":505},">tRPC Counter\u003C/",[499,581,576],{"class":509},[499,583,517],{"class":505},[499,585,587,589,592],{"class":501,"line":586},6,[499,588,554],{"class":505},[499,590,591],{"class":509},"style",[499,593,517],{"class":505},[499,595,597,600],{"class":501,"line":596},7,[499,598,599],{"class":509},"      body",[499,601,602],{"class":505}," {\n",[499,604,606,610,613,616,619,622],{"class":501,"line":605},8,[499,607,609],{"class":608},"suiK_","        font-family",[499,611,612],{"class":505},": ",[499,614,615],{"class":608},"system-ui",[499,617,618],{"class":505},", ",[499,620,621],{"class":608},"sans-serif",[499,623,624],{"class":505},";\n",[499,626,628,631,633,636],{"class":501,"line":627},9,[499,629,630],{"class":608},"        background",[499,632,612],{"class":505},[499,634,635],{"class":608},"#0f1115",[499,637,624],{"class":505},[499,639,641,644,646,649],{"class":501,"line":640},10,[499,642,643],{"class":608},"        color",[499,645,612],{"class":505},[499,647,648],{"class":608},"#e5e7eb",[499,650,624],{"class":505},[499,652,654,657,659,662],{"class":501,"line":653},11,[499,655,656],{"class":608},"        display",[499,658,612],{"class":505},[499,660,661],{"class":608},"grid",[499,663,624],{"class":505},[499,665,667,670,672,675],{"class":501,"line":666},12,[499,668,669],{"class":608},"        place-items",[499,671,612],{"class":505},[499,673,674],{"class":608},"center",[499,676,624],{"class":505},[499,678,680,683,685,688,692],{"class":501,"line":679},13,[499,681,682],{"class":608},"        height",[499,684,612],{"class":505},[499,686,687],{"class":608},"100",[499,689,691],{"class":690},"so5gQ","vh",[499,693,624],{"class":505},[499,695,697,700,702,705],{"class":501,"line":696},14,[499,698,699],{"class":608},"        margin",[499,701,612],{"class":505},[499,703,704],{"class":608},"0",[499,706,624],{"class":505},[499,708,710],{"class":501,"line":709},15,[499,711,712],{"class":505},"      }\n",[499,714,716],{"class":501,"line":715},16,[499,717,718],{"emptyLinePlaceholder":381},"\n",[499,720,722,725],{"class":501,"line":721},17,[499,723,724],{"class":513},"      .box",[499,726,602],{"class":505},[499,728,730,732,734,737],{"class":501,"line":729},18,[499,731,630],{"class":608},[499,733,612],{"class":505},[499,735,736],{"class":608},"#181b22",[499,738,624],{"class":505},[499,740,742,745,747,750,753,756,758],{"class":501,"line":741},19,[499,743,744],{"class":608},"        padding",[499,746,612],{"class":505},[499,748,749],{"class":608},"24",[499,751,752],{"class":690},"px",[499,754,755],{"class":608}," 32",[499,757,752],{"class":690},[499,759,624],{"class":505},[499,761,763,766,768,771,773],{"class":501,"line":762},20,[499,764,765],{"class":608},"        border-radius",[499,767,612],{"class":505},[499,769,770],{"class":608},"10",[499,772,752],{"class":690},[499,774,624],{"class":505},[499,776,778,781,783,785],{"class":501,"line":777},21,[499,779,780],{"class":608},"        text-align",[499,782,612],{"class":505},[499,784,674],{"class":608},[499,786,624],{"class":505},[499,788,790,793,795,798,800],{"class":501,"line":789},22,[499,791,792],{"class":608},"        min-width",[499,794,612],{"class":505},[499,796,797],{"class":608},"200",[499,799,752],{"class":690},[499,801,624],{"class":505},[499,803,805],{"class":501,"line":804},23,[499,806,712],{"class":505},[499,808,810],{"class":501,"line":809},24,[499,811,718],{"emptyLinePlaceholder":381},[499,813,815,818],{"class":501,"line":814},25,[499,816,817],{"class":509},"      button",[499,819,602],{"class":505},[499,821,823,825,827,830],{"class":501,"line":822},26,[499,824,630],{"class":608},[499,826,612],{"class":505},[499,828,829],{"class":608},"#2563eb",[499,831,624],{"class":505},[499,833,835,838,840,843],{"class":501,"line":834},27,[499,836,837],{"class":608},"        border",[499,839,612],{"class":505},[499,841,842],{"class":608},"none",[499,844,624],{"class":505},[499,846,848,850,852,855],{"class":501,"line":847},28,[499,849,643],{"class":608},[499,851,612],{"class":505},[499,853,854],{"class":608},"white",[499,856,624],{"class":505},[499,858,860,862,864,867,869,872,874],{"class":501,"line":859},29,[499,861,744],{"class":608},[499,863,612],{"class":505},[499,865,866],{"class":608},"8",[499,868,752],{"class":690},[499,870,871],{"class":608}," 14",[499,873,752],{"class":690},[499,875,624],{"class":505},[499,877,879,881,883,886,888],{"class":501,"line":878},30,[499,880,765],{"class":608},[499,882,612],{"class":505},[499,884,885],{"class":608},"6",[499,887,752],{"class":690},[499,889,624],{"class":505},[499,891,893,896,898,901],{"class":501,"line":892},31,[499,894,895],{"class":608},"        cursor",[499,897,612],{"class":505},[499,899,900],{"class":608},"pointer",[499,902,624],{"class":505},[499,904,906,909,911,914,916],{"class":501,"line":905},32,[499,907,908],{"class":608},"        margin-top",[499,910,612],{"class":505},[499,912,913],{"class":608},"12",[499,915,752],{"class":690},[499,917,624],{"class":505},[499,919,921,924,926,929,931],{"class":501,"line":920},33,[499,922,923],{"class":608},"        font-size",[499,925,612],{"class":505},[499,927,928],{"class":608},"14",[499,930,752],{"class":690},[499,932,624],{"class":505},[499,934,936],{"class":501,"line":935},34,[499,937,712],{"class":505},[499,939,941],{"class":501,"line":940},35,[499,942,718],{"emptyLinePlaceholder":381},[499,944,946,948,951],{"class":501,"line":945},36,[499,947,817],{"class":509},[499,949,950],{"class":513},":hover",[499,952,602],{"class":505},[499,954,956,958,960,963],{"class":501,"line":955},37,[499,957,630],{"class":608},[499,959,612],{"class":505},[499,961,962],{"class":608},"#1d4ed8",[499,964,624],{"class":505},[499,966,968],{"class":501,"line":967},38,[499,969,712],{"class":505},[499,971,973],{"class":501,"line":972},39,[499,974,718],{"emptyLinePlaceholder":381},[499,976,978,981],{"class":501,"line":977},40,[499,979,980],{"class":513},"      .value",[499,982,602],{"class":505},[499,984,986,988,990,993,995],{"class":501,"line":985},41,[499,987,923],{"class":608},[499,989,612],{"class":505},[499,991,992],{"class":608},"36",[499,994,752],{"class":690},[499,996,624],{"class":505},[499,998,1000,1002,1004,1006,1008,1011],{"class":501,"line":999},42,[499,1001,699],{"class":608},[499,1003,612],{"class":505},[499,1005,913],{"class":608},[499,1007,752],{"class":690},[499,1009,1010],{"class":608}," 0",[499,1012,624],{"class":505},[499,1014,1016],{"class":501,"line":1015},43,[499,1017,712],{"class":505},[499,1019,1021,1024,1026],{"class":501,"line":1020},44,[499,1022,1023],{"class":505},"    \u003C/",[499,1025,591],{"class":509},[499,1027,517],{"class":505},[499,1029,1031,1034,1036],{"class":501,"line":1030},45,[499,1032,1033],{"class":505},"  \u003C/",[499,1035,546],{"class":509},[499,1037,517],{"class":505},[499,1039,1041,1043,1046],{"class":501,"line":1040},46,[499,1042,543],{"class":505},[499,1044,1045],{"class":509},"body",[499,1047,517],{"class":505},[499,1049,1051,1053,1056,1059,1061,1064],{"class":501,"line":1050},47,[499,1052,554],{"class":505},[499,1054,1055],{"class":509},"div",[499,1057,1058],{"class":513}," class",[499,1060,531],{"class":505},[499,1062,1063],{"class":534},"\"box\"",[499,1065,517],{"class":505},[499,1067,1069,1072,1074,1077,1079],{"class":501,"line":1068},48,[499,1070,1071],{"class":505},"      \u003C",[499,1073,1055],{"class":509},[499,1075,1076],{"class":505},">Counter\u003C/",[499,1078,1055],{"class":509},[499,1080,517],{"class":505},[499,1082,1084,1086,1088,1090,1092,1095,1098,1100,1102],{"class":501,"line":1083},49,[499,1085,1071],{"class":505},[499,1087,1055],{"class":509},[499,1089,1058],{"class":513},[499,1091,531],{"class":505},[499,1093,1094],{"class":534},"\"value\"",[499,1096,1097],{"class":513}," id",[499,1099,531],{"class":505},[499,1101,1094],{"class":534},[499,1103,517],{"class":505},[499,1105,1107,1110,1113,1116],{"class":501,"line":1106},50,[499,1108,1109],{"class":505},"        \u003C",[499,1111,1112],{"class":509},"script",[499,1114,1115],{"class":513}," server",[499,1117,517],{"class":505},[499,1119,1121],{"class":501,"line":1120},51,[499,1122,1124],{"class":1123},"sCsY4","          // Server-side Rendering\n",[499,1126,1128,1131,1134,1137,1140,1142,1145,1148,1151,1154,1157,1160,1162,1166,1169,1172,1175],{"class":501,"line":1127},52,[499,1129,1130],{"class":690},"          const",[499,1132,1133],{"class":505}," { ",[499,1135,1136],{"class":608},"result",[499,1138,1139],{"class":505}," } ",[499,1141,531],{"class":690},[499,1143,1144],{"class":690}," await",[499,1146,1147],{"class":513}," serverFetch",[499,1149,1150],{"class":505},"(",[499,1152,1153],{"class":534},"\"/trpc/get\"",[499,1155,1156],{"class":505},").",[499,1158,1159],{"class":513},"then",[499,1161,1150],{"class":505},[499,1163,1165],{"class":1164},"sQHwn","r",[499,1167,1168],{"class":690}," =>",[499,1170,1171],{"class":505}," r.",[499,1173,1174],{"class":513},"json",[499,1176,1177],{"class":505},"())\n",[499,1179,1181,1184],{"class":501,"line":1180},53,[499,1182,1183],{"class":513},"          echo",[499,1185,1186],{"class":505},"(result?.data?.value)\n",[499,1188,1190,1193,1195],{"class":501,"line":1189},54,[499,1191,1192],{"class":505},"        \u003C/",[499,1194,1112],{"class":509},[499,1196,517],{"class":505},[499,1198,1200,1203,1205],{"class":501,"line":1199},55,[499,1201,1202],{"class":505},"      \u003C/",[499,1204,1055],{"class":509},[499,1206,517],{"class":505},[499,1208,1210,1212,1215,1217,1219,1222,1225,1227],{"class":501,"line":1209},56,[499,1211,1071],{"class":505},[499,1213,1214],{"class":509},"button",[499,1216,1097],{"class":513},[499,1218,531],{"class":505},[499,1220,1221],{"class":534},"\"inc\"",[499,1223,1224],{"class":505},">Increment\u003C/",[499,1226,1214],{"class":509},[499,1228,517],{"class":505},[499,1230,1232,1234,1236],{"class":501,"line":1231},57,[499,1233,1023],{"class":505},[499,1235,1055],{"class":509},[499,1237,517],{"class":505},[499,1239,1241],{"class":501,"line":1240},58,[499,1242,718],{"emptyLinePlaceholder":381},[499,1244,1246,1248,1250,1253],{"class":501,"line":1245},59,[499,1247,554],{"class":505},[499,1249,1112],{"class":509},[499,1251,1252],{"class":513}," setup",[499,1254,517],{"class":505},[499,1256,1258,1261,1264,1267,1270,1273,1275,1277],{"class":501,"line":1257},60,[499,1259,1260],{"class":690},"      const",[499,1262,1263],{"class":608}," valueEl",[499,1265,1266],{"class":690}," =",[499,1268,1269],{"class":505}," document.",[499,1271,1272],{"class":513},"getElementById",[499,1274,1150],{"class":505},[499,1276,1094],{"class":534},[499,1278,1279],{"class":505},");\n",[499,1281,1283,1285,1288,1290,1292,1294,1296,1298],{"class":501,"line":1282},61,[499,1284,1260],{"class":690},[499,1286,1287],{"class":608}," incBtn",[499,1289,1266],{"class":690},[499,1291,1269],{"class":505},[499,1293,1272],{"class":513},[499,1295,1150],{"class":505},[499,1297,1221],{"class":534},[499,1299,1279],{"class":505},[499,1301,1303],{"class":501,"line":1302},62,[499,1304,718],{"emptyLinePlaceholder":381},[499,1306,1308,1311,1314,1317,1319,1322,1324,1326],{"class":501,"line":1307},63,[499,1309,1310],{"class":690},"      async",[499,1312,1313],{"class":690}," function",[499,1315,1316],{"class":513}," call",[499,1318,1150],{"class":505},[499,1320,1321],{"class":1164},"path",[499,1323,618],{"class":505},[499,1325,1045],{"class":1164},[499,1327,1328],{"class":505},") {\n",[499,1330,1332,1335,1338,1340,1342,1345,1347,1350,1352,1355],{"class":501,"line":1331},64,[499,1333,1334],{"class":690},"        const",[499,1336,1337],{"class":608}," res",[499,1339,1266],{"class":690},[499,1341,1144],{"class":690},[499,1343,1344],{"class":513}," fetch",[499,1346,1150],{"class":505},[499,1348,1349],{"class":534},"`/trpc/${",[499,1351,1321],{"class":505},[499,1353,1354],{"class":534},"}`",[499,1356,1357],{"class":505},", {\n",[499,1359,1361,1364,1367,1370,1373,1376],{"class":501,"line":1360},65,[499,1362,1363],{"class":505},"          method: body ",[499,1365,1366],{"class":690},"?",[499,1368,1369],{"class":534}," \"POST\"",[499,1371,1372],{"class":690}," :",[499,1374,1375],{"class":534}," \"GET\"",[499,1377,1378],{"class":505},",\n",[499,1380,1382,1385,1388,1390,1393],{"class":501,"line":1381},66,[499,1383,1384],{"class":505},"          headers: { ",[499,1386,1387],{"class":534},"\"content-type\"",[499,1389,612],{"class":505},[499,1391,1392],{"class":534},"\"application/json\"",[499,1394,1395],{"class":505}," },\n",[499,1397,1399,1402,1404,1407,1410,1413,1416,1419,1422],{"class":501,"line":1398},67,[499,1400,1401],{"class":505},"          body: body ",[499,1403,1366],{"class":690},[499,1405,1406],{"class":608}," JSON",[499,1408,1409],{"class":505},".",[499,1411,1412],{"class":513},"stringify",[499,1414,1415],{"class":505},"(body) ",[499,1417,1418],{"class":690},":",[499,1420,1421],{"class":608}," undefined",[499,1423,1378],{"class":505},[499,1425,1427],{"class":501,"line":1426},68,[499,1428,1429],{"class":505},"        });\n",[499,1431,1433],{"class":501,"line":1432},69,[499,1434,718],{"emptyLinePlaceholder":381},[499,1436,1438,1440,1443,1445,1447,1450,1452],{"class":501,"line":1437},70,[499,1439,1334],{"class":690},[499,1441,1442],{"class":608}," json",[499,1444,1266],{"class":690},[499,1446,1144],{"class":690},[499,1448,1449],{"class":505}," res.",[499,1451,1174],{"class":513},[499,1453,1454],{"class":505},"();\n",[499,1456,1458,1461],{"class":501,"line":1457},71,[499,1459,1460],{"class":690},"        return",[499,1462,1463],{"class":505}," json.result.data;\n",[499,1465,1467],{"class":501,"line":1466},72,[499,1468,712],{"class":505},[499,1470,1472],{"class":501,"line":1471},73,[499,1473,718],{"emptyLinePlaceholder":381},[499,1475,1477,1479,1481,1484],{"class":501,"line":1476},74,[499,1478,1310],{"class":690},[499,1480,1313],{"class":690},[499,1482,1483],{"class":513}," refresh",[499,1485,1486],{"class":505},"() {\n",[499,1488,1490,1492,1495,1497,1499,1501,1503,1506],{"class":501,"line":1489},75,[499,1491,1334],{"class":690},[499,1493,1494],{"class":608}," data",[499,1496,1266],{"class":690},[499,1498,1144],{"class":690},[499,1500,1316],{"class":513},[499,1502,1150],{"class":505},[499,1504,1505],{"class":534},"\"get\"",[499,1507,1279],{"class":505},[499,1509,1511,1514,1516],{"class":501,"line":1510},76,[499,1512,1513],{"class":505},"        valueEl.textContent ",[499,1515,531],{"class":690},[499,1517,1518],{"class":505}," data.value;\n",[499,1520,1522],{"class":501,"line":1521},77,[499,1523,712],{"class":505},[499,1525,1527],{"class":501,"line":1526},78,[499,1528,718],{"emptyLinePlaceholder":381},[499,1530,1532,1535,1538,1540,1543,1546,1549],{"class":501,"line":1531},79,[499,1533,1534],{"class":505},"      incBtn.",[499,1536,1537],{"class":513},"onclick",[499,1539,1266],{"class":690},[499,1541,1542],{"class":690}," async",[499,1544,1545],{"class":505}," () ",[499,1547,1548],{"class":690},"=>",[499,1550,602],{"class":505},[499,1552,1554,1556,1558,1560,1562,1564,1566,1568],{"class":501,"line":1553},80,[499,1555,1334],{"class":690},[499,1557,1494],{"class":608},[499,1559,1266],{"class":690},[499,1561,1144],{"class":690},[499,1563,1316],{"class":513},[499,1565,1150],{"class":505},[499,1567,1221],{"class":534},[499,1569,1570],{"class":505},", {});\n",[499,1572,1574,1576,1578],{"class":501,"line":1573},81,[499,1575,1513],{"class":505},[499,1577,531],{"class":690},[499,1579,1518],{"class":505},[499,1581,1583],{"class":501,"line":1582},82,[499,1584,1585],{"class":505},"      };\n",[499,1587,1589],{"class":501,"line":1588},83,[499,1590,718],{"emptyLinePlaceholder":381},[499,1592,1594,1597],{"class":501,"line":1593},84,[499,1595,1596],{"class":513},"      refresh",[499,1598,1454],{"class":505},[499,1600,1602,1604,1606],{"class":501,"line":1601},85,[499,1603,1023],{"class":505},[499,1605,1112],{"class":509},[499,1607,517],{"class":505},[499,1609,1611,1613,1615],{"class":501,"line":1610},86,[499,1612,1033],{"class":505},[499,1614,1045],{"class":509},[499,1616,517],{"class":505},[499,1618,1620,1623,1625],{"class":501,"line":1619},87,[499,1621,1622],{"class":505},"\u003C/",[499,1624,494],{"class":509},[499,1626,517],{"class":505},[489,1628,1632],{"className":1629,"code":1630,"filename":1631,"language":1174,"meta":5,"style":5},"language-json shiki shiki-themes github-light github-dark github-dark","{\n  \"type\": \"module\",\n  \"scripts\": {\n    \"dev\": \"vite\",\n    \"build\": \"vite build\",\n    \"preview\": \"vite preview\"\n  },\n  \"devDependencies\": {\n    \"@trpc/client\": \"^11.9.0\",\n    \"@trpc/server\": \"^11.9.0\",\n    \"nitro\": \"latest\",\n    \"vite\": \"beta\",\n    \"zod\": \"^4.3.6\"\n  }\n}\n","package.json",[496,1633,1634,1639,1651,1659,1671,1683,1693,1698,1705,1717,1728,1740,1752,1762,1767],{"__ignoreMap":5},[499,1635,1636],{"class":501,"line":502},[499,1637,1638],{"class":505},"{\n",[499,1640,1641,1644,1646,1649],{"class":501,"line":520},[499,1642,1643],{"class":608},"  \"type\"",[499,1645,612],{"class":505},[499,1647,1648],{"class":534},"\"module\"",[499,1650,1378],{"class":505},[499,1652,1653,1656],{"class":501,"line":540},[499,1654,1655],{"class":608},"  \"scripts\"",[499,1657,1658],{"class":505},": {\n",[499,1660,1661,1664,1666,1669],{"class":501,"line":551},[499,1662,1663],{"class":608},"    \"dev\"",[499,1665,612],{"class":505},[499,1667,1668],{"class":534},"\"vite\"",[499,1670,1378],{"class":505},[499,1672,1673,1676,1678,1681],{"class":501,"line":571},[499,1674,1675],{"class":608},"    \"build\"",[499,1677,612],{"class":505},[499,1679,1680],{"class":534},"\"vite build\"",[499,1682,1378],{"class":505},[499,1684,1685,1688,1690],{"class":501,"line":586},[499,1686,1687],{"class":608},"    \"preview\"",[499,1689,612],{"class":505},[499,1691,1692],{"class":534},"\"vite preview\"\n",[499,1694,1695],{"class":501,"line":596},[499,1696,1697],{"class":505},"  },\n",[499,1699,1700,1703],{"class":501,"line":605},[499,1701,1702],{"class":608},"  \"devDependencies\"",[499,1704,1658],{"class":505},[499,1706,1707,1710,1712,1715],{"class":501,"line":627},[499,1708,1709],{"class":608},"    \"@trpc/client\"",[499,1711,612],{"class":505},[499,1713,1714],{"class":534},"\"^11.9.0\"",[499,1716,1378],{"class":505},[499,1718,1719,1722,1724,1726],{"class":501,"line":640},[499,1720,1721],{"class":608},"    \"@trpc/server\"",[499,1723,612],{"class":505},[499,1725,1714],{"class":534},[499,1727,1378],{"class":505},[499,1729,1730,1733,1735,1738],{"class":501,"line":653},[499,1731,1732],{"class":608},"    \"nitro\"",[499,1734,612],{"class":505},[499,1736,1737],{"class":534},"\"latest\"",[499,1739,1378],{"class":505},[499,1741,1742,1745,1747,1750],{"class":501,"line":666},[499,1743,1744],{"class":608},"    \"vite\"",[499,1746,612],{"class":505},[499,1748,1749],{"class":534},"\"beta\"",[499,1751,1378],{"class":505},[499,1753,1754,1757,1759],{"class":501,"line":679},[499,1755,1756],{"class":608},"    \"zod\"",[499,1758,612],{"class":505},[499,1760,1761],{"class":534},"\"^4.3.6\"\n",[499,1763,1764],{"class":501,"line":696},[499,1765,1766],{"class":505},"  }\n",[499,1768,1769],{"class":501,"line":709},[499,1770,1771],{"class":505},"}\n",[489,1773,1776],{"className":1629,"code":1774,"filename":1775,"language":1174,"meta":5,"style":5},"{\n  \"extends\": \"nitro/tsconfig\",\n  \"compilerOptions\": {}\n}\n","tsconfig.json",[496,1777,1778,1782,1794,1802],{"__ignoreMap":5},[499,1779,1780],{"class":501,"line":502},[499,1781,1638],{"class":505},[499,1783,1784,1787,1789,1792],{"class":501,"line":520},[499,1785,1786],{"class":608},"  \"extends\"",[499,1788,612],{"class":505},[499,1790,1791],{"class":534},"\"nitro/tsconfig\"",[499,1793,1378],{"class":505},[499,1795,1796,1799],{"class":501,"line":540},[499,1797,1798],{"class":608},"  \"compilerOptions\"",[499,1800,1801],{"class":505},": {}\n",[499,1803,1804],{"class":501,"line":551},[499,1805,1771],{"class":505},[489,1807,1812],{"className":1808,"code":1809,"filename":1810,"language":1811,"meta":5,"style":5},"language-ts shiki shiki-themes github-light github-dark github-dark","import { defineConfig } from \"vite\";\nimport { nitro } from \"nitro/vite\";\n\nexport default defineConfig({\n  plugins: [\n    nitro({\n      routes: {\n        \"/trpc/**\": \"./server/trpc.ts\",\n      },\n    }),\n  ],\n});\n","vite.config.ts","ts",[496,1813,1814,1830,1844,1848,1862,1867,1874,1879,1891,1896,1901,1906],{"__ignoreMap":5},[499,1815,1816,1819,1822,1825,1828],{"class":501,"line":502},[499,1817,1818],{"class":690},"import",[499,1820,1821],{"class":505}," { defineConfig } ",[499,1823,1824],{"class":690},"from",[499,1826,1827],{"class":534}," \"vite\"",[499,1829,624],{"class":505},[499,1831,1832,1834,1837,1839,1842],{"class":501,"line":520},[499,1833,1818],{"class":690},[499,1835,1836],{"class":505}," { nitro } ",[499,1838,1824],{"class":690},[499,1840,1841],{"class":534}," \"nitro/vite\"",[499,1843,624],{"class":505},[499,1845,1846],{"class":501,"line":540},[499,1847,718],{"emptyLinePlaceholder":381},[499,1849,1850,1853,1856,1859],{"class":501,"line":551},[499,1851,1852],{"class":690},"export",[499,1854,1855],{"class":690}," default",[499,1857,1858],{"class":513}," defineConfig",[499,1860,1861],{"class":505},"({\n",[499,1863,1864],{"class":501,"line":571},[499,1865,1866],{"class":505},"  plugins: [\n",[499,1868,1869,1872],{"class":501,"line":586},[499,1870,1871],{"class":513},"    nitro",[499,1873,1861],{"class":505},[499,1875,1876],{"class":501,"line":596},[499,1877,1878],{"class":505},"      routes: {\n",[499,1880,1881,1884,1886,1889],{"class":501,"line":605},[499,1882,1883],{"class":534},"        \"/trpc/**\"",[499,1885,612],{"class":505},[499,1887,1888],{"class":534},"\"./server/trpc.ts\"",[499,1890,1378],{"class":505},[499,1892,1893],{"class":501,"line":627},[499,1894,1895],{"class":505},"      },\n",[499,1897,1898],{"class":501,"line":640},[499,1899,1900],{"class":505},"    }),\n",[499,1902,1903],{"class":501,"line":653},[499,1904,1905],{"class":505},"  ],\n",[499,1907,1908],{"class":501,"line":666},[499,1909,1910],{"class":505},"});\n",[489,1912,1914],{"className":1808,"code":1913,"filename":487,"language":1811,"meta":5,"style":5},"import { initTRPC } from \"@trpc/server\";\nimport { fetchRequestHandler } from \"@trpc/server/adapters/fetch\";\n\nlet counter = 0;\n\nconst t = initTRPC.create();\n\nexport const appRouter = t.router({\n  get: t.procedure.query(() => {\n    return { value: counter };\n  }),\n\n  inc: t.procedure.mutation(() => {\n    counter++;\n    return { value: counter };\n  }),\n});\n\nexport type AppRouter = typeof appRouter;\n\nexport default {\n  async fetch(request: Request): Promise\u003CResponse> {\n    return fetchRequestHandler({\n      endpoint: \"/trpc\",\n      req: request,\n      router: appRouter,\n    });\n  },\n};\n",[496,1915,1916,1930,1944,1948,1962,1966,1984,1988,2008,2023,2031,2036,2040,2054,2064,2070,2074,2078,2082,2100,2104,2112,2145,2154,2164,2169,2174,2179,2183],{"__ignoreMap":5},[499,1917,1918,1920,1923,1925,1928],{"class":501,"line":502},[499,1919,1818],{"class":690},[499,1921,1922],{"class":505}," { initTRPC } ",[499,1924,1824],{"class":690},[499,1926,1927],{"class":534}," \"@trpc/server\"",[499,1929,624],{"class":505},[499,1931,1932,1934,1937,1939,1942],{"class":501,"line":520},[499,1933,1818],{"class":690},[499,1935,1936],{"class":505}," { fetchRequestHandler } ",[499,1938,1824],{"class":690},[499,1940,1941],{"class":534}," \"@trpc/server/adapters/fetch\"",[499,1943,624],{"class":505},[499,1945,1946],{"class":501,"line":540},[499,1947,718],{"emptyLinePlaceholder":381},[499,1949,1950,1953,1956,1958,1960],{"class":501,"line":551},[499,1951,1952],{"class":690},"let",[499,1954,1955],{"class":505}," counter ",[499,1957,531],{"class":690},[499,1959,1010],{"class":608},[499,1961,624],{"class":505},[499,1963,1964],{"class":501,"line":571},[499,1965,718],{"emptyLinePlaceholder":381},[499,1967,1968,1971,1974,1976,1979,1982],{"class":501,"line":586},[499,1969,1970],{"class":690},"const",[499,1972,1973],{"class":608}," t",[499,1975,1266],{"class":690},[499,1977,1978],{"class":505}," initTRPC.",[499,1980,1981],{"class":513},"create",[499,1983,1454],{"class":505},[499,1985,1986],{"class":501,"line":596},[499,1987,718],{"emptyLinePlaceholder":381},[499,1989,1990,1992,1995,1998,2000,2003,2006],{"class":501,"line":605},[499,1991,1852],{"class":690},[499,1993,1994],{"class":690}," const",[499,1996,1997],{"class":608}," appRouter",[499,1999,1266],{"class":690},[499,2001,2002],{"class":505}," t.",[499,2004,2005],{"class":513},"router",[499,2007,1861],{"class":505},[499,2009,2010,2013,2016,2019,2021],{"class":501,"line":627},[499,2011,2012],{"class":505},"  get: t.procedure.",[499,2014,2015],{"class":513},"query",[499,2017,2018],{"class":505},"(() ",[499,2020,1548],{"class":690},[499,2022,602],{"class":505},[499,2024,2025,2028],{"class":501,"line":640},[499,2026,2027],{"class":690},"    return",[499,2029,2030],{"class":505}," { value: counter };\n",[499,2032,2033],{"class":501,"line":653},[499,2034,2035],{"class":505},"  }),\n",[499,2037,2038],{"class":501,"line":666},[499,2039,718],{"emptyLinePlaceholder":381},[499,2041,2042,2045,2048,2050,2052],{"class":501,"line":679},[499,2043,2044],{"class":505},"  inc: t.procedure.",[499,2046,2047],{"class":513},"mutation",[499,2049,2018],{"class":505},[499,2051,1548],{"class":690},[499,2053,602],{"class":505},[499,2055,2056,2059,2062],{"class":501,"line":696},[499,2057,2058],{"class":505},"    counter",[499,2060,2061],{"class":690},"++",[499,2063,624],{"class":505},[499,2065,2066,2068],{"class":501,"line":709},[499,2067,2027],{"class":690},[499,2069,2030],{"class":505},[499,2071,2072],{"class":501,"line":715},[499,2073,2035],{"class":505},[499,2075,2076],{"class":501,"line":721},[499,2077,1910],{"class":505},[499,2079,2080],{"class":501,"line":729},[499,2081,718],{"emptyLinePlaceholder":381},[499,2083,2084,2086,2089,2092,2094,2097],{"class":501,"line":741},[499,2085,1852],{"class":690},[499,2087,2088],{"class":690}," type",[499,2090,2091],{"class":513}," AppRouter",[499,2093,1266],{"class":690},[499,2095,2096],{"class":690}," typeof",[499,2098,2099],{"class":505}," appRouter;\n",[499,2101,2102],{"class":501,"line":762},[499,2103,718],{"emptyLinePlaceholder":381},[499,2105,2106,2108,2110],{"class":501,"line":777},[499,2107,1852],{"class":690},[499,2109,1855],{"class":690},[499,2111,602],{"class":505},[499,2113,2114,2117,2119,2121,2124,2126,2129,2132,2134,2137,2139,2142],{"class":501,"line":789},[499,2115,2116],{"class":690},"  async",[499,2118,1344],{"class":513},[499,2120,1150],{"class":505},[499,2122,2123],{"class":1164},"request",[499,2125,1418],{"class":690},[499,2127,2128],{"class":513}," Request",[499,2130,2131],{"class":505},")",[499,2133,1418],{"class":690},[499,2135,2136],{"class":513}," Promise",[499,2138,523],{"class":505},[499,2140,2141],{"class":513},"Response",[499,2143,2144],{"class":505},"> {\n",[499,2146,2147,2149,2152],{"class":501,"line":804},[499,2148,2027],{"class":690},[499,2150,2151],{"class":513}," fetchRequestHandler",[499,2153,1861],{"class":505},[499,2155,2156,2159,2162],{"class":501,"line":809},[499,2157,2158],{"class":505},"      endpoint: ",[499,2160,2161],{"class":534},"\"/trpc\"",[499,2163,1378],{"class":505},[499,2165,2166],{"class":501,"line":814},[499,2167,2168],{"class":505},"      req: request,\n",[499,2170,2171],{"class":501,"line":822},[499,2172,2173],{"class":505},"      router: appRouter,\n",[499,2175,2176],{"class":501,"line":834},[499,2177,2178],{"class":505},"    });\n",[499,2180,2181],{"class":501,"line":847},[499,2182,1697],{"class":505},[499,2184,2185],{"class":501,"line":859},[499,2186,2187],{"class":505},"};\n",[2189,2190,2191],"p",{},"Set up tRPC with Vite and Nitro for end-to-end typesafe APIs without code generation. This example builds a counter with server-side rendering for the initial value and client-side updates.",[2193,2194,2196],"h2",{"id":2195},"overview","Overview",[2198,2199,2201,2205,2208],"steps",{"level":2200},"4",[2202,2203,2204],"h4",{},"Configure Vite with the Nitro plugin and route tRPC requests",[2202,2206,2207],{},"Create a tRPC router with procedures",[2202,2209,2210],{},"Create an HTML page with server-side rendering and client interactivity",[2193,2212,2214],{"id":2213},"_1-configure-vite","1. Configure Vite",[2189,2216,2217,2218,2221],{},"Add the Nitro plugin and configure the ",[496,2219,2220],{},"/trpc/**"," route to point to your tRPC handler:",[489,2223,2224],{"className":1808,"code":1809,"filename":1810,"language":1811,"meta":5,"style":5},[496,2225,2226,2238,2250,2254,2264,2268,2274,2278,2288,2292,2296,2300],{"__ignoreMap":5},[499,2227,2228,2230,2232,2234,2236],{"class":501,"line":502},[499,2229,1818],{"class":690},[499,2231,1821],{"class":505},[499,2233,1824],{"class":690},[499,2235,1827],{"class":534},[499,2237,624],{"class":505},[499,2239,2240,2242,2244,2246,2248],{"class":501,"line":520},[499,2241,1818],{"class":690},[499,2243,1836],{"class":505},[499,2245,1824],{"class":690},[499,2247,1841],{"class":534},[499,2249,624],{"class":505},[499,2251,2252],{"class":501,"line":540},[499,2253,718],{"emptyLinePlaceholder":381},[499,2255,2256,2258,2260,2262],{"class":501,"line":551},[499,2257,1852],{"class":690},[499,2259,1855],{"class":690},[499,2261,1858],{"class":513},[499,2263,1861],{"class":505},[499,2265,2266],{"class":501,"line":571},[499,2267,1866],{"class":505},[499,2269,2270,2272],{"class":501,"line":586},[499,2271,1871],{"class":513},[499,2273,1861],{"class":505},[499,2275,2276],{"class":501,"line":596},[499,2277,1878],{"class":505},[499,2279,2280,2282,2284,2286],{"class":501,"line":605},[499,2281,1883],{"class":534},[499,2283,612],{"class":505},[499,2285,1888],{"class":534},[499,2287,1378],{"class":505},[499,2289,2290],{"class":501,"line":627},[499,2291,1895],{"class":505},[499,2293,2294],{"class":501,"line":640},[499,2295,1900],{"class":505},[499,2297,2298],{"class":501,"line":653},[499,2299,1905],{"class":505},[499,2301,2302],{"class":501,"line":666},[499,2303,1910],{"class":505},[2189,2305,2306,2307,2310,2311,2314],{},"The ",[496,2308,2309],{},"routes"," option maps URL patterns to handler files. All requests to ",[496,2312,2313],{},"/trpc/*"," are handled by the tRPC router.",[2193,2316,2318],{"id":2317},"_2-create-the-trpc-router","2. Create the tRPC Router",[2189,2320,2321],{},"Define your tRPC router with procedures and export it as a fetch handler:",[489,2323,2324],{"className":1808,"code":1913,"filename":487,"language":1811,"meta":5,"style":5},[496,2325,2326,2338,2350,2354,2366,2370,2384,2388,2404,2416,2422,2426,2430,2442,2450,2456,2460,2464,2468,2482,2486,2494,2520,2528,2536,2540,2544,2548,2552],{"__ignoreMap":5},[499,2327,2328,2330,2332,2334,2336],{"class":501,"line":502},[499,2329,1818],{"class":690},[499,2331,1922],{"class":505},[499,2333,1824],{"class":690},[499,2335,1927],{"class":534},[499,2337,624],{"class":505},[499,2339,2340,2342,2344,2346,2348],{"class":501,"line":520},[499,2341,1818],{"class":690},[499,2343,1936],{"class":505},[499,2345,1824],{"class":690},[499,2347,1941],{"class":534},[499,2349,624],{"class":505},[499,2351,2352],{"class":501,"line":540},[499,2353,718],{"emptyLinePlaceholder":381},[499,2355,2356,2358,2360,2362,2364],{"class":501,"line":551},[499,2357,1952],{"class":690},[499,2359,1955],{"class":505},[499,2361,531],{"class":690},[499,2363,1010],{"class":608},[499,2365,624],{"class":505},[499,2367,2368],{"class":501,"line":571},[499,2369,718],{"emptyLinePlaceholder":381},[499,2371,2372,2374,2376,2378,2380,2382],{"class":501,"line":586},[499,2373,1970],{"class":690},[499,2375,1973],{"class":608},[499,2377,1266],{"class":690},[499,2379,1978],{"class":505},[499,2381,1981],{"class":513},[499,2383,1454],{"class":505},[499,2385,2386],{"class":501,"line":596},[499,2387,718],{"emptyLinePlaceholder":381},[499,2389,2390,2392,2394,2396,2398,2400,2402],{"class":501,"line":605},[499,2391,1852],{"class":690},[499,2393,1994],{"class":690},[499,2395,1997],{"class":608},[499,2397,1266],{"class":690},[499,2399,2002],{"class":505},[499,2401,2005],{"class":513},[499,2403,1861],{"class":505},[499,2405,2406,2408,2410,2412,2414],{"class":501,"line":627},[499,2407,2012],{"class":505},[499,2409,2015],{"class":513},[499,2411,2018],{"class":505},[499,2413,1548],{"class":690},[499,2415,602],{"class":505},[499,2417,2418,2420],{"class":501,"line":640},[499,2419,2027],{"class":690},[499,2421,2030],{"class":505},[499,2423,2424],{"class":501,"line":653},[499,2425,2035],{"class":505},[499,2427,2428],{"class":501,"line":666},[499,2429,718],{"emptyLinePlaceholder":381},[499,2431,2432,2434,2436,2438,2440],{"class":501,"line":679},[499,2433,2044],{"class":505},[499,2435,2047],{"class":513},[499,2437,2018],{"class":505},[499,2439,1548],{"class":690},[499,2441,602],{"class":505},[499,2443,2444,2446,2448],{"class":501,"line":696},[499,2445,2058],{"class":505},[499,2447,2061],{"class":690},[499,2449,624],{"class":505},[499,2451,2452,2454],{"class":501,"line":709},[499,2453,2027],{"class":690},[499,2455,2030],{"class":505},[499,2457,2458],{"class":501,"line":715},[499,2459,2035],{"class":505},[499,2461,2462],{"class":501,"line":721},[499,2463,1910],{"class":505},[499,2465,2466],{"class":501,"line":729},[499,2467,718],{"emptyLinePlaceholder":381},[499,2469,2470,2472,2474,2476,2478,2480],{"class":501,"line":741},[499,2471,1852],{"class":690},[499,2473,2088],{"class":690},[499,2475,2091],{"class":513},[499,2477,1266],{"class":690},[499,2479,2096],{"class":690},[499,2481,2099],{"class":505},[499,2483,2484],{"class":501,"line":762},[499,2485,718],{"emptyLinePlaceholder":381},[499,2487,2488,2490,2492],{"class":501,"line":777},[499,2489,1852],{"class":690},[499,2491,1855],{"class":690},[499,2493,602],{"class":505},[499,2495,2496,2498,2500,2502,2504,2506,2508,2510,2512,2514,2516,2518],{"class":501,"line":789},[499,2497,2116],{"class":690},[499,2499,1344],{"class":513},[499,2501,1150],{"class":505},[499,2503,2123],{"class":1164},[499,2505,1418],{"class":690},[499,2507,2128],{"class":513},[499,2509,2131],{"class":505},[499,2511,1418],{"class":690},[499,2513,2136],{"class":513},[499,2515,523],{"class":505},[499,2517,2141],{"class":513},[499,2519,2144],{"class":505},[499,2521,2522,2524,2526],{"class":501,"line":804},[499,2523,2027],{"class":690},[499,2525,2151],{"class":513},[499,2527,1861],{"class":505},[499,2529,2530,2532,2534],{"class":501,"line":809},[499,2531,2158],{"class":505},[499,2533,2161],{"class":534},[499,2535,1378],{"class":505},[499,2537,2538],{"class":501,"line":814},[499,2539,2168],{"class":505},[499,2541,2542],{"class":501,"line":822},[499,2543,2173],{"class":505},[499,2545,2546],{"class":501,"line":834},[499,2547,2178],{"class":505},[499,2549,2550],{"class":501,"line":847},[499,2551,1697],{"class":505},[499,2553,2554],{"class":501,"line":859},[499,2555,2187],{"class":505},[2189,2557,2558,2559,2562,2563,2566,2567,2570],{},"Define procedures using ",[496,2560,2561],{},"t.procedure.query()"," for read operations and ",[496,2564,2565],{},"t.procedure.mutation()"," for write operations. Export the ",[496,2568,2569],{},"AppRouter"," type so clients get full type inference. The default export uses tRPC's fetch adapter to handle incoming requests.",[2193,2572,2574],{"id":2573},"_3-create-the-html-page","3. Create the HTML Page",[2189,2576,2577],{},"Create an HTML page with server-side rendering and client-side interactivity:",[489,2579,2580],{"className":491,"code":492,"filename":493,"language":494,"meta":5,"style":5},[496,2581,2582,2592,2606,2614,2628,2640,2648,2654,2668,2678,2688,2698,2708,2720,2730,2734,2738,2744,2754,2770,2782,2792,2804,2808,2812,2818,2828,2838,2848,2864,2876,2886,2898,2910,2914,2918,2926,2936,2940,2944,2950,2962,2976,2980,2988,2996,3004,3018,3030,3050,3060,3064,3100,3106,3114,3122,3140,3148,3152,3162,3180,3198,3202,3220,3242,3256,3268,3288,3292,3296,3312,3318,3322,3326,3336,3354,3362,3366,3370,3386,3404,3412,3416,3420,3426,3434,3442],{"__ignoreMap":5},[499,2583,2584,2586,2588,2590],{"class":501,"line":502},[499,2585,506],{"class":505},[499,2587,510],{"class":509},[499,2589,514],{"class":513},[499,2591,517],{"class":505},[499,2593,2594,2596,2598,2600,2602,2604],{"class":501,"line":520},[499,2595,523],{"class":505},[499,2597,494],{"class":509},[499,2599,528],{"class":513},[499,2601,531],{"class":505},[499,2603,535],{"class":534},[499,2605,517],{"class":505},[499,2607,2608,2610,2612],{"class":501,"line":540},[499,2609,543],{"class":505},[499,2611,546],{"class":509},[499,2613,517],{"class":505},[499,2615,2616,2618,2620,2622,2624,2626],{"class":501,"line":551},[499,2617,554],{"class":505},[499,2619,557],{"class":509},[499,2621,560],{"class":513},[499,2623,531],{"class":505},[499,2625,565],{"class":534},[499,2627,568],{"class":505},[499,2629,2630,2632,2634,2636,2638],{"class":501,"line":571},[499,2631,554],{"class":505},[499,2633,576],{"class":509},[499,2635,579],{"class":505},[499,2637,576],{"class":509},[499,2639,517],{"class":505},[499,2641,2642,2644,2646],{"class":501,"line":586},[499,2643,554],{"class":505},[499,2645,591],{"class":509},[499,2647,517],{"class":505},[499,2649,2650,2652],{"class":501,"line":596},[499,2651,599],{"class":509},[499,2653,602],{"class":505},[499,2655,2656,2658,2660,2662,2664,2666],{"class":501,"line":605},[499,2657,609],{"class":608},[499,2659,612],{"class":505},[499,2661,615],{"class":608},[499,2663,618],{"class":505},[499,2665,621],{"class":608},[499,2667,624],{"class":505},[499,2669,2670,2672,2674,2676],{"class":501,"line":627},[499,2671,630],{"class":608},[499,2673,612],{"class":505},[499,2675,635],{"class":608},[499,2677,624],{"class":505},[499,2679,2680,2682,2684,2686],{"class":501,"line":640},[499,2681,643],{"class":608},[499,2683,612],{"class":505},[499,2685,648],{"class":608},[499,2687,624],{"class":505},[499,2689,2690,2692,2694,2696],{"class":501,"line":653},[499,2691,656],{"class":608},[499,2693,612],{"class":505},[499,2695,661],{"class":608},[499,2697,624],{"class":505},[499,2699,2700,2702,2704,2706],{"class":501,"line":666},[499,2701,669],{"class":608},[499,2703,612],{"class":505},[499,2705,674],{"class":608},[499,2707,624],{"class":505},[499,2709,2710,2712,2714,2716,2718],{"class":501,"line":679},[499,2711,682],{"class":608},[499,2713,612],{"class":505},[499,2715,687],{"class":608},[499,2717,691],{"class":690},[499,2719,624],{"class":505},[499,2721,2722,2724,2726,2728],{"class":501,"line":696},[499,2723,699],{"class":608},[499,2725,612],{"class":505},[499,2727,704],{"class":608},[499,2729,624],{"class":505},[499,2731,2732],{"class":501,"line":709},[499,2733,712],{"class":505},[499,2735,2736],{"class":501,"line":715},[499,2737,718],{"emptyLinePlaceholder":381},[499,2739,2740,2742],{"class":501,"line":721},[499,2741,724],{"class":513},[499,2743,602],{"class":505},[499,2745,2746,2748,2750,2752],{"class":501,"line":729},[499,2747,630],{"class":608},[499,2749,612],{"class":505},[499,2751,736],{"class":608},[499,2753,624],{"class":505},[499,2755,2756,2758,2760,2762,2764,2766,2768],{"class":501,"line":741},[499,2757,744],{"class":608},[499,2759,612],{"class":505},[499,2761,749],{"class":608},[499,2763,752],{"class":690},[499,2765,755],{"class":608},[499,2767,752],{"class":690},[499,2769,624],{"class":505},[499,2771,2772,2774,2776,2778,2780],{"class":501,"line":762},[499,2773,765],{"class":608},[499,2775,612],{"class":505},[499,2777,770],{"class":608},[499,2779,752],{"class":690},[499,2781,624],{"class":505},[499,2783,2784,2786,2788,2790],{"class":501,"line":777},[499,2785,780],{"class":608},[499,2787,612],{"class":505},[499,2789,674],{"class":608},[499,2791,624],{"class":505},[499,2793,2794,2796,2798,2800,2802],{"class":501,"line":789},[499,2795,792],{"class":608},[499,2797,612],{"class":505},[499,2799,797],{"class":608},[499,2801,752],{"class":690},[499,2803,624],{"class":505},[499,2805,2806],{"class":501,"line":804},[499,2807,712],{"class":505},[499,2809,2810],{"class":501,"line":809},[499,2811,718],{"emptyLinePlaceholder":381},[499,2813,2814,2816],{"class":501,"line":814},[499,2815,817],{"class":509},[499,2817,602],{"class":505},[499,2819,2820,2822,2824,2826],{"class":501,"line":822},[499,2821,630],{"class":608},[499,2823,612],{"class":505},[499,2825,829],{"class":608},[499,2827,624],{"class":505},[499,2829,2830,2832,2834,2836],{"class":501,"line":834},[499,2831,837],{"class":608},[499,2833,612],{"class":505},[499,2835,842],{"class":608},[499,2837,624],{"class":505},[499,2839,2840,2842,2844,2846],{"class":501,"line":847},[499,2841,643],{"class":608},[499,2843,612],{"class":505},[499,2845,854],{"class":608},[499,2847,624],{"class":505},[499,2849,2850,2852,2854,2856,2858,2860,2862],{"class":501,"line":859},[499,2851,744],{"class":608},[499,2853,612],{"class":505},[499,2855,866],{"class":608},[499,2857,752],{"class":690},[499,2859,871],{"class":608},[499,2861,752],{"class":690},[499,2863,624],{"class":505},[499,2865,2866,2868,2870,2872,2874],{"class":501,"line":878},[499,2867,765],{"class":608},[499,2869,612],{"class":505},[499,2871,885],{"class":608},[499,2873,752],{"class":690},[499,2875,624],{"class":505},[499,2877,2878,2880,2882,2884],{"class":501,"line":892},[499,2879,895],{"class":608},[499,2881,612],{"class":505},[499,2883,900],{"class":608},[499,2885,624],{"class":505},[499,2887,2888,2890,2892,2894,2896],{"class":501,"line":905},[499,2889,908],{"class":608},[499,2891,612],{"class":505},[499,2893,913],{"class":608},[499,2895,752],{"class":690},[499,2897,624],{"class":505},[499,2899,2900,2902,2904,2906,2908],{"class":501,"line":920},[499,2901,923],{"class":608},[499,2903,612],{"class":505},[499,2905,928],{"class":608},[499,2907,752],{"class":690},[499,2909,624],{"class":505},[499,2911,2912],{"class":501,"line":935},[499,2913,712],{"class":505},[499,2915,2916],{"class":501,"line":940},[499,2917,718],{"emptyLinePlaceholder":381},[499,2919,2920,2922,2924],{"class":501,"line":945},[499,2921,817],{"class":509},[499,2923,950],{"class":513},[499,2925,602],{"class":505},[499,2927,2928,2930,2932,2934],{"class":501,"line":955},[499,2929,630],{"class":608},[499,2931,612],{"class":505},[499,2933,962],{"class":608},[499,2935,624],{"class":505},[499,2937,2938],{"class":501,"line":967},[499,2939,712],{"class":505},[499,2941,2942],{"class":501,"line":972},[499,2943,718],{"emptyLinePlaceholder":381},[499,2945,2946,2948],{"class":501,"line":977},[499,2947,980],{"class":513},[499,2949,602],{"class":505},[499,2951,2952,2954,2956,2958,2960],{"class":501,"line":985},[499,2953,923],{"class":608},[499,2955,612],{"class":505},[499,2957,992],{"class":608},[499,2959,752],{"class":690},[499,2961,624],{"class":505},[499,2963,2964,2966,2968,2970,2972,2974],{"class":501,"line":999},[499,2965,699],{"class":608},[499,2967,612],{"class":505},[499,2969,913],{"class":608},[499,2971,752],{"class":690},[499,2973,1010],{"class":608},[499,2975,624],{"class":505},[499,2977,2978],{"class":501,"line":1015},[499,2979,712],{"class":505},[499,2981,2982,2984,2986],{"class":501,"line":1020},[499,2983,1023],{"class":505},[499,2985,591],{"class":509},[499,2987,517],{"class":505},[499,2989,2990,2992,2994],{"class":501,"line":1030},[499,2991,1033],{"class":505},[499,2993,546],{"class":509},[499,2995,517],{"class":505},[499,2997,2998,3000,3002],{"class":501,"line":1040},[499,2999,543],{"class":505},[499,3001,1045],{"class":509},[499,3003,517],{"class":505},[499,3005,3006,3008,3010,3012,3014,3016],{"class":501,"line":1050},[499,3007,554],{"class":505},[499,3009,1055],{"class":509},[499,3011,1058],{"class":513},[499,3013,531],{"class":505},[499,3015,1063],{"class":534},[499,3017,517],{"class":505},[499,3019,3020,3022,3024,3026,3028],{"class":501,"line":1068},[499,3021,1071],{"class":505},[499,3023,1055],{"class":509},[499,3025,1076],{"class":505},[499,3027,1055],{"class":509},[499,3029,517],{"class":505},[499,3031,3032,3034,3036,3038,3040,3042,3044,3046,3048],{"class":501,"line":1083},[499,3033,1071],{"class":505},[499,3035,1055],{"class":509},[499,3037,1058],{"class":513},[499,3039,531],{"class":505},[499,3041,1094],{"class":534},[499,3043,1097],{"class":513},[499,3045,531],{"class":505},[499,3047,1094],{"class":534},[499,3049,517],{"class":505},[499,3051,3052,3054,3056,3058],{"class":501,"line":1106},[499,3053,1109],{"class":505},[499,3055,1112],{"class":509},[499,3057,1115],{"class":513},[499,3059,517],{"class":505},[499,3061,3062],{"class":501,"line":1120},[499,3063,1124],{"class":1123},[499,3065,3066,3068,3070,3072,3074,3076,3078,3080,3082,3084,3086,3088,3090,3092,3094,3096,3098],{"class":501,"line":1127},[499,3067,1130],{"class":690},[499,3069,1133],{"class":505},[499,3071,1136],{"class":608},[499,3073,1139],{"class":505},[499,3075,531],{"class":690},[499,3077,1144],{"class":690},[499,3079,1147],{"class":513},[499,3081,1150],{"class":505},[499,3083,1153],{"class":534},[499,3085,1156],{"class":505},[499,3087,1159],{"class":513},[499,3089,1150],{"class":505},[499,3091,1165],{"class":1164},[499,3093,1168],{"class":690},[499,3095,1171],{"class":505},[499,3097,1174],{"class":513},[499,3099,1177],{"class":505},[499,3101,3102,3104],{"class":501,"line":1180},[499,3103,1183],{"class":513},[499,3105,1186],{"class":505},[499,3107,3108,3110,3112],{"class":501,"line":1189},[499,3109,1192],{"class":505},[499,3111,1112],{"class":509},[499,3113,517],{"class":505},[499,3115,3116,3118,3120],{"class":501,"line":1199},[499,3117,1202],{"class":505},[499,3119,1055],{"class":509},[499,3121,517],{"class":505},[499,3123,3124,3126,3128,3130,3132,3134,3136,3138],{"class":501,"line":1209},[499,3125,1071],{"class":505},[499,3127,1214],{"class":509},[499,3129,1097],{"class":513},[499,3131,531],{"class":505},[499,3133,1221],{"class":534},[499,3135,1224],{"class":505},[499,3137,1214],{"class":509},[499,3139,517],{"class":505},[499,3141,3142,3144,3146],{"class":501,"line":1231},[499,3143,1023],{"class":505},[499,3145,1055],{"class":509},[499,3147,517],{"class":505},[499,3149,3150],{"class":501,"line":1240},[499,3151,718],{"emptyLinePlaceholder":381},[499,3153,3154,3156,3158,3160],{"class":501,"line":1245},[499,3155,554],{"class":505},[499,3157,1112],{"class":509},[499,3159,1252],{"class":513},[499,3161,517],{"class":505},[499,3163,3164,3166,3168,3170,3172,3174,3176,3178],{"class":501,"line":1257},[499,3165,1260],{"class":690},[499,3167,1263],{"class":608},[499,3169,1266],{"class":690},[499,3171,1269],{"class":505},[499,3173,1272],{"class":513},[499,3175,1150],{"class":505},[499,3177,1094],{"class":534},[499,3179,1279],{"class":505},[499,3181,3182,3184,3186,3188,3190,3192,3194,3196],{"class":501,"line":1282},[499,3183,1260],{"class":690},[499,3185,1287],{"class":608},[499,3187,1266],{"class":690},[499,3189,1269],{"class":505},[499,3191,1272],{"class":513},[499,3193,1150],{"class":505},[499,3195,1221],{"class":534},[499,3197,1279],{"class":505},[499,3199,3200],{"class":501,"line":1302},[499,3201,718],{"emptyLinePlaceholder":381},[499,3203,3204,3206,3208,3210,3212,3214,3216,3218],{"class":501,"line":1307},[499,3205,1310],{"class":690},[499,3207,1313],{"class":690},[499,3209,1316],{"class":513},[499,3211,1150],{"class":505},[499,3213,1321],{"class":1164},[499,3215,618],{"class":505},[499,3217,1045],{"class":1164},[499,3219,1328],{"class":505},[499,3221,3222,3224,3226,3228,3230,3232,3234,3236,3238,3240],{"class":501,"line":1331},[499,3223,1334],{"class":690},[499,3225,1337],{"class":608},[499,3227,1266],{"class":690},[499,3229,1144],{"class":690},[499,3231,1344],{"class":513},[499,3233,1150],{"class":505},[499,3235,1349],{"class":534},[499,3237,1321],{"class":505},[499,3239,1354],{"class":534},[499,3241,1357],{"class":505},[499,3243,3244,3246,3248,3250,3252,3254],{"class":501,"line":1360},[499,3245,1363],{"class":505},[499,3247,1366],{"class":690},[499,3249,1369],{"class":534},[499,3251,1372],{"class":690},[499,3253,1375],{"class":534},[499,3255,1378],{"class":505},[499,3257,3258,3260,3262,3264,3266],{"class":501,"line":1381},[499,3259,1384],{"class":505},[499,3261,1387],{"class":534},[499,3263,612],{"class":505},[499,3265,1392],{"class":534},[499,3267,1395],{"class":505},[499,3269,3270,3272,3274,3276,3278,3280,3282,3284,3286],{"class":501,"line":1398},[499,3271,1401],{"class":505},[499,3273,1366],{"class":690},[499,3275,1406],{"class":608},[499,3277,1409],{"class":505},[499,3279,1412],{"class":513},[499,3281,1415],{"class":505},[499,3283,1418],{"class":690},[499,3285,1421],{"class":608},[499,3287,1378],{"class":505},[499,3289,3290],{"class":501,"line":1426},[499,3291,1429],{"class":505},[499,3293,3294],{"class":501,"line":1432},[499,3295,718],{"emptyLinePlaceholder":381},[499,3297,3298,3300,3302,3304,3306,3308,3310],{"class":501,"line":1437},[499,3299,1334],{"class":690},[499,3301,1442],{"class":608},[499,3303,1266],{"class":690},[499,3305,1144],{"class":690},[499,3307,1449],{"class":505},[499,3309,1174],{"class":513},[499,3311,1454],{"class":505},[499,3313,3314,3316],{"class":501,"line":1457},[499,3315,1460],{"class":690},[499,3317,1463],{"class":505},[499,3319,3320],{"class":501,"line":1466},[499,3321,712],{"class":505},[499,3323,3324],{"class":501,"line":1471},[499,3325,718],{"emptyLinePlaceholder":381},[499,3327,3328,3330,3332,3334],{"class":501,"line":1476},[499,3329,1310],{"class":690},[499,3331,1313],{"class":690},[499,3333,1483],{"class":513},[499,3335,1486],{"class":505},[499,3337,3338,3340,3342,3344,3346,3348,3350,3352],{"class":501,"line":1489},[499,3339,1334],{"class":690},[499,3341,1494],{"class":608},[499,3343,1266],{"class":690},[499,3345,1144],{"class":690},[499,3347,1316],{"class":513},[499,3349,1150],{"class":505},[499,3351,1505],{"class":534},[499,3353,1279],{"class":505},[499,3355,3356,3358,3360],{"class":501,"line":1510},[499,3357,1513],{"class":505},[499,3359,531],{"class":690},[499,3361,1518],{"class":505},[499,3363,3364],{"class":501,"line":1521},[499,3365,712],{"class":505},[499,3367,3368],{"class":501,"line":1526},[499,3369,718],{"emptyLinePlaceholder":381},[499,3371,3372,3374,3376,3378,3380,3382,3384],{"class":501,"line":1531},[499,3373,1534],{"class":505},[499,3375,1537],{"class":513},[499,3377,1266],{"class":690},[499,3379,1542],{"class":690},[499,3381,1545],{"class":505},[499,3383,1548],{"class":690},[499,3385,602],{"class":505},[499,3387,3388,3390,3392,3394,3396,3398,3400,3402],{"class":501,"line":1553},[499,3389,1334],{"class":690},[499,3391,1494],{"class":608},[499,3393,1266],{"class":690},[499,3395,1144],{"class":690},[499,3397,1316],{"class":513},[499,3399,1150],{"class":505},[499,3401,1221],{"class":534},[499,3403,1570],{"class":505},[499,3405,3406,3408,3410],{"class":501,"line":1573},[499,3407,1513],{"class":505},[499,3409,531],{"class":690},[499,3411,1518],{"class":505},[499,3413,3414],{"class":501,"line":1582},[499,3415,1585],{"class":505},[499,3417,3418],{"class":501,"line":1588},[499,3419,718],{"emptyLinePlaceholder":381},[499,3421,3422,3424],{"class":501,"line":1593},[499,3423,1596],{"class":513},[499,3425,1454],{"class":505},[499,3427,3428,3430,3432],{"class":501,"line":1601},[499,3429,1023],{"class":505},[499,3431,1112],{"class":509},[499,3433,517],{"class":505},[499,3435,3436,3438,3440],{"class":501,"line":1610},[499,3437,1033],{"class":505},[499,3439,1045],{"class":509},[499,3441,517],{"class":505},[499,3443,3444,3446,3448],{"class":501,"line":1619},[499,3445,1622],{"class":505},[499,3447,494],{"class":509},[499,3449,517],{"class":505},[2189,3451,2306,3452,3455,3456,3459,3460,3463],{},[496,3453,3454],{},"\u003Cscript server>"," block runs on the server before sending the response, fetching the initial counter value via ",[496,3457,3458],{},"serverFetch",". The ",[496,3461,3462],{},"\u003Cscript setup>"," block runs in the browser and handles the increment button click.",[2193,3465,3467],{"id":3466},"learn-more","Learn More",[3469,3470,3471,3481],"ul",{},[3472,3473,3474],"li",{},[3475,3476,3480],"a",{"href":3477,"rel":3478},"https://trpc.io/",[3479],"nofollow","tRPC",[3472,3482,3483],{},[3475,3484,23],{"href":24},[591,3486,3487],{},"html pre.shiki code .slsVL, html code.shiki .slsVL{--shiki-light:#24292E;--shiki-default:#E1E4E8;--shiki-dark:#E1E4E8}html pre.shiki code .sByVh, html code.shiki .sByVh{--shiki-light:#22863A;--shiki-default:#85E89D;--shiki-dark:#85E89D}html pre.shiki code .shcOC, html code.shiki .shcOC{--shiki-light:#6F42C1;--shiki-default:#B392F0;--shiki-dark:#B392F0}html pre.shiki code .sfrk1, html code.shiki .sfrk1{--shiki-light:#032F62;--shiki-default:#9ECBFF;--shiki-dark:#9ECBFF}html pre.shiki code .suiK_, html code.shiki .suiK_{--shiki-light:#005CC5;--shiki-default:#79B8FF;--shiki-dark:#79B8FF}html pre.shiki code .so5gQ, html code.shiki .so5gQ{--shiki-light:#D73A49;--shiki-default:#F97583;--shiki-dark:#F97583}html pre.shiki code .sCsY4, html code.shiki .sCsY4{--shiki-light:#6A737D;--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sQHwn, html code.shiki .sQHwn{--shiki-light:#E36209;--shiki-default:#FFAB70;--shiki-dark:#FFAB70}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);}",{"title":5,"searchDepth":520,"depth":520,"links":3489},[3490,3491,3492,3493,3494],{"id":2195,"depth":520,"text":2196},{"id":2213,"depth":520,"text":2214},{"id":2317,"depth":520,"text":2318},{"id":2573,"depth":520,"text":2574},{"id":3466,"depth":520,"text":3467},"md",{"automd":381,"category":447,"icon":368},{"icon":368},{"title":365,"description":473},"ew1k16DxycuG3WOmTHdXAPpBtjA6j-fX1njERo4pUWE",[3501,3502],{"title":360,"path":361,"stem":362,"description":470,"icon":363,"children":-1},{"title":370,"path":371,"stem":372,"description":476,"icon":373,"children":-1},1773242042362]