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