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