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