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