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