[{"data":1,"prerenderedAt":4382},["ShallowReactive",2],{"navigation":3,"examples-nav":445,"-examples-vite-ssr-tsr-react":552,"-examples-vite-ssr-tsr-react-surround":4379},[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":408,"body":554,"description":538,"extension":4374,"meta":4375,"navigation":4376,"path":409,"seo":4377,"stem":410,"__hash__":4378},"content\u002F4.examples\u002Fvite-ssr-tsr-react.md",{"type":555,"value":556,"toc":4365,"icon":411},"minimark",[557,3391,3395,3400,3416,3420,3423,3517,3531,3535,3538,3698,3702,3705,3927,3944,3948,3955,4109,4121,4125,4132,4310,4341,4345,4361],[558,559,562,781,996,1083,1208,1492,2041,3006,3184],"code-tree",{":expand-all":560,"default-value":561},"true","src\u002Fmain.tsx",[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 \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n \u003Ctitle>Nitro + TanStack Router + React\u003C\u002Ftitle>\n \u003C\u002Fhead>\n\n \u003Cbody>\n \u003Cdiv id=\"root\">\u003C\u002Fdiv>\n \u003Cscript type=\"module\" src=\"\u002Fsrc\u002Fmain.tsx\">\u003C\u002Fscript>\n \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","index.html","html",[570,571,572,592,612,623,643,668,683,693,699,709,732,762,771],"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,650,653,655,658,661,663,666],{"class":575,"line":645},5,[573,647,628],{"class":579},[573,649,631],{"class":583},[573,651,652],{"class":587}," name",[573,654,605],{"class":579},[573,656,657],{"class":608},"\"viewport\"",[573,659,660],{"class":587}," content",[573,662,605],{"class":579},[573,664,665],{"class":608},"\"width=device-width, initial-scale=1.0\"",[573,667,642],{"class":579},[573,669,671,673,676,679,681],{"class":575,"line":670},6,[573,672,628],{"class":579},[573,674,675],{"class":583},"title",[573,677,678],{"class":579},">Nitro + TanStack Router + React\u003C\u002F",[573,680,675],{"class":583},[573,682,591],{"class":579},[573,684,686,689,691],{"class":575,"line":685},7,[573,687,688],{"class":579}," \u003C\u002F",[573,690,620],{"class":583},[573,692,591],{"class":579},[573,694,696],{"class":575,"line":695},8,[573,697,698],{"emptyLinePlaceholder":449},"\n",[573,700,702,704,707],{"class":575,"line":701},9,[573,703,617],{"class":579},[573,705,706],{"class":583},"body",[573,708,591],{"class":579},[573,710,712,714,717,720,722,725,728,730],{"class":575,"line":711},10,[573,713,628],{"class":579},[573,715,716],{"class":583},"div",[573,718,719],{"class":587}," id",[573,721,605],{"class":579},[573,723,724],{"class":608},"\"root\"",[573,726,727],{"class":579},">\u003C\u002F",[573,729,716],{"class":583},[573,731,591],{"class":579},[573,733,735,737,740,743,745,748,751,753,756,758,760],{"class":575,"line":734},11,[573,736,628],{"class":579},[573,738,739],{"class":583},"script",[573,741,742],{"class":587}," type",[573,744,605],{"class":579},[573,746,747],{"class":608},"\"module\"",[573,749,750],{"class":587}," src",[573,752,605],{"class":579},[573,754,755],{"class":608},"\"\u002Fsrc\u002Fmain.tsx\"",[573,757,727],{"class":579},[573,759,739],{"class":583},[573,761,591],{"class":579},[573,763,765,767,769],{"class":575,"line":764},12,[573,766,688],{"class":579},[573,768,706],{"class":583},[573,770,591],{"class":579},[573,772,774,777,779],{"class":575,"line":773},13,[573,775,776],{"class":579},"\u003C\u002F",[573,778,568],{"class":583},[573,780,591],{"class":579},[563,782,787],{"className":783,"code":784,"filename":785,"language":786,"meta":5,"style":5},"language-json shiki shiki-themes github-light github-dark github-dark","{\n \"type\": \"module\",\n \"scripts\": {\n \"build\": \"vite build\",\n \"dev\": \"vite dev\",\n \"preview\": \"vite preview\"\n },\n \"devDependencies\": {\n \"@tanstack\u002Freact-router\": \"^1.168.8\",\n \"@tanstack\u002Freact-router-devtools\": \"^1.166.11\",\n \"@tanstack\u002Frouter-plugin\": \"^1.167.9\",\n \"@types\u002Freact\": \"^19.2.14\",\n \"@types\u002Freact-dom\": \"^19.2.3\",\n \"@vitejs\u002Fplugin-react\": \"^6.0.1\",\n \"nitro\": \"latest\",\n \"react\": \"^19.2.4\",\n \"react-dom\": \"^19.2.4\",\n \"vite\": \"latest\"\n }\n}\n","package.json","json",[570,788,789,794,808,816,828,840,850,855,862,874,886,898,910,922,935,948,961,973,984,990],{"__ignoreMap":5},[573,790,791],{"class":575,"line":576},[573,792,793],{"class":579},"{\n",[573,795,796,800,803,805],{"class":575,"line":594},[573,797,799],{"class":798},"suiK_"," \"type\"",[573,801,802],{"class":579},": ",[573,804,747],{"class":608},[573,806,807],{"class":579},",\n",[573,809,810,813],{"class":575,"line":614},[573,811,812],{"class":798}," \"scripts\"",[573,814,815],{"class":579},": {\n",[573,817,818,821,823,826],{"class":575,"line":625},[573,819,820],{"class":798}," \"build\"",[573,822,802],{"class":579},[573,824,825],{"class":608},"\"vite build\"",[573,827,807],{"class":579},[573,829,830,833,835,838],{"class":575,"line":645},[573,831,832],{"class":798}," \"dev\"",[573,834,802],{"class":579},[573,836,837],{"class":608},"\"vite dev\"",[573,839,807],{"class":579},[573,841,842,845,847],{"class":575,"line":670},[573,843,844],{"class":798}," \"preview\"",[573,846,802],{"class":579},[573,848,849],{"class":608},"\"vite preview\"\n",[573,851,852],{"class":575,"line":685},[573,853,854],{"class":579}," },\n",[573,856,857,860],{"class":575,"line":695},[573,858,859],{"class":798}," \"devDependencies\"",[573,861,815],{"class":579},[573,863,864,867,869,872],{"class":575,"line":701},[573,865,866],{"class":798}," \"@tanstack\u002Freact-router\"",[573,868,802],{"class":579},[573,870,871],{"class":608},"\"^1.168.8\"",[573,873,807],{"class":579},[573,875,876,879,881,884],{"class":575,"line":711},[573,877,878],{"class":798}," \"@tanstack\u002Freact-router-devtools\"",[573,880,802],{"class":579},[573,882,883],{"class":608},"\"^1.166.11\"",[573,885,807],{"class":579},[573,887,888,891,893,896],{"class":575,"line":734},[573,889,890],{"class":798}," \"@tanstack\u002Frouter-plugin\"",[573,892,802],{"class":579},[573,894,895],{"class":608},"\"^1.167.9\"",[573,897,807],{"class":579},[573,899,900,903,905,908],{"class":575,"line":764},[573,901,902],{"class":798}," \"@types\u002Freact\"",[573,904,802],{"class":579},[573,906,907],{"class":608},"\"^19.2.14\"",[573,909,807],{"class":579},[573,911,912,915,917,920],{"class":575,"line":773},[573,913,914],{"class":798}," \"@types\u002Freact-dom\"",[573,916,802],{"class":579},[573,918,919],{"class":608},"\"^19.2.3\"",[573,921,807],{"class":579},[573,923,925,928,930,933],{"class":575,"line":924},14,[573,926,927],{"class":798}," \"@vitejs\u002Fplugin-react\"",[573,929,802],{"class":579},[573,931,932],{"class":608},"\"^6.0.1\"",[573,934,807],{"class":579},[573,936,938,941,943,946],{"class":575,"line":937},15,[573,939,940],{"class":798}," \"nitro\"",[573,942,802],{"class":579},[573,944,945],{"class":608},"\"latest\"",[573,947,807],{"class":579},[573,949,951,954,956,959],{"class":575,"line":950},16,[573,952,953],{"class":798}," \"react\"",[573,955,802],{"class":579},[573,957,958],{"class":608},"\"^19.2.4\"",[573,960,807],{"class":579},[573,962,964,967,969,971],{"class":575,"line":963},17,[573,965,966],{"class":798}," \"react-dom\"",[573,968,802],{"class":579},[573,970,958],{"class":608},[573,972,807],{"class":579},[573,974,976,979,981],{"class":575,"line":975},18,[573,977,978],{"class":798}," \"vite\"",[573,980,802],{"class":579},[573,982,983],{"class":608},"\"latest\"\n",[573,985,987],{"class":575,"line":986},19,[573,988,989],{"class":579}," }\n",[573,991,993],{"class":575,"line":992},20,[573,994,995],{"class":579},"}\n",[563,997,1000],{"className":783,"code":998,"filename":999,"language":786,"meta":5,"style":5},"{\n \"extends\": \"nitro\u002Ftsconfig\",\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"jsx\": \"react-jsx\",\n \"paths\": {\n \"@\u002F*\": [\".\u002Fsrc\u002F*\"]\n }\n }\n}\n","tsconfig.json",[570,1001,1002,1006,1018,1025,1037,1049,1056,1070,1075,1079],{"__ignoreMap":5},[573,1003,1004],{"class":575,"line":576},[573,1005,793],{"class":579},[573,1007,1008,1011,1013,1016],{"class":575,"line":594},[573,1009,1010],{"class":798}," \"extends\"",[573,1012,802],{"class":579},[573,1014,1015],{"class":608},"\"nitro\u002Ftsconfig\"",[573,1017,807],{"class":579},[573,1019,1020,1023],{"class":575,"line":614},[573,1021,1022],{"class":798}," \"compilerOptions\"",[573,1024,815],{"class":579},[573,1026,1027,1030,1032,1035],{"class":575,"line":625},[573,1028,1029],{"class":798}," \"baseUrl\"",[573,1031,802],{"class":579},[573,1033,1034],{"class":608},"\".\"",[573,1036,807],{"class":579},[573,1038,1039,1042,1044,1047],{"class":575,"line":645},[573,1040,1041],{"class":798}," \"jsx\"",[573,1043,802],{"class":579},[573,1045,1046],{"class":608},"\"react-jsx\"",[573,1048,807],{"class":579},[573,1050,1051,1054],{"class":575,"line":670},[573,1052,1053],{"class":798}," \"paths\"",[573,1055,815],{"class":579},[573,1057,1058,1061,1064,1067],{"class":575,"line":685},[573,1059,1060],{"class":798}," \"@\u002F*\"",[573,1062,1063],{"class":579},": [",[573,1065,1066],{"class":608},"\".\u002Fsrc\u002F*\"",[573,1068,1069],{"class":579},"]\n",[573,1071,1072],{"class":575,"line":695},[573,1073,1074],{"class":579}," }\n",[573,1076,1077],{"class":575,"line":701},[573,1078,989],{"class":579},[573,1080,1081],{"class":575,"line":711},[573,1082,995],{"class":579},[563,1084,1089],{"className":1085,"code":1086,"filename":1087,"language":1088,"meta":5,"style":5},"language-js shiki shiki-themes github-light github-dark github-dark","import { defineConfig } from \"vite\";\nimport { nitro } from \"nitro\u002Fvite\";\nimport react from \"@vitejs\u002Fplugin-react\";\nimport { tanstackRouter } from \"@tanstack\u002Frouter-plugin\u002Fvite\";\n\nexport default defineConfig({\n plugins: [tanstackRouter({ target: \"react\", autoCodeSplitting: true }), react(), nitro()],\n});\n","vite.config.mjs","js",[570,1090,1091,1109,1123,1137,1151,1155,1169,1203],{"__ignoreMap":5},[573,1092,1093,1097,1100,1103,1106],{"class":575,"line":576},[573,1094,1096],{"class":1095},"so5gQ","import",[573,1098,1099],{"class":579}," { defineConfig } ",[573,1101,1102],{"class":1095},"from",[573,1104,1105],{"class":608}," \"vite\"",[573,1107,1108],{"class":579},";\n",[573,1110,1111,1113,1116,1118,1121],{"class":575,"line":594},[573,1112,1096],{"class":1095},[573,1114,1115],{"class":579}," { nitro } ",[573,1117,1102],{"class":1095},[573,1119,1120],{"class":608}," \"nitro\u002Fvite\"",[573,1122,1108],{"class":579},[573,1124,1125,1127,1130,1132,1135],{"class":575,"line":614},[573,1126,1096],{"class":1095},[573,1128,1129],{"class":579}," react ",[573,1131,1102],{"class":1095},[573,1133,1134],{"class":608}," \"@vitejs\u002Fplugin-react\"",[573,1136,1108],{"class":579},[573,1138,1139,1141,1144,1146,1149],{"class":575,"line":625},[573,1140,1096],{"class":1095},[573,1142,1143],{"class":579}," { tanstackRouter } ",[573,1145,1102],{"class":1095},[573,1147,1148],{"class":608}," \"@tanstack\u002Frouter-plugin\u002Fvite\"",[573,1150,1108],{"class":579},[573,1152,1153],{"class":575,"line":645},[573,1154,698],{"emptyLinePlaceholder":449},[573,1156,1157,1160,1163,1166],{"class":575,"line":670},[573,1158,1159],{"class":1095},"export",[573,1161,1162],{"class":1095}," default",[573,1164,1165],{"class":587}," defineConfig",[573,1167,1168],{"class":579},"({\n",[573,1170,1171,1174,1177,1180,1183,1186,1188,1191,1194,1197,1200],{"class":575,"line":685},[573,1172,1173],{"class":579}," plugins: [",[573,1175,1176],{"class":587},"tanstackRouter",[573,1178,1179],{"class":579},"({ target: ",[573,1181,1182],{"class":608},"\"react\"",[573,1184,1185],{"class":579},", autoCodeSplitting: ",[573,1187,560],{"class":798},[573,1189,1190],{"class":579}," }), ",[573,1192,1193],{"class":587},"react",[573,1195,1196],{"class":579},"(), ",[573,1198,1199],{"class":587},"nitro",[573,1201,1202],{"class":579},"()],\n",[573,1204,1205],{"class":575,"line":695},[573,1206,1207],{"class":579},"});\n",[563,1209,1213],{"className":1210,"code":1211,"filename":561,"language":1212,"meta":5,"style":5},"language-tsx shiki shiki-themes github-light github-dark github-dark","import { StrictMode } from \"react\";\nimport ReactDOM from \"react-dom\u002Fclient\";\nimport { RouterProvider, createRouter } from \"@tanstack\u002Freact-router\";\n\n\u002F\u002F Import the generated route tree\nimport { routeTree } from \".\u002FrouteTree.gen.ts\";\n\n\u002F\u002F Create a new router instance\nconst router = createRouter({ routeTree });\n\n\u002F\u002F Register the router instance for type safety\ndeclare module \"@tanstack\u002Freact-router\" {\n interface Register {\n router: typeof router;\n }\n}\n\n\u002F\u002F Render the app\nconst rootElement = document.querySelector(\"#root\")!;\nif (!rootElement.innerHTML) {\n const root = ReactDOM.createRoot(rootElement);\n root.render(\n \u003CStrictMode>\n \u003CRouterProvider router={router} \u002F>\n \u003C\u002FStrictMode>\n );\n}\n","tsx",[570,1214,1215,1229,1243,1257,1261,1267,1281,1285,1290,1307,1311,1316,1329,1339,1354,1358,1362,1366,1371,1400,1413,1433,1445,1455,1471,1481,1487],{"__ignoreMap":5},[573,1216,1217,1219,1222,1224,1227],{"class":575,"line":576},[573,1218,1096],{"class":1095},[573,1220,1221],{"class":579}," { StrictMode } ",[573,1223,1102],{"class":1095},[573,1225,1226],{"class":608}," \"react\"",[573,1228,1108],{"class":579},[573,1230,1231,1233,1236,1238,1241],{"class":575,"line":594},[573,1232,1096],{"class":1095},[573,1234,1235],{"class":579}," ReactDOM ",[573,1237,1102],{"class":1095},[573,1239,1240],{"class":608}," \"react-dom\u002Fclient\"",[573,1242,1108],{"class":579},[573,1244,1245,1247,1250,1252,1255],{"class":575,"line":614},[573,1246,1096],{"class":1095},[573,1248,1249],{"class":579}," { RouterProvider, createRouter } ",[573,1251,1102],{"class":1095},[573,1253,1254],{"class":608}," \"@tanstack\u002Freact-router\"",[573,1256,1108],{"class":579},[573,1258,1259],{"class":575,"line":625},[573,1260,698],{"emptyLinePlaceholder":449},[573,1262,1263],{"class":575,"line":645},[573,1264,1266],{"class":1265},"sCsY4","\u002F\u002F Import the generated route tree\n",[573,1268,1269,1271,1274,1276,1279],{"class":575,"line":670},[573,1270,1096],{"class":1095},[573,1272,1273],{"class":579}," { routeTree } ",[573,1275,1102],{"class":1095},[573,1277,1278],{"class":608}," \".\u002FrouteTree.gen.ts\"",[573,1280,1108],{"class":579},[573,1282,1283],{"class":575,"line":685},[573,1284,698],{"emptyLinePlaceholder":449},[573,1286,1287],{"class":575,"line":695},[573,1288,1289],{"class":1265},"\u002F\u002F Create a new router instance\n",[573,1291,1292,1295,1298,1301,1304],{"class":575,"line":701},[573,1293,1294],{"class":1095},"const",[573,1296,1297],{"class":798}," router",[573,1299,1300],{"class":1095}," =",[573,1302,1303],{"class":587}," createRouter",[573,1305,1306],{"class":579},"({ routeTree });\n",[573,1308,1309],{"class":575,"line":711},[573,1310,698],{"emptyLinePlaceholder":449},[573,1312,1313],{"class":575,"line":734},[573,1314,1315],{"class":1265},"\u002F\u002F Register the router instance for type safety\n",[573,1317,1318,1321,1324,1326],{"class":575,"line":764},[573,1319,1320],{"class":1095},"declare",[573,1322,1323],{"class":1095}," module",[573,1325,1254],{"class":608},[573,1327,1328],{"class":579}," {\n",[573,1330,1331,1334,1337],{"class":575,"line":773},[573,1332,1333],{"class":1095}," interface",[573,1335,1336],{"class":587}," Register",[573,1338,1328],{"class":579},[573,1340,1341,1345,1348,1351],{"class":575,"line":924},[573,1342,1344],{"class":1343},"sQHwn"," router",[573,1346,1347],{"class":1095},":",[573,1349,1350],{"class":1095}," typeof",[573,1352,1353],{"class":579}," router;\n",[573,1355,1356],{"class":575,"line":937},[573,1357,989],{"class":579},[573,1359,1360],{"class":575,"line":950},[573,1361,995],{"class":579},[573,1363,1364],{"class":575,"line":963},[573,1365,698],{"emptyLinePlaceholder":449},[573,1367,1368],{"class":575,"line":975},[573,1369,1370],{"class":1265},"\u002F\u002F Render the app\n",[573,1372,1373,1375,1378,1380,1383,1386,1389,1392,1395,1398],{"class":575,"line":986},[573,1374,1294],{"class":1095},[573,1376,1377],{"class":798}," rootElement",[573,1379,1300],{"class":1095},[573,1381,1382],{"class":579}," document.",[573,1384,1385],{"class":587},"querySelector",[573,1387,1388],{"class":579},"(",[573,1390,1391],{"class":608},"\"#root\"",[573,1393,1394],{"class":579},")",[573,1396,1397],{"class":1095},"!",[573,1399,1108],{"class":579},[573,1401,1402,1405,1408,1410],{"class":575,"line":992},[573,1403,1404],{"class":1095},"if",[573,1406,1407],{"class":579}," (",[573,1409,1397],{"class":1095},[573,1411,1412],{"class":579},"rootElement.innerHTML) {\n",[573,1414,1416,1419,1422,1424,1427,1430],{"class":575,"line":1415},21,[573,1417,1418],{"class":1095}," const",[573,1420,1421],{"class":798}," root",[573,1423,1300],{"class":1095},[573,1425,1426],{"class":579}," ReactDOM.",[573,1428,1429],{"class":587},"createRoot",[573,1431,1432],{"class":579},"(rootElement);\n",[573,1434,1436,1439,1442],{"class":575,"line":1435},22,[573,1437,1438],{"class":579}," root.",[573,1440,1441],{"class":587},"render",[573,1443,1444],{"class":579},"(\n",[573,1446,1448,1450,1453],{"class":575,"line":1447},23,[573,1449,628],{"class":579},[573,1451,1452],{"class":798},"StrictMode",[573,1454,591],{"class":579},[573,1456,1458,1461,1464,1466,1468],{"class":575,"line":1457},24,[573,1459,1460],{"class":579}," \u003C",[573,1462,1463],{"class":798},"RouterProvider",[573,1465,1297],{"class":587},[573,1467,605],{"class":1095},[573,1469,1470],{"class":579},"{router} \u002F>\n",[573,1472,1474,1477,1479],{"class":575,"line":1473},25,[573,1475,1476],{"class":579}," \u003C\u002F",[573,1478,1452],{"class":798},[573,1480,591],{"class":579},[573,1482,1484],{"class":575,"line":1483},26,[573,1485,1486],{"class":579}," );\n",[573,1488,1490],{"class":575,"line":1489},27,[573,1491,995],{"class":579},[563,1493,1498],{"className":1494,"code":1495,"filename":1496,"language":1497,"meta":5,"style":5},"language-ts shiki shiki-themes github-light github-dark github-dark","\u002F* eslint-disable *\u002F\n\n\u002F\u002F @ts-nocheck\n\n\u002F\u002F noinspection JSUnusedGlobalSymbols\n\n\u002F\u002F This file was automatically generated by TanStack Router.\n\u002F\u002F You should NOT make any changes in this file as it will be overwritten.\n\u002F\u002F Additionally, you should also exclude this file from your linter and\u002For formatter to prevent it from being checked or modified.\n\nimport { Route as rootRouteImport } from '.\u002Froutes\u002F__root'\nimport { Route as IndexRouteImport } from '.\u002Froutes\u002Findex'\n\nconst IndexRoute = IndexRouteImport.update({\n id: '\u002F',\n path: '\u002F',\n getParentRoute: () => rootRouteImport,\n} as any)\n\nexport interface FileRoutesByFullPath {\n '\u002F': typeof IndexRoute\n}\nexport interface FileRoutesByTo {\n '\u002F': typeof IndexRoute\n}\nexport interface FileRoutesById {\n __root__: typeof rootRouteImport\n '\u002F': typeof IndexRoute\n}\nexport interface FileRouteTypes {\n fileRoutesByFullPath: FileRoutesByFullPath\n fullPaths: '\u002F'\n fileRoutesByTo: FileRoutesByTo\n to: '\u002F'\n id: '__root__' | '\u002F'\n fileRoutesById: FileRoutesById\n}\nexport interface RootRouteChildren {\n IndexRoute: typeof IndexRoute\n}\n\ndeclare module '@tanstack\u002Freact-router' {\n interface FileRoutesByPath {\n '\u002F': {\n id: '\u002F'\n path: '\u002F'\n fullPath: '\u002F'\n preLoaderRoute: typeof IndexRouteImport\n parentRoute: typeof rootRouteImport\n }\n }\n}\n\nconst rootRouteChildren: RootRouteChildren = {\n IndexRoute: IndexRoute,\n}\nexport const routeTree = rootRouteImport\n ._addFileChildren(rootRouteChildren)\n ._addFileTypes\u003CFileRouteTypes>()\n","src\u002FrouteTree.gen.ts","ts",[570,1499,1500,1505,1509,1514,1518,1523,1527,1532,1537,1542,1546,1564,1580,1584,1601,1611,1620,1634,1647,1651,1663,1675,1679,1690,1700,1704,1715,1727,1738,1743,1755,1766,1777,1788,1798,1814,1825,1830,1842,1854,1859,1864,1876,1886,1896,1906,1916,1926,1939,1951,1956,1961,1966,1971,1987,1993,1998,2013,2025],{"__ignoreMap":5},[573,1501,1502],{"class":575,"line":576},[573,1503,1504],{"class":1265},"\u002F* eslint-disable *\u002F\n",[573,1506,1507],{"class":575,"line":594},[573,1508,698],{"emptyLinePlaceholder":449},[573,1510,1511],{"class":575,"line":614},[573,1512,1513],{"class":1265},"\u002F\u002F @ts-nocheck\n",[573,1515,1516],{"class":575,"line":625},[573,1517,698],{"emptyLinePlaceholder":449},[573,1519,1520],{"class":575,"line":645},[573,1521,1522],{"class":1265},"\u002F\u002F noinspection JSUnusedGlobalSymbols\n",[573,1524,1525],{"class":575,"line":670},[573,1526,698],{"emptyLinePlaceholder":449},[573,1528,1529],{"class":575,"line":685},[573,1530,1531],{"class":1265},"\u002F\u002F This file was automatically generated by TanStack Router.\n",[573,1533,1534],{"class":575,"line":695},[573,1535,1536],{"class":1265},"\u002F\u002F You should NOT make any changes in this file as it will be overwritten.\n",[573,1538,1539],{"class":575,"line":701},[573,1540,1541],{"class":1265},"\u002F\u002F Additionally, you should also exclude this file from your linter and\u002For formatter to prevent it from being checked or modified.\n",[573,1543,1544],{"class":575,"line":711},[573,1545,698],{"emptyLinePlaceholder":449},[573,1547,1548,1550,1553,1556,1559,1561],{"class":575,"line":734},[573,1549,1096],{"class":1095},[573,1551,1552],{"class":579}," { Route ",[573,1554,1555],{"class":1095},"as",[573,1557,1558],{"class":579}," rootRouteImport } ",[573,1560,1102],{"class":1095},[573,1562,1563],{"class":608}," '.\u002Froutes\u002F__root'\n",[573,1565,1566,1568,1570,1572,1575,1577],{"class":575,"line":764},[573,1567,1096],{"class":1095},[573,1569,1552],{"class":579},[573,1571,1555],{"class":1095},[573,1573,1574],{"class":579}," IndexRouteImport } ",[573,1576,1102],{"class":1095},[573,1578,1579],{"class":608}," '.\u002Froutes\u002Findex'\n",[573,1581,1582],{"class":575,"line":773},[573,1583,698],{"emptyLinePlaceholder":449},[573,1585,1586,1588,1591,1593,1596,1599],{"class":575,"line":924},[573,1587,1294],{"class":1095},[573,1589,1590],{"class":798}," IndexRoute",[573,1592,1300],{"class":1095},[573,1594,1595],{"class":579}," IndexRouteImport.",[573,1597,1598],{"class":587},"update",[573,1600,1168],{"class":579},[573,1602,1603,1606,1609],{"class":575,"line":937},[573,1604,1605],{"class":579}," id: ",[573,1607,1608],{"class":608},"'\u002F'",[573,1610,807],{"class":579},[573,1612,1613,1616,1618],{"class":575,"line":950},[573,1614,1615],{"class":579}," path: ",[573,1617,1608],{"class":608},[573,1619,807],{"class":579},[573,1621,1622,1625,1628,1631],{"class":575,"line":963},[573,1623,1624],{"class":587}," getParentRoute",[573,1626,1627],{"class":579},": () ",[573,1629,1630],{"class":1095},"=>",[573,1632,1633],{"class":579}," rootRouteImport,\n",[573,1635,1636,1639,1641,1644],{"class":575,"line":975},[573,1637,1638],{"class":579},"} ",[573,1640,1555],{"class":1095},[573,1642,1643],{"class":798}," any",[573,1645,1646],{"class":579},")\n",[573,1648,1649],{"class":575,"line":986},[573,1650,698],{"emptyLinePlaceholder":449},[573,1652,1653,1655,1658,1661],{"class":575,"line":992},[573,1654,1159],{"class":1095},[573,1656,1657],{"class":1095}," interface",[573,1659,1660],{"class":587}," FileRoutesByFullPath",[573,1662,1328],{"class":579},[573,1664,1665,1668,1670,1672],{"class":575,"line":1415},[573,1666,1667],{"class":608}," '\u002F'",[573,1669,1347],{"class":1095},[573,1671,1350],{"class":1095},[573,1673,1674],{"class":579}," IndexRoute\n",[573,1676,1677],{"class":575,"line":1435},[573,1678,995],{"class":579},[573,1680,1681,1683,1685,1688],{"class":575,"line":1447},[573,1682,1159],{"class":1095},[573,1684,1657],{"class":1095},[573,1686,1687],{"class":587}," FileRoutesByTo",[573,1689,1328],{"class":579},[573,1691,1692,1694,1696,1698],{"class":575,"line":1457},[573,1693,1667],{"class":608},[573,1695,1347],{"class":1095},[573,1697,1350],{"class":1095},[573,1699,1674],{"class":579},[573,1701,1702],{"class":575,"line":1473},[573,1703,995],{"class":579},[573,1705,1706,1708,1710,1713],{"class":575,"line":1483},[573,1707,1159],{"class":1095},[573,1709,1657],{"class":1095},[573,1711,1712],{"class":587}," FileRoutesById",[573,1714,1328],{"class":579},[573,1716,1717,1720,1722,1724],{"class":575,"line":1489},[573,1718,1719],{"class":1343}," __root__",[573,1721,1347],{"class":1095},[573,1723,1350],{"class":1095},[573,1725,1726],{"class":579}," rootRouteImport\n",[573,1728,1730,1732,1734,1736],{"class":575,"line":1729},28,[573,1731,1667],{"class":608},[573,1733,1347],{"class":1095},[573,1735,1350],{"class":1095},[573,1737,1674],{"class":579},[573,1739,1741],{"class":575,"line":1740},29,[573,1742,995],{"class":579},[573,1744,1746,1748,1750,1753],{"class":575,"line":1745},30,[573,1747,1159],{"class":1095},[573,1749,1657],{"class":1095},[573,1751,1752],{"class":587}," FileRouteTypes",[573,1754,1328],{"class":579},[573,1756,1758,1761,1763],{"class":575,"line":1757},31,[573,1759,1760],{"class":1343}," fileRoutesByFullPath",[573,1762,1347],{"class":1095},[573,1764,1765],{"class":587}," FileRoutesByFullPath\n",[573,1767,1769,1772,1774],{"class":575,"line":1768},32,[573,1770,1771],{"class":1343}," fullPaths",[573,1773,1347],{"class":1095},[573,1775,1776],{"class":608}," '\u002F'\n",[573,1778,1780,1783,1785],{"class":575,"line":1779},33,[573,1781,1782],{"class":1343}," fileRoutesByTo",[573,1784,1347],{"class":1095},[573,1786,1787],{"class":587}," FileRoutesByTo\n",[573,1789,1791,1794,1796],{"class":575,"line":1790},34,[573,1792,1793],{"class":1343}," to",[573,1795,1347],{"class":1095},[573,1797,1776],{"class":608},[573,1799,1801,1804,1806,1809,1812],{"class":575,"line":1800},35,[573,1802,1803],{"class":1343}," id",[573,1805,1347],{"class":1095},[573,1807,1808],{"class":608}," '__root__'",[573,1810,1811],{"class":1095}," |",[573,1813,1776],{"class":608},[573,1815,1817,1820,1822],{"class":575,"line":1816},36,[573,1818,1819],{"class":1343}," fileRoutesById",[573,1821,1347],{"class":1095},[573,1823,1824],{"class":587}," FileRoutesById\n",[573,1826,1828],{"class":575,"line":1827},37,[573,1829,995],{"class":579},[573,1831,1833,1835,1837,1840],{"class":575,"line":1832},38,[573,1834,1159],{"class":1095},[573,1836,1657],{"class":1095},[573,1838,1839],{"class":587}," RootRouteChildren",[573,1841,1328],{"class":579},[573,1843,1845,1848,1850,1852],{"class":575,"line":1844},39,[573,1846,1847],{"class":1343}," IndexRoute",[573,1849,1347],{"class":1095},[573,1851,1350],{"class":1095},[573,1853,1674],{"class":579},[573,1855,1857],{"class":575,"line":1856},40,[573,1858,995],{"class":579},[573,1860,1862],{"class":575,"line":1861},41,[573,1863,698],{"emptyLinePlaceholder":449},[573,1865,1867,1869,1871,1874],{"class":575,"line":1866},42,[573,1868,1320],{"class":1095},[573,1870,1323],{"class":1095},[573,1872,1873],{"class":608}," '@tanstack\u002Freact-router'",[573,1875,1328],{"class":579},[573,1877,1879,1881,1884],{"class":575,"line":1878},43,[573,1880,1333],{"class":1095},[573,1882,1883],{"class":587}," FileRoutesByPath",[573,1885,1328],{"class":579},[573,1887,1889,1892,1894],{"class":575,"line":1888},44,[573,1890,1891],{"class":608}," '\u002F'",[573,1893,1347],{"class":1095},[573,1895,1328],{"class":579},[573,1897,1899,1902,1904],{"class":575,"line":1898},45,[573,1900,1901],{"class":1343}," id",[573,1903,1347],{"class":1095},[573,1905,1776],{"class":608},[573,1907,1909,1912,1914],{"class":575,"line":1908},46,[573,1910,1911],{"class":1343}," path",[573,1913,1347],{"class":1095},[573,1915,1776],{"class":608},[573,1917,1919,1922,1924],{"class":575,"line":1918},47,[573,1920,1921],{"class":1343}," fullPath",[573,1923,1347],{"class":1095},[573,1925,1776],{"class":608},[573,1927,1929,1932,1934,1936],{"class":575,"line":1928},48,[573,1930,1931],{"class":1343}," preLoaderRoute",[573,1933,1347],{"class":1095},[573,1935,1350],{"class":1095},[573,1937,1938],{"class":579}," IndexRouteImport\n",[573,1940,1942,1945,1947,1949],{"class":575,"line":1941},49,[573,1943,1944],{"class":1343}," parentRoute",[573,1946,1347],{"class":1095},[573,1948,1350],{"class":1095},[573,1950,1726],{"class":579},[573,1952,1954],{"class":575,"line":1953},50,[573,1955,1074],{"class":579},[573,1957,1959],{"class":575,"line":1958},51,[573,1960,989],{"class":579},[573,1962,1964],{"class":575,"line":1963},52,[573,1965,995],{"class":579},[573,1967,1969],{"class":575,"line":1968},53,[573,1970,698],{"emptyLinePlaceholder":449},[573,1972,1974,1976,1979,1981,1983,1985],{"class":575,"line":1973},54,[573,1975,1294],{"class":1095},[573,1977,1978],{"class":798}," rootRouteChildren",[573,1980,1347],{"class":1095},[573,1982,1839],{"class":587},[573,1984,1300],{"class":1095},[573,1986,1328],{"class":579},[573,1988,1990],{"class":575,"line":1989},55,[573,1991,1992],{"class":579}," IndexRoute: IndexRoute,\n",[573,1994,1996],{"class":575,"line":1995},56,[573,1997,995],{"class":579},[573,1999,2001,2003,2006,2009,2011],{"class":575,"line":2000},57,[573,2002,1159],{"class":1095},[573,2004,2005],{"class":1095}," const",[573,2007,2008],{"class":798}," routeTree",[573,2010,1300],{"class":1095},[573,2012,1726],{"class":579},[573,2014,2016,2019,2022],{"class":575,"line":2015},58,[573,2017,2018],{"class":579}," .",[573,2020,2021],{"class":587},"_addFileChildren",[573,2023,2024],{"class":579},"(rootRouteChildren)\n",[573,2026,2028,2030,2033,2035,2038],{"class":575,"line":2027},59,[573,2029,2018],{"class":579},[573,2031,2032],{"class":587},"_addFileTypes",[573,2034,597],{"class":579},[573,2036,2037],{"class":587},"FileRouteTypes",[573,2039,2040],{"class":579},">()\n",[563,2042,2047],{"className":2043,"code":2044,"filename":2045,"language":2046,"meta":5,"style":5},"language-css shiki shiki-themes github-light github-dark github-dark",":root {\n font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;\n line-height: 1.5;\n font-weight: 400;\n\n color-scheme: light dark;\n color: rgba(255, 255, 255, 0.87);\n background-color: #242424;\n\n font-synthesis: none;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\na {\n font-weight: 500;\n color: #ff2056;\n text-decoration: inherit;\n}\na:hover {\n color: #ff637e;\n}\n\nbody {\n margin: 0;\n display: flex;\n flex-direction: column;\n place-items: center;\n justify-content: center;\n min-width: 320px;\n min-height: 100vh;\n}\n\nh1 {\n font-size: 3.2em;\n line-height: 1.1;\n}\n\n#app {\n max-width: 1280px;\n margin: 0 auto;\n padding: 2rem;\n text-align: center;\n}\n\n.logo {\n height: 6em;\n padding: 1.5em;\n will-change: filter;\n transition: filter 300ms;\n transition: transform 300ms;\n}\n.logo:hover {\n transform: scale(1.1);\n}\n\n.card {\n padding: 2em;\n}\n\n.read-the-docs {\n color: #888;\n}\n\nbutton {\n border-radius: 8px;\n border: 1px solid transparent;\n padding: 0.6em 1.2em;\n font-size: 1em;\n font-weight: 500;\n font-family: inherit;\n background-color: #1a1a1a;\n cursor: pointer;\n transition: border-color 0.25s;\n}\nbutton:hover {\n border-color: #646cff;\n}\nbutton:focus,\nbutton:focus-visible {\n outline: 4px auto -webkit-focus-ring-color;\n}\n\n@media (prefers-color-scheme: light) {\n :root {\n color: #213547;\n background-color: #ffffff;\n }\n a:hover {\n color: #747bff;\n }\n button {\n background-color: #f9f9f9;\n }\n}\n","src\u002Fassets\u002Fmain.css","css",[570,2048,2049,2056,2085,2097,2109,2113,2128,2159,2171,2175,2187,2199,2211,2223,2227,2231,2238,2249,2260,2272,2276,2285,2296,2300,2304,2310,2322,2334,2346,2358,2369,2384,2399,2403,2407,2414,2429,2440,2444,2448,2455,2469,2482,2497,2508,2512,2516,2523,2537,2549,2557,2573,2586,2590,2597,2613,2617,2621,2628,2640,2645,2650,2658,2670,2675,2680,2688,2703,2724,2743,2756,2767,2778,2790,2803,2819,2824,2833,2846,2851,2861,2871,2891,2896,2901,2910,2918,2931,2944,2949,2959,2971,2976,2984,2996,3001],{"__ignoreMap":5},[573,2050,2051,2054],{"class":575,"line":576},[573,2052,2053],{"class":587},":root",[573,2055,1328],{"class":579},[573,2057,2058,2061,2063,2066,2069,2072,2075,2078,2080,2083],{"class":575,"line":594},[573,2059,2060],{"class":798}," font-family",[573,2062,802],{"class":579},[573,2064,2065],{"class":798},"system-ui",[573,2067,2068],{"class":579},", Avenir, ",[573,2070,2071],{"class":798},"Helvetica",[573,2073,2074],{"class":579},", ",[573,2076,2077],{"class":798},"Arial",[573,2079,2074],{"class":579},[573,2081,2082],{"class":798},"sans-serif",[573,2084,1108],{"class":579},[573,2086,2087,2090,2092,2095],{"class":575,"line":614},[573,2088,2089],{"class":798}," line-height",[573,2091,802],{"class":579},[573,2093,2094],{"class":798},"1.5",[573,2096,1108],{"class":579},[573,2098,2099,2102,2104,2107],{"class":575,"line":625},[573,2100,2101],{"class":798}," font-weight",[573,2103,802],{"class":579},[573,2105,2106],{"class":798},"400",[573,2108,1108],{"class":579},[573,2110,2111],{"class":575,"line":645},[573,2112,698],{"emptyLinePlaceholder":449},[573,2114,2115,2118,2120,2123,2126],{"class":575,"line":670},[573,2116,2117],{"class":798}," color-scheme",[573,2119,802],{"class":579},[573,2121,2122],{"class":798},"light",[573,2124,2125],{"class":798}," dark",[573,2127,1108],{"class":579},[573,2129,2130,2133,2135,2138,2140,2143,2145,2147,2149,2151,2153,2156],{"class":575,"line":685},[573,2131,2132],{"class":798}," color",[573,2134,802],{"class":579},[573,2136,2137],{"class":798},"rgba",[573,2139,1388],{"class":579},[573,2141,2142],{"class":798},"255",[573,2144,2074],{"class":579},[573,2146,2142],{"class":798},[573,2148,2074],{"class":579},[573,2150,2142],{"class":798},[573,2152,2074],{"class":579},[573,2154,2155],{"class":798},"0.87",[573,2157,2158],{"class":579},");\n",[573,2160,2161,2164,2166,2169],{"class":575,"line":695},[573,2162,2163],{"class":798}," background-color",[573,2165,802],{"class":579},[573,2167,2168],{"class":798},"#242424",[573,2170,1108],{"class":579},[573,2172,2173],{"class":575,"line":701},[573,2174,698],{"emptyLinePlaceholder":449},[573,2176,2177,2180,2182,2185],{"class":575,"line":711},[573,2178,2179],{"class":798}," font-synthesis",[573,2181,802],{"class":579},[573,2183,2184],{"class":798},"none",[573,2186,1108],{"class":579},[573,2188,2189,2192,2194,2197],{"class":575,"line":734},[573,2190,2191],{"class":798}," text-rendering",[573,2193,802],{"class":579},[573,2195,2196],{"class":798},"optimizeLegibility",[573,2198,1108],{"class":579},[573,2200,2201,2204,2206,2209],{"class":575,"line":764},[573,2202,2203],{"class":798}," -webkit-font-smoothing",[573,2205,802],{"class":579},[573,2207,2208],{"class":798},"antialiased",[573,2210,1108],{"class":579},[573,2212,2213,2216,2218,2221],{"class":575,"line":773},[573,2214,2215],{"class":798}," -moz-osx-font-smoothing",[573,2217,802],{"class":579},[573,2219,2220],{"class":798},"grayscale",[573,2222,1108],{"class":579},[573,2224,2225],{"class":575,"line":924},[573,2226,995],{"class":579},[573,2228,2229],{"class":575,"line":937},[573,2230,698],{"emptyLinePlaceholder":449},[573,2232,2233,2236],{"class":575,"line":950},[573,2234,2235],{"class":583},"a",[573,2237,1328],{"class":579},[573,2239,2240,2242,2244,2247],{"class":575,"line":963},[573,2241,2101],{"class":798},[573,2243,802],{"class":579},[573,2245,2246],{"class":798},"500",[573,2248,1108],{"class":579},[573,2250,2251,2253,2255,2258],{"class":575,"line":975},[573,2252,2132],{"class":798},[573,2254,802],{"class":579},[573,2256,2257],{"class":798},"#ff2056",[573,2259,1108],{"class":579},[573,2261,2262,2265,2267,2270],{"class":575,"line":986},[573,2263,2264],{"class":798}," text-decoration",[573,2266,802],{"class":579},[573,2268,2269],{"class":798},"inherit",[573,2271,1108],{"class":579},[573,2273,2274],{"class":575,"line":992},[573,2275,995],{"class":579},[573,2277,2278,2280,2283],{"class":575,"line":1415},[573,2279,2235],{"class":583},[573,2281,2282],{"class":587},":hover",[573,2284,1328],{"class":579},[573,2286,2287,2289,2291,2294],{"class":575,"line":1435},[573,2288,2132],{"class":798},[573,2290,802],{"class":579},[573,2292,2293],{"class":798},"#ff637e",[573,2295,1108],{"class":579},[573,2297,2298],{"class":575,"line":1447},[573,2299,995],{"class":579},[573,2301,2302],{"class":575,"line":1457},[573,2303,698],{"emptyLinePlaceholder":449},[573,2305,2306,2308],{"class":575,"line":1473},[573,2307,706],{"class":583},[573,2309,1328],{"class":579},[573,2311,2312,2315,2317,2320],{"class":575,"line":1483},[573,2313,2314],{"class":798}," margin",[573,2316,802],{"class":579},[573,2318,2319],{"class":798},"0",[573,2321,1108],{"class":579},[573,2323,2324,2327,2329,2332],{"class":575,"line":1489},[573,2325,2326],{"class":798}," display",[573,2328,802],{"class":579},[573,2330,2331],{"class":798},"flex",[573,2333,1108],{"class":579},[573,2335,2336,2339,2341,2344],{"class":575,"line":1729},[573,2337,2338],{"class":798}," flex-direction",[573,2340,802],{"class":579},[573,2342,2343],{"class":798},"column",[573,2345,1108],{"class":579},[573,2347,2348,2351,2353,2356],{"class":575,"line":1740},[573,2349,2350],{"class":798}," place-items",[573,2352,802],{"class":579},[573,2354,2355],{"class":798},"center",[573,2357,1108],{"class":579},[573,2359,2360,2363,2365,2367],{"class":575,"line":1745},[573,2361,2362],{"class":798}," justify-content",[573,2364,802],{"class":579},[573,2366,2355],{"class":798},[573,2368,1108],{"class":579},[573,2370,2371,2374,2376,2379,2382],{"class":575,"line":1757},[573,2372,2373],{"class":798}," min-width",[573,2375,802],{"class":579},[573,2377,2378],{"class":798},"320",[573,2380,2381],{"class":1095},"px",[573,2383,1108],{"class":579},[573,2385,2386,2389,2391,2394,2397],{"class":575,"line":1768},[573,2387,2388],{"class":798}," min-height",[573,2390,802],{"class":579},[573,2392,2393],{"class":798},"100",[573,2395,2396],{"class":1095},"vh",[573,2398,1108],{"class":579},[573,2400,2401],{"class":575,"line":1779},[573,2402,995],{"class":579},[573,2404,2405],{"class":575,"line":1790},[573,2406,698],{"emptyLinePlaceholder":449},[573,2408,2409,2412],{"class":575,"line":1800},[573,2410,2411],{"class":583},"h1",[573,2413,1328],{"class":579},[573,2415,2416,2419,2421,2424,2427],{"class":575,"line":1816},[573,2417,2418],{"class":798}," font-size",[573,2420,802],{"class":579},[573,2422,2423],{"class":798},"3.2",[573,2425,2426],{"class":1095},"em",[573,2428,1108],{"class":579},[573,2430,2431,2433,2435,2438],{"class":575,"line":1827},[573,2432,2089],{"class":798},[573,2434,802],{"class":579},[573,2436,2437],{"class":798},"1.1",[573,2439,1108],{"class":579},[573,2441,2442],{"class":575,"line":1832},[573,2443,995],{"class":579},[573,2445,2446],{"class":575,"line":1844},[573,2447,698],{"emptyLinePlaceholder":449},[573,2449,2450,2453],{"class":575,"line":1856},[573,2451,2452],{"class":587},"#app",[573,2454,1328],{"class":579},[573,2456,2457,2460,2462,2465,2467],{"class":575,"line":1861},[573,2458,2459],{"class":798}," max-width",[573,2461,802],{"class":579},[573,2463,2464],{"class":798},"1280",[573,2466,2381],{"class":1095},[573,2468,1108],{"class":579},[573,2470,2471,2473,2475,2477,2480],{"class":575,"line":1866},[573,2472,2314],{"class":798},[573,2474,802],{"class":579},[573,2476,2319],{"class":798},[573,2478,2479],{"class":798}," auto",[573,2481,1108],{"class":579},[573,2483,2484,2487,2489,2492,2495],{"class":575,"line":1878},[573,2485,2486],{"class":798}," padding",[573,2488,802],{"class":579},[573,2490,2491],{"class":798},"2",[573,2493,2494],{"class":1095},"rem",[573,2496,1108],{"class":579},[573,2498,2499,2502,2504,2506],{"class":575,"line":1888},[573,2500,2501],{"class":798}," text-align",[573,2503,802],{"class":579},[573,2505,2355],{"class":798},[573,2507,1108],{"class":579},[573,2509,2510],{"class":575,"line":1898},[573,2511,995],{"class":579},[573,2513,2514],{"class":575,"line":1908},[573,2515,698],{"emptyLinePlaceholder":449},[573,2517,2518,2521],{"class":575,"line":1918},[573,2519,2520],{"class":587},".logo",[573,2522,1328],{"class":579},[573,2524,2525,2528,2530,2533,2535],{"class":575,"line":1928},[573,2526,2527],{"class":798}," height",[573,2529,802],{"class":579},[573,2531,2532],{"class":798},"6",[573,2534,2426],{"class":1095},[573,2536,1108],{"class":579},[573,2538,2539,2541,2543,2545,2547],{"class":575,"line":1941},[573,2540,2486],{"class":798},[573,2542,802],{"class":579},[573,2544,2094],{"class":798},[573,2546,2426],{"class":1095},[573,2548,1108],{"class":579},[573,2550,2551,2554],{"class":575,"line":1953},[573,2552,2553],{"class":798}," will-change",[573,2555,2556],{"class":579},": filter;\n",[573,2558,2559,2562,2565,2568,2571],{"class":575,"line":1958},[573,2560,2561],{"class":798}," transition",[573,2563,2564],{"class":579},": filter ",[573,2566,2567],{"class":798},"300",[573,2569,2570],{"class":1095},"ms",[573,2572,1108],{"class":579},[573,2574,2575,2577,2580,2582,2584],{"class":575,"line":1963},[573,2576,2561],{"class":798},[573,2578,2579],{"class":579},": transform ",[573,2581,2567],{"class":798},[573,2583,2570],{"class":1095},[573,2585,1108],{"class":579},[573,2587,2588],{"class":575,"line":1968},[573,2589,995],{"class":579},[573,2591,2592,2595],{"class":575,"line":1973},[573,2593,2594],{"class":587},".logo:hover",[573,2596,1328],{"class":579},[573,2598,2599,2602,2604,2607,2609,2611],{"class":575,"line":1989},[573,2600,2601],{"class":798}," transform",[573,2603,802],{"class":579},[573,2605,2606],{"class":798},"scale",[573,2608,1388],{"class":579},[573,2610,2437],{"class":798},[573,2612,2158],{"class":579},[573,2614,2615],{"class":575,"line":1995},[573,2616,995],{"class":579},[573,2618,2619],{"class":575,"line":2000},[573,2620,698],{"emptyLinePlaceholder":449},[573,2622,2623,2626],{"class":575,"line":2015},[573,2624,2625],{"class":587},".card",[573,2627,1328],{"class":579},[573,2629,2630,2632,2634,2636,2638],{"class":575,"line":2027},[573,2631,2486],{"class":798},[573,2633,802],{"class":579},[573,2635,2491],{"class":798},[573,2637,2426],{"class":1095},[573,2639,1108],{"class":579},[573,2641,2643],{"class":575,"line":2642},60,[573,2644,995],{"class":579},[573,2646,2648],{"class":575,"line":2647},61,[573,2649,698],{"emptyLinePlaceholder":449},[573,2651,2653,2656],{"class":575,"line":2652},62,[573,2654,2655],{"class":587},".read-the-docs",[573,2657,1328],{"class":579},[573,2659,2661,2663,2665,2668],{"class":575,"line":2660},63,[573,2662,2132],{"class":798},[573,2664,802],{"class":579},[573,2666,2667],{"class":798},"#888",[573,2669,1108],{"class":579},[573,2671,2673],{"class":575,"line":2672},64,[573,2674,995],{"class":579},[573,2676,2678],{"class":575,"line":2677},65,[573,2679,698],{"emptyLinePlaceholder":449},[573,2681,2683,2686],{"class":575,"line":2682},66,[573,2684,2685],{"class":583},"button",[573,2687,1328],{"class":579},[573,2689,2691,2694,2696,2699,2701],{"class":575,"line":2690},67,[573,2692,2693],{"class":798}," border-radius",[573,2695,802],{"class":579},[573,2697,2698],{"class":798},"8",[573,2700,2381],{"class":1095},[573,2702,1108],{"class":579},[573,2704,2706,2709,2711,2714,2716,2719,2722],{"class":575,"line":2705},68,[573,2707,2708],{"class":798}," border",[573,2710,802],{"class":579},[573,2712,2713],{"class":798},"1",[573,2715,2381],{"class":1095},[573,2717,2718],{"class":798}," solid",[573,2720,2721],{"class":798}," transparent",[573,2723,1108],{"class":579},[573,2725,2727,2729,2731,2734,2736,2739,2741],{"class":575,"line":2726},69,[573,2728,2486],{"class":798},[573,2730,802],{"class":579},[573,2732,2733],{"class":798},"0.6",[573,2735,2426],{"class":1095},[573,2737,2738],{"class":798}," 1.2",[573,2740,2426],{"class":1095},[573,2742,1108],{"class":579},[573,2744,2746,2748,2750,2752,2754],{"class":575,"line":2745},70,[573,2747,2418],{"class":798},[573,2749,802],{"class":579},[573,2751,2713],{"class":798},[573,2753,2426],{"class":1095},[573,2755,1108],{"class":579},[573,2757,2759,2761,2763,2765],{"class":575,"line":2758},71,[573,2760,2101],{"class":798},[573,2762,802],{"class":579},[573,2764,2246],{"class":798},[573,2766,1108],{"class":579},[573,2768,2770,2772,2774,2776],{"class":575,"line":2769},72,[573,2771,2060],{"class":798},[573,2773,802],{"class":579},[573,2775,2269],{"class":798},[573,2777,1108],{"class":579},[573,2779,2781,2783,2785,2788],{"class":575,"line":2780},73,[573,2782,2163],{"class":798},[573,2784,802],{"class":579},[573,2786,2787],{"class":798},"#1a1a1a",[573,2789,1108],{"class":579},[573,2791,2793,2796,2798,2801],{"class":575,"line":2792},74,[573,2794,2795],{"class":798}," cursor",[573,2797,802],{"class":579},[573,2799,2800],{"class":798},"pointer",[573,2802,1108],{"class":579},[573,2804,2806,2808,2811,2814,2817],{"class":575,"line":2805},75,[573,2807,2561],{"class":798},[573,2809,2810],{"class":579},": border-color ",[573,2812,2813],{"class":798},"0.25",[573,2815,2816],{"class":1095},"s",[573,2818,1108],{"class":579},[573,2820,2822],{"class":575,"line":2821},76,[573,2823,995],{"class":579},[573,2825,2827,2829,2831],{"class":575,"line":2826},77,[573,2828,2685],{"class":583},[573,2830,2282],{"class":587},[573,2832,1328],{"class":579},[573,2834,2836,2839,2841,2844],{"class":575,"line":2835},78,[573,2837,2838],{"class":798}," border-color",[573,2840,802],{"class":579},[573,2842,2843],{"class":798},"#646cff",[573,2845,1108],{"class":579},[573,2847,2849],{"class":575,"line":2848},79,[573,2850,995],{"class":579},[573,2852,2854,2856,2859],{"class":575,"line":2853},80,[573,2855,2685],{"class":583},[573,2857,2858],{"class":587},":focus",[573,2860,807],{"class":579},[573,2862,2864,2866,2869],{"class":575,"line":2863},81,[573,2865,2685],{"class":583},[573,2867,2868],{"class":587},":focus-visible",[573,2870,1328],{"class":579},[573,2872,2874,2877,2879,2882,2884,2886,2889],{"class":575,"line":2873},82,[573,2875,2876],{"class":798}," outline",[573,2878,802],{"class":579},[573,2880,2881],{"class":798},"4",[573,2883,2381],{"class":1095},[573,2885,2479],{"class":798},[573,2887,2888],{"class":798}," -webkit-focus-ring-color",[573,2890,1108],{"class":579},[573,2892,2894],{"class":575,"line":2893},83,[573,2895,995],{"class":579},[573,2897,2899],{"class":575,"line":2898},84,[573,2900,698],{"emptyLinePlaceholder":449},[573,2902,2904,2907],{"class":575,"line":2903},85,[573,2905,2906],{"class":1095},"@media",[573,2908,2909],{"class":579}," (prefers-color-scheme: light) {\n",[573,2911,2913,2916],{"class":575,"line":2912},86,[573,2914,2915],{"class":587}," :root",[573,2917,1328],{"class":579},[573,2919,2921,2924,2926,2929],{"class":575,"line":2920},87,[573,2922,2923],{"class":798}," color",[573,2925,802],{"class":579},[573,2927,2928],{"class":798},"#213547",[573,2930,1108],{"class":579},[573,2932,2934,2937,2939,2942],{"class":575,"line":2933},88,[573,2935,2936],{"class":798}," background-color",[573,2938,802],{"class":579},[573,2940,2941],{"class":798},"#ffffff",[573,2943,1108],{"class":579},[573,2945,2947],{"class":575,"line":2946},89,[573,2948,989],{"class":579},[573,2950,2952,2955,2957],{"class":575,"line":2951},90,[573,2953,2954],{"class":583}," a",[573,2956,2282],{"class":587},[573,2958,1328],{"class":579},[573,2960,2962,2964,2966,2969],{"class":575,"line":2961},91,[573,2963,2923],{"class":798},[573,2965,802],{"class":579},[573,2967,2968],{"class":798},"#747bff",[573,2970,1108],{"class":579},[573,2972,2974],{"class":575,"line":2973},92,[573,2975,989],{"class":579},[573,2977,2979,2982],{"class":575,"line":2978},93,[573,2980,2981],{"class":583}," button",[573,2983,1328],{"class":579},[573,2985,2987,2989,2991,2994],{"class":575,"line":2986},94,[573,2988,2936],{"class":798},[573,2990,802],{"class":579},[573,2992,2993],{"class":798},"#f9f9f9",[573,2995,1108],{"class":579},[573,2997,2999],{"class":575,"line":2998},95,[573,3000,989],{"class":579},[573,3002,3004],{"class":575,"line":3003},96,[573,3005,995],{"class":579},[563,3007,3010],{"className":1210,"code":3008,"filename":3009,"language":1212,"meta":5,"style":5},"import { createRootRoute, Link, Outlet } from \"@tanstack\u002Freact-router\";\nimport { TanStackRouterDevtools } from \"@tanstack\u002Freact-router-devtools\";\n\nconst RootLayout = () => (\n \u003C>\n \u003Cdiv className=\"p-2 flex gap-2\">\n \u003CLink to=\"\u002F\" className=\"[&.active]:font-bold\">\n Home\n \u003C\u002FLink>\n \u003C\u002Fdiv>\n \u003Chr \u002F>\n \u003COutlet \u002F>\n \u003CTanStackRouterDevtools \u002F>\n \u003C\u002F>\n);\n\nexport const Route = createRootRoute({ component: RootLayout });\n","src\u002Froutes\u002F__root.tsx",[570,3011,3012,3025,3039,3043,3060,3065,3081,3105,3110,3119,3127,3136,3145,3154,3159,3163,3167],{"__ignoreMap":5},[573,3013,3014,3016,3019,3021,3023],{"class":575,"line":576},[573,3015,1096],{"class":1095},[573,3017,3018],{"class":579}," { createRootRoute, Link, Outlet } ",[573,3020,1102],{"class":1095},[573,3022,1254],{"class":608},[573,3024,1108],{"class":579},[573,3026,3027,3029,3032,3034,3037],{"class":575,"line":594},[573,3028,1096],{"class":1095},[573,3030,3031],{"class":579}," { TanStackRouterDevtools } ",[573,3033,1102],{"class":1095},[573,3035,3036],{"class":608}," \"@tanstack\u002Freact-router-devtools\"",[573,3038,1108],{"class":579},[573,3040,3041],{"class":575,"line":614},[573,3042,698],{"emptyLinePlaceholder":449},[573,3044,3045,3047,3050,3052,3055,3057],{"class":575,"line":625},[573,3046,1294],{"class":1095},[573,3048,3049],{"class":587}," RootLayout",[573,3051,1300],{"class":1095},[573,3053,3054],{"class":579}," () ",[573,3056,1630],{"class":1095},[573,3058,3059],{"class":579}," (\n",[573,3061,3062],{"class":575,"line":645},[573,3063,3064],{"class":579}," \u003C>\n",[573,3066,3067,3069,3071,3074,3076,3079],{"class":575,"line":670},[573,3068,628],{"class":579},[573,3070,716],{"class":583},[573,3072,3073],{"class":587}," className",[573,3075,605],{"class":1095},[573,3077,3078],{"class":608},"\"p-2 flex gap-2\"",[573,3080,591],{"class":579},[573,3082,3083,3085,3088,3091,3093,3096,3098,3100,3103],{"class":575,"line":685},[573,3084,1460],{"class":579},[573,3086,3087],{"class":798},"Link",[573,3089,3090],{"class":587}," to",[573,3092,605],{"class":1095},[573,3094,3095],{"class":608},"\"\u002F\"",[573,3097,3073],{"class":587},[573,3099,605],{"class":1095},[573,3101,3102],{"class":608},"\"[&.active]:font-bold\"",[573,3104,591],{"class":579},[573,3106,3107],{"class":575,"line":695},[573,3108,3109],{"class":579}," Home\n",[573,3111,3112,3115,3117],{"class":575,"line":701},[573,3113,3114],{"class":579}," \u003C\u002F",[573,3116,3087],{"class":798},[573,3118,591],{"class":579},[573,3120,3121,3123,3125],{"class":575,"line":711},[573,3122,1476],{"class":579},[573,3124,716],{"class":583},[573,3126,591],{"class":579},[573,3128,3129,3131,3134],{"class":575,"line":734},[573,3130,628],{"class":579},[573,3132,3133],{"class":583},"hr",[573,3135,642],{"class":579},[573,3137,3138,3140,3143],{"class":575,"line":764},[573,3139,628],{"class":579},[573,3141,3142],{"class":798},"Outlet",[573,3144,642],{"class":579},[573,3146,3147,3149,3152],{"class":575,"line":773},[573,3148,628],{"class":579},[573,3150,3151],{"class":798},"TanStackRouterDevtools",[573,3153,642],{"class":579},[573,3155,3156],{"class":575,"line":924},[573,3157,3158],{"class":579}," \u003C\u002F>\n",[573,3160,3161],{"class":575,"line":937},[573,3162,2158],{"class":579},[573,3164,3165],{"class":575,"line":950},[573,3166,698],{"emptyLinePlaceholder":449},[573,3168,3169,3171,3173,3176,3178,3181],{"class":575,"line":963},[573,3170,1159],{"class":1095},[573,3172,2005],{"class":1095},[573,3174,3175],{"class":798}," Route",[573,3177,1300],{"class":1095},[573,3179,3180],{"class":587}," createRootRoute",[573,3182,3183],{"class":579},"({ component: RootLayout });\n",[563,3185,3188],{"className":1210,"code":3186,"filename":3187,"language":1212,"meta":5,"style":5},"import { createFileRoute } from \"@tanstack\u002Freact-router\";\n\nexport const Route = createFileRoute(\"\u002F\")({\n loader: async () => {\n const r = await fetch(\"\u002Fapi\u002Fhello\");\n return r.json();\n },\n component: Index,\n});\n\nfunction Index() {\n const r = Route.useLoaderData();\n\n return (\n \u003Cdiv className=\"p-2\">\n \u003Ch3>{JSON.stringify(r)}\u003C\u002Fh3>\n \u003C\u002Fdiv>\n );\n}\n","src\u002Froutes\u002Findex.tsx",[570,3189,3190,3203,3207,3227,3243,3266,3279,3283,3288,3292,3296,3307,3323,3327,3334,3349,3375,3383,3387],{"__ignoreMap":5},[573,3191,3192,3194,3197,3199,3201],{"class":575,"line":576},[573,3193,1096],{"class":1095},[573,3195,3196],{"class":579}," { createFileRoute } ",[573,3198,1102],{"class":1095},[573,3200,1254],{"class":608},[573,3202,1108],{"class":579},[573,3204,3205],{"class":575,"line":594},[573,3206,698],{"emptyLinePlaceholder":449},[573,3208,3209,3211,3213,3215,3217,3220,3222,3224],{"class":575,"line":614},[573,3210,1159],{"class":1095},[573,3212,2005],{"class":1095},[573,3214,3175],{"class":798},[573,3216,1300],{"class":1095},[573,3218,3219],{"class":587}," createFileRoute",[573,3221,1388],{"class":579},[573,3223,3095],{"class":608},[573,3225,3226],{"class":579},")({\n",[573,3228,3229,3232,3234,3237,3239,3241],{"class":575,"line":625},[573,3230,3231],{"class":587}," loader",[573,3233,802],{"class":579},[573,3235,3236],{"class":1095},"async",[573,3238,3054],{"class":579},[573,3240,1630],{"class":1095},[573,3242,1328],{"class":579},[573,3244,3245,3248,3251,3253,3256,3259,3261,3264],{"class":575,"line":645},[573,3246,3247],{"class":1095}," const",[573,3249,3250],{"class":798}," r",[573,3252,1300],{"class":1095},[573,3254,3255],{"class":1095}," await",[573,3257,3258],{"class":587}," fetch",[573,3260,1388],{"class":579},[573,3262,3263],{"class":608},"\"\u002Fapi\u002Fhello\"",[573,3265,2158],{"class":579},[573,3267,3268,3271,3274,3276],{"class":575,"line":670},[573,3269,3270],{"class":1095}," return",[573,3272,3273],{"class":579}," r.",[573,3275,786],{"class":587},[573,3277,3278],{"class":579},"();\n",[573,3280,3281],{"class":575,"line":685},[573,3282,854],{"class":579},[573,3284,3285],{"class":575,"line":695},[573,3286,3287],{"class":579}," component: Index,\n",[573,3289,3290],{"class":575,"line":701},[573,3291,1207],{"class":579},[573,3293,3294],{"class":575,"line":711},[573,3295,698],{"emptyLinePlaceholder":449},[573,3297,3298,3301,3304],{"class":575,"line":734},[573,3299,3300],{"class":1095},"function",[573,3302,3303],{"class":587}," Index",[573,3305,3306],{"class":579},"() {\n",[573,3308,3309,3311,3313,3315,3318,3321],{"class":575,"line":764},[573,3310,1418],{"class":1095},[573,3312,3250],{"class":798},[573,3314,1300],{"class":1095},[573,3316,3317],{"class":579}," Route.",[573,3319,3320],{"class":587},"useLoaderData",[573,3322,3278],{"class":579},[573,3324,3325],{"class":575,"line":773},[573,3326,698],{"emptyLinePlaceholder":449},[573,3328,3329,3332],{"class":575,"line":924},[573,3330,3331],{"class":1095}," return",[573,3333,3059],{"class":579},[573,3335,3336,3338,3340,3342,3344,3347],{"class":575,"line":937},[573,3337,628],{"class":579},[573,3339,716],{"class":583},[573,3341,3073],{"class":587},[573,3343,605],{"class":1095},[573,3345,3346],{"class":608},"\"p-2\"",[573,3348,591],{"class":579},[573,3350,3351,3353,3356,3359,3362,3365,3368,3371,3373],{"class":575,"line":950},[573,3352,1460],{"class":579},[573,3354,3355],{"class":583},"h3",[573,3357,3358],{"class":579},">{",[573,3360,3361],{"class":798},"JSON",[573,3363,3364],{"class":579},".",[573,3366,3367],{"class":587},"stringify",[573,3369,3370],{"class":579},"(r)}\u003C\u002F",[573,3372,3355],{"class":583},[573,3374,591],{"class":579},[573,3376,3377,3379,3381],{"class":575,"line":963},[573,3378,1476],{"class":579},[573,3380,716],{"class":583},[573,3382,591],{"class":579},[573,3384,3385],{"class":575,"line":975},[573,3386,1486],{"class":579},[573,3388,3389],{"class":575,"line":986},[573,3390,995],{"class":579},[3392,3393,3394],"p",{},"Set up TanStack Router with React, Vite, and Nitro. This setup provides file-based routing with type-safe navigation and automatic code splitting.",[3396,3397,3399],"h2",{"id":3398},"overview","Overview",[3401,3402,3403,3407,3410,3413],"steps",{"level":2881},[3404,3405,3406],"h4",{},"Add the Nitro Vite plugin to your Vite config",[3404,3408,3409],{},"Create an HTML template with your app entry",[3404,3411,3412],{},"Create a main entry that initializes the router",[3404,3414,3415],{},"Define routes using file-based routing",[3396,3417,3419],{"id":3418},"_1-configure-vite","1. Configure Vite",[3392,3421,3422],{},"Add the Nitro, React, and TanStack Router plugins to your Vite config:",[563,3424,3425],{"className":1085,"code":1086,"filename":1087,"language":1088,"meta":5,"style":5},[570,3426,3427,3439,3451,3463,3475,3479,3489,3513],{"__ignoreMap":5},[573,3428,3429,3431,3433,3435,3437],{"class":575,"line":576},[573,3430,1096],{"class":1095},[573,3432,1099],{"class":579},[573,3434,1102],{"class":1095},[573,3436,1105],{"class":608},[573,3438,1108],{"class":579},[573,3440,3441,3443,3445,3447,3449],{"class":575,"line":594},[573,3442,1096],{"class":1095},[573,3444,1115],{"class":579},[573,3446,1102],{"class":1095},[573,3448,1120],{"class":608},[573,3450,1108],{"class":579},[573,3452,3453,3455,3457,3459,3461],{"class":575,"line":614},[573,3454,1096],{"class":1095},[573,3456,1129],{"class":579},[573,3458,1102],{"class":1095},[573,3460,1134],{"class":608},[573,3462,1108],{"class":579},[573,3464,3465,3467,3469,3471,3473],{"class":575,"line":625},[573,3466,1096],{"class":1095},[573,3468,1143],{"class":579},[573,3470,1102],{"class":1095},[573,3472,1148],{"class":608},[573,3474,1108],{"class":579},[573,3476,3477],{"class":575,"line":645},[573,3478,698],{"emptyLinePlaceholder":449},[573,3480,3481,3483,3485,3487],{"class":575,"line":670},[573,3482,1159],{"class":1095},[573,3484,1162],{"class":1095},[573,3486,1165],{"class":587},[573,3488,1168],{"class":579},[573,3490,3491,3493,3495,3497,3499,3501,3503,3505,3507,3509,3511],{"class":575,"line":685},[573,3492,1173],{"class":579},[573,3494,1176],{"class":587},[573,3496,1179],{"class":579},[573,3498,1182],{"class":608},[573,3500,1185],{"class":579},[573,3502,560],{"class":798},[573,3504,1190],{"class":579},[573,3506,1193],{"class":587},[573,3508,1196],{"class":579},[573,3510,1199],{"class":587},[573,3512,1202],{"class":579},[573,3514,3515],{"class":575,"line":695},[573,3516,1207],{"class":579},[3392,3518,3519,3520,3522,3523,3526,3527,3530],{},"The ",[570,3521,1176],{}," plugin generates a route tree from your ",[570,3524,3525],{},"routes\u002F"," directory structure. Enable ",[570,3528,3529],{},"autoCodeSplitting"," to automatically split routes into separate chunks. Place the TanStack Router plugin before the React plugin in the array.",[3396,3532,3534],{"id":3533},"_2-create-the-html-template","2. Create the HTML Template",[3392,3536,3537],{},"Create an HTML file that serves as your app shell:",[563,3539,3540],{"className":565,"code":566,"filename":567,"language":568,"meta":5,"style":5},[570,3541,3542,3552,3566,3574,3588,3608,3620,3628,3632,3640,3658,3682,3690],{"__ignoreMap":5},[573,3543,3544,3546,3548,3550],{"class":575,"line":576},[573,3545,580],{"class":579},[573,3547,584],{"class":583},[573,3549,588],{"class":587},[573,3551,591],{"class":579},[573,3553,3554,3556,3558,3560,3562,3564],{"class":575,"line":594},[573,3555,597],{"class":579},[573,3557,568],{"class":583},[573,3559,602],{"class":587},[573,3561,605],{"class":579},[573,3563,609],{"class":608},[573,3565,591],{"class":579},[573,3567,3568,3570,3572],{"class":575,"line":614},[573,3569,617],{"class":579},[573,3571,620],{"class":583},[573,3573,591],{"class":579},[573,3575,3576,3578,3580,3582,3584,3586],{"class":575,"line":625},[573,3577,628],{"class":579},[573,3579,631],{"class":583},[573,3581,634],{"class":587},[573,3583,605],{"class":579},[573,3585,639],{"class":608},[573,3587,642],{"class":579},[573,3589,3590,3592,3594,3596,3598,3600,3602,3604,3606],{"class":575,"line":645},[573,3591,628],{"class":579},[573,3593,631],{"class":583},[573,3595,652],{"class":587},[573,3597,605],{"class":579},[573,3599,657],{"class":608},[573,3601,660],{"class":587},[573,3603,605],{"class":579},[573,3605,665],{"class":608},[573,3607,642],{"class":579},[573,3609,3610,3612,3614,3616,3618],{"class":575,"line":670},[573,3611,628],{"class":579},[573,3613,675],{"class":583},[573,3615,678],{"class":579},[573,3617,675],{"class":583},[573,3619,591],{"class":579},[573,3621,3622,3624,3626],{"class":575,"line":685},[573,3623,688],{"class":579},[573,3625,620],{"class":583},[573,3627,591],{"class":579},[573,3629,3630],{"class":575,"line":695},[573,3631,698],{"emptyLinePlaceholder":449},[573,3633,3634,3636,3638],{"class":575,"line":701},[573,3635,617],{"class":579},[573,3637,706],{"class":583},[573,3639,591],{"class":579},[573,3641,3642,3644,3646,3648,3650,3652,3654,3656],{"class":575,"line":711},[573,3643,628],{"class":579},[573,3645,716],{"class":583},[573,3647,719],{"class":587},[573,3649,605],{"class":579},[573,3651,724],{"class":608},[573,3653,727],{"class":579},[573,3655,716],{"class":583},[573,3657,591],{"class":579},[573,3659,3660,3662,3664,3666,3668,3670,3672,3674,3676,3678,3680],{"class":575,"line":734},[573,3661,628],{"class":579},[573,3663,739],{"class":583},[573,3665,742],{"class":587},[573,3667,605],{"class":579},[573,3669,747],{"class":608},[573,3671,750],{"class":587},[573,3673,605],{"class":579},[573,3675,755],{"class":608},[573,3677,727],{"class":579},[573,3679,739],{"class":583},[573,3681,591],{"class":579},[573,3683,3684,3686,3688],{"class":575,"line":764},[573,3685,688],{"class":579},[573,3687,706],{"class":583},[573,3689,591],{"class":579},[573,3691,3692,3694,3696],{"class":575,"line":773},[573,3693,776],{"class":579},[573,3695,568],{"class":583},[573,3697,591],{"class":579},[3396,3699,3701],{"id":3700},"_3-create-the-app-entry","3. Create the App Entry",[3392,3703,3704],{},"Create the main entry that initializes TanStack Router:",[563,3706,3707],{"className":1210,"code":1211,"filename":561,"language":1212,"meta":5,"style":5},[570,3708,3709,3721,3733,3745,3749,3753,3765,3769,3773,3785,3789,3793,3803,3811,3821,3825,3829,3833,3837,3859,3869,3883,3891,3899,3911,3919,3923],{"__ignoreMap":5},[573,3710,3711,3713,3715,3717,3719],{"class":575,"line":576},[573,3712,1096],{"class":1095},[573,3714,1221],{"class":579},[573,3716,1102],{"class":1095},[573,3718,1226],{"class":608},[573,3720,1108],{"class":579},[573,3722,3723,3725,3727,3729,3731],{"class":575,"line":594},[573,3724,1096],{"class":1095},[573,3726,1235],{"class":579},[573,3728,1102],{"class":1095},[573,3730,1240],{"class":608},[573,3732,1108],{"class":579},[573,3734,3735,3737,3739,3741,3743],{"class":575,"line":614},[573,3736,1096],{"class":1095},[573,3738,1249],{"class":579},[573,3740,1102],{"class":1095},[573,3742,1254],{"class":608},[573,3744,1108],{"class":579},[573,3746,3747],{"class":575,"line":625},[573,3748,698],{"emptyLinePlaceholder":449},[573,3750,3751],{"class":575,"line":645},[573,3752,1266],{"class":1265},[573,3754,3755,3757,3759,3761,3763],{"class":575,"line":670},[573,3756,1096],{"class":1095},[573,3758,1273],{"class":579},[573,3760,1102],{"class":1095},[573,3762,1278],{"class":608},[573,3764,1108],{"class":579},[573,3766,3767],{"class":575,"line":685},[573,3768,698],{"emptyLinePlaceholder":449},[573,3770,3771],{"class":575,"line":695},[573,3772,1289],{"class":1265},[573,3774,3775,3777,3779,3781,3783],{"class":575,"line":701},[573,3776,1294],{"class":1095},[573,3778,1297],{"class":798},[573,3780,1300],{"class":1095},[573,3782,1303],{"class":587},[573,3784,1306],{"class":579},[573,3786,3787],{"class":575,"line":711},[573,3788,698],{"emptyLinePlaceholder":449},[573,3790,3791],{"class":575,"line":734},[573,3792,1315],{"class":1265},[573,3794,3795,3797,3799,3801],{"class":575,"line":764},[573,3796,1320],{"class":1095},[573,3798,1323],{"class":1095},[573,3800,1254],{"class":608},[573,3802,1328],{"class":579},[573,3804,3805,3807,3809],{"class":575,"line":773},[573,3806,1333],{"class":1095},[573,3808,1336],{"class":587},[573,3810,1328],{"class":579},[573,3812,3813,3815,3817,3819],{"class":575,"line":924},[573,3814,1344],{"class":1343},[573,3816,1347],{"class":1095},[573,3818,1350],{"class":1095},[573,3820,1353],{"class":579},[573,3822,3823],{"class":575,"line":937},[573,3824,989],{"class":579},[573,3826,3827],{"class":575,"line":950},[573,3828,995],{"class":579},[573,3830,3831],{"class":575,"line":963},[573,3832,698],{"emptyLinePlaceholder":449},[573,3834,3835],{"class":575,"line":975},[573,3836,1370],{"class":1265},[573,3838,3839,3841,3843,3845,3847,3849,3851,3853,3855,3857],{"class":575,"line":986},[573,3840,1294],{"class":1095},[573,3842,1377],{"class":798},[573,3844,1300],{"class":1095},[573,3846,1382],{"class":579},[573,3848,1385],{"class":587},[573,3850,1388],{"class":579},[573,3852,1391],{"class":608},[573,3854,1394],{"class":579},[573,3856,1397],{"class":1095},[573,3858,1108],{"class":579},[573,3860,3861,3863,3865,3867],{"class":575,"line":992},[573,3862,1404],{"class":1095},[573,3864,1407],{"class":579},[573,3866,1397],{"class":1095},[573,3868,1412],{"class":579},[573,3870,3871,3873,3875,3877,3879,3881],{"class":575,"line":1415},[573,3872,1418],{"class":1095},[573,3874,1421],{"class":798},[573,3876,1300],{"class":1095},[573,3878,1426],{"class":579},[573,3880,1429],{"class":587},[573,3882,1432],{"class":579},[573,3884,3885,3887,3889],{"class":575,"line":1435},[573,3886,1438],{"class":579},[573,3888,1441],{"class":587},[573,3890,1444],{"class":579},[573,3892,3893,3895,3897],{"class":575,"line":1447},[573,3894,628],{"class":579},[573,3896,1452],{"class":798},[573,3898,591],{"class":579},[573,3900,3901,3903,3905,3907,3909],{"class":575,"line":1457},[573,3902,1460],{"class":579},[573,3904,1463],{"class":798},[573,3906,1297],{"class":587},[573,3908,605],{"class":1095},[573,3910,1470],{"class":579},[573,3912,3913,3915,3917],{"class":575,"line":1473},[573,3914,1476],{"class":579},[573,3916,1452],{"class":798},[573,3918,591],{"class":579},[573,3920,3921],{"class":575,"line":1483},[573,3922,1486],{"class":579},[573,3924,3925],{"class":575,"line":1489},[573,3926,995],{"class":579},[3392,3928,3519,3929,3932,3933,3935,3936,3939,3940,3943],{},[570,3930,3931],{},"routeTree.gen.ts"," file is auto-generated from your ",[570,3934,3525],{}," directory structure. The ",[570,3937,3938],{},"Register"," interface declaration provides full type inference for route paths and params. The ",[570,3941,3942],{},"!rootElement.innerHTML"," check prevents re-rendering during hot module replacement.",[3396,3945,3947],{"id":3946},"_4-create-the-root-route","4. Create the Root Route",[3392,3949,3950,3951,3954],{},"The root route (",[570,3952,3953],{},"__root.tsx",") defines your app's layout:",[563,3956,3957],{"className":1210,"code":3008,"filename":3009,"language":1212,"meta":5,"style":5},[570,3958,3959,3971,3983,3987,4001,4005,4019,4039,4043,4051,4059,4067,4075,4083,4087,4091,4095],{"__ignoreMap":5},[573,3960,3961,3963,3965,3967,3969],{"class":575,"line":576},[573,3962,1096],{"class":1095},[573,3964,3018],{"class":579},[573,3966,1102],{"class":1095},[573,3968,1254],{"class":608},[573,3970,1108],{"class":579},[573,3972,3973,3975,3977,3979,3981],{"class":575,"line":594},[573,3974,1096],{"class":1095},[573,3976,3031],{"class":579},[573,3978,1102],{"class":1095},[573,3980,3036],{"class":608},[573,3982,1108],{"class":579},[573,3984,3985],{"class":575,"line":614},[573,3986,698],{"emptyLinePlaceholder":449},[573,3988,3989,3991,3993,3995,3997,3999],{"class":575,"line":625},[573,3990,1294],{"class":1095},[573,3992,3049],{"class":587},[573,3994,1300],{"class":1095},[573,3996,3054],{"class":579},[573,3998,1630],{"class":1095},[573,4000,3059],{"class":579},[573,4002,4003],{"class":575,"line":645},[573,4004,3064],{"class":579},[573,4006,4007,4009,4011,4013,4015,4017],{"class":575,"line":670},[573,4008,628],{"class":579},[573,4010,716],{"class":583},[573,4012,3073],{"class":587},[573,4014,605],{"class":1095},[573,4016,3078],{"class":608},[573,4018,591],{"class":579},[573,4020,4021,4023,4025,4027,4029,4031,4033,4035,4037],{"class":575,"line":685},[573,4022,1460],{"class":579},[573,4024,3087],{"class":798},[573,4026,3090],{"class":587},[573,4028,605],{"class":1095},[573,4030,3095],{"class":608},[573,4032,3073],{"class":587},[573,4034,605],{"class":1095},[573,4036,3102],{"class":608},[573,4038,591],{"class":579},[573,4040,4041],{"class":575,"line":695},[573,4042,3109],{"class":579},[573,4044,4045,4047,4049],{"class":575,"line":701},[573,4046,3114],{"class":579},[573,4048,3087],{"class":798},[573,4050,591],{"class":579},[573,4052,4053,4055,4057],{"class":575,"line":711},[573,4054,1476],{"class":579},[573,4056,716],{"class":583},[573,4058,591],{"class":579},[573,4060,4061,4063,4065],{"class":575,"line":734},[573,4062,628],{"class":579},[573,4064,3133],{"class":583},[573,4066,642],{"class":579},[573,4068,4069,4071,4073],{"class":575,"line":764},[573,4070,628],{"class":579},[573,4072,3142],{"class":798},[573,4074,642],{"class":579},[573,4076,4077,4079,4081],{"class":575,"line":773},[573,4078,628],{"class":579},[573,4080,3151],{"class":798},[573,4082,642],{"class":579},[573,4084,4085],{"class":575,"line":924},[573,4086,3158],{"class":579},[573,4088,4089],{"class":575,"line":937},[573,4090,2158],{"class":579},[573,4092,4093],{"class":575,"line":950},[573,4094,698],{"emptyLinePlaceholder":449},[573,4096,4097,4099,4101,4103,4105,4107],{"class":575,"line":963},[573,4098,1159],{"class":1095},[573,4100,2005],{"class":1095},[573,4102,3175],{"class":798},[573,4104,1300],{"class":1095},[573,4106,3180],{"class":587},[573,4108,3183],{"class":579},[3392,4110,4111,4112,4114,4115,4117,4118,4120],{},"Use ",[570,4113,3087],{}," for type-safe navigation with active state styling. The ",[570,4116,3142],{}," component renders child routes. Include ",[570,4119,3151],{}," for development tools (automatically removed in production).",[3396,4122,4124],{"id":4123},"_5-create-page-routes","5. Create Page Routes",[3392,4126,4127,4128,4131],{},"Page routes use ",[570,4129,4130],{},"createFileRoute"," and can include loaders:",[563,4133,4134],{"className":1210,"code":3186,"filename":3187,"language":1212,"meta":5,"style":5},[570,4135,4136,4148,4152,4170,4184,4202,4212,4216,4220,4224,4228,4236,4250,4254,4260,4274,4294,4302,4306],{"__ignoreMap":5},[573,4137,4138,4140,4142,4144,4146],{"class":575,"line":576},[573,4139,1096],{"class":1095},[573,4141,3196],{"class":579},[573,4143,1102],{"class":1095},[573,4145,1254],{"class":608},[573,4147,1108],{"class":579},[573,4149,4150],{"class":575,"line":594},[573,4151,698],{"emptyLinePlaceholder":449},[573,4153,4154,4156,4158,4160,4162,4164,4166,4168],{"class":575,"line":614},[573,4155,1159],{"class":1095},[573,4157,2005],{"class":1095},[573,4159,3175],{"class":798},[573,4161,1300],{"class":1095},[573,4163,3219],{"class":587},[573,4165,1388],{"class":579},[573,4167,3095],{"class":608},[573,4169,3226],{"class":579},[573,4171,4172,4174,4176,4178,4180,4182],{"class":575,"line":625},[573,4173,3231],{"class":587},[573,4175,802],{"class":579},[573,4177,3236],{"class":1095},[573,4179,3054],{"class":579},[573,4181,1630],{"class":1095},[573,4183,1328],{"class":579},[573,4185,4186,4188,4190,4192,4194,4196,4198,4200],{"class":575,"line":645},[573,4187,3247],{"class":1095},[573,4189,3250],{"class":798},[573,4191,1300],{"class":1095},[573,4193,3255],{"class":1095},[573,4195,3258],{"class":587},[573,4197,1388],{"class":579},[573,4199,3263],{"class":608},[573,4201,2158],{"class":579},[573,4203,4204,4206,4208,4210],{"class":575,"line":670},[573,4205,3270],{"class":1095},[573,4207,3273],{"class":579},[573,4209,786],{"class":587},[573,4211,3278],{"class":579},[573,4213,4214],{"class":575,"line":685},[573,4215,854],{"class":579},[573,4217,4218],{"class":575,"line":695},[573,4219,3287],{"class":579},[573,4221,4222],{"class":575,"line":701},[573,4223,1207],{"class":579},[573,4225,4226],{"class":575,"line":711},[573,4227,698],{"emptyLinePlaceholder":449},[573,4229,4230,4232,4234],{"class":575,"line":734},[573,4231,3300],{"class":1095},[573,4233,3303],{"class":587},[573,4235,3306],{"class":579},[573,4237,4238,4240,4242,4244,4246,4248],{"class":575,"line":764},[573,4239,1418],{"class":1095},[573,4241,3250],{"class":798},[573,4243,1300],{"class":1095},[573,4245,3317],{"class":579},[573,4247,3320],{"class":587},[573,4249,3278],{"class":579},[573,4251,4252],{"class":575,"line":773},[573,4253,698],{"emptyLinePlaceholder":449},[573,4255,4256,4258],{"class":575,"line":924},[573,4257,3331],{"class":1095},[573,4259,3059],{"class":579},[573,4261,4262,4264,4266,4268,4270,4272],{"class":575,"line":937},[573,4263,628],{"class":579},[573,4265,716],{"class":583},[573,4267,3073],{"class":587},[573,4269,605],{"class":1095},[573,4271,3346],{"class":608},[573,4273,591],{"class":579},[573,4275,4276,4278,4280,4282,4284,4286,4288,4290,4292],{"class":575,"line":950},[573,4277,1460],{"class":579},[573,4279,3355],{"class":583},[573,4281,3358],{"class":579},[573,4283,3361],{"class":798},[573,4285,3364],{"class":579},[573,4287,3367],{"class":587},[573,4289,3370],{"class":579},[573,4291,3355],{"class":583},[573,4293,591],{"class":579},[573,4295,4296,4298,4300],{"class":575,"line":963},[573,4297,1476],{"class":579},[573,4299,716],{"class":583},[573,4301,591],{"class":579},[573,4303,4304],{"class":575,"line":975},[573,4305,1486],{"class":579},[573,4307,4308],{"class":575,"line":986},[573,4309,995],{"class":579},[3392,4311,4312,4313,4316,4317,4320,4321,4324,4325,2074,4327,4330,4331,4334,4335,4330,4338,3364],{},"Fetch data before rendering with the ",[570,4314,4315],{},"loader"," function—data is available via ",[570,4318,4319],{},"Route.useLoaderData()",". File paths determine URL paths: ",[570,4322,4323],{},"routes\u002Findex.tsx"," maps to ",[570,4326,443],{},[570,4328,4329],{},"routes\u002Fabout.tsx"," to ",[570,4332,4333],{},"\u002Fabout",", and ",[570,4336,4337],{},"routes\u002Fusers\u002F$id.tsx",[570,4339,4340],{},"\u002Fusers\u002F:id",[3396,4342,4344],{"id":4343},"learn-more","Learn More",[4346,4347,4348,4357],"ul",{},[4349,4350,4351],"li",{},[2235,4352,4356],{"href":4353,"rel":4354},"https:\u002F\u002Ftanstack.com\u002Frouter",[4355],"nofollow","TanStack Router Documentation",[4349,4358,4359],{},[2235,4360,18],{"href":19},[4362,4363,4364],"style",{},"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 .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);}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}",{"title":5,"searchDepth":594,"depth":594,"links":4366},[4367,4368,4369,4370,4371,4372,4373],{"id":3398,"depth":594,"text":3399},{"id":3418,"depth":594,"text":3419},{"id":3533,"depth":594,"text":3534},{"id":3700,"depth":594,"text":3701},{"id":3946,"depth":594,"text":3947},{"id":4123,"depth":594,"text":4124},{"id":4343,"depth":594,"text":4344},"md",{"automd":449,"category":489,"icon":411},{"icon":411},{"title":408,"description":538},"a0jdjJTfXaeMHZsGLYGkk45KcBIccWSBeI-UrUiIZ9c",[4380,4381],{"title":403,"path":404,"stem":405,"description":535,"icon":406,"children":-1},{"title":413,"path":414,"stem":415,"description":541,"icon":411,"children":-1},1784019077868]