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