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