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