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