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