[{"data":1,"prerenderedAt":666},["ShallowReactive",2],{"navigation_docs":3,"template-vite-react":145},[4,8,12,16,51,81,103],{"title":5,"path":6,"stem":7},"Introduction","\u002Fdocs\u002Fintroduction","docs\u002F1.introduction",{"title":9,"path":10,"stem":11},"Getting started","\u002Fdocs\u002Fgetting-started","docs\u002F2.getting-started",{"title":13,"path":14,"stem":15},"Environment variables","\u002Fdocs\u002Fenvironment-variables","docs\u002F3.environment-variables",{"title":17,"icon":18,"path":19,"stem":20,"children":21,"page":50},"Guide","i-lucide-book-open","\u002Fdocs\u002Fguide","docs\u002F4.guide",[22,26,30,34,38,42,46],{"title":23,"path":24,"stem":25},"Scaffold a project","\u002Fdocs\u002Fguide\u002Fscaffold","docs\u002F4.guide\u002F1.scaffold",{"title":27,"path":28,"stem":29},"Pin and manage templates","\u002Fdocs\u002Fguide\u002Fpin","docs\u002F4.guide\u002F2.pin",{"title":31,"path":32,"stem":33},"Update pinned templates","\u002Fdocs\u002Fguide\u002Fupdating","docs\u002F4.guide\u002F3.updating",{"title":35,"path":36,"stem":37},"Find templates","\u002Fdocs\u002Fguide\u002Fsearch","docs\u002F4.guide\u002F4.search",{"title":39,"path":40,"stem":41},"Manage registries","\u002Fdocs\u002Fguide\u002Fregistry","docs\u002F4.guide\u002F5.registry",{"title":43,"path":44,"stem":45},"Troubleshooting","\u002Fdocs\u002Fguide\u002Ftroubleshooting","docs\u002F4.guide\u002F6.troubleshooting",{"title":47,"path":48,"stem":49},"Build your first template","\u002Fdocs\u002Fguide\u002Fcreate-template","docs\u002F4.guide\u002F7.create-template",false,{"title":52,"icon":53,"path":54,"stem":55,"children":56,"page":50},"Templates","i-lucide-layout-template","\u002Fdocs\u002Ftemplates","docs\u002F5.templates",[57,61,65,69,73,77],{"title":58,"path":59,"stem":60},"Template anatomy","\u002Fdocs\u002Ftemplates\u002Fanatomy","docs\u002F5.templates\u002F1.anatomy",{"title":62,"path":63,"stem":64},"Template params","\u002Fdocs\u002Ftemplates\u002Fparams","docs\u002F5.templates\u002F2.params",{"title":66,"path":67,"stem":68},"Template rendering","\u002Fdocs\u002Ftemplates\u002Ftemplate-rendering","docs\u002F5.templates\u002F3.template-rendering",{"title":70,"path":71,"stem":72},"Hooks","\u002Fdocs\u002Ftemplates\u002Fhooks","docs\u002F5.templates\u002F4.hooks",{"title":74,"path":75,"stem":76},"Publish a template","\u002Fdocs\u002Ftemplates\u002Fpublish","docs\u002F5.templates\u002F5.publish",{"title":78,"path":79,"stem":80},"spin.toml","\u002Fdocs\u002Ftemplates\u002Fspin-toml","docs\u002F5.templates\u002F6.spin-toml",{"title":82,"icon":83,"path":84,"stem":85,"children":86,"page":50},"Registries","i-lucide-database","\u002Fdocs\u002Fregistries","docs\u002F6.registries",[87,91,95,99],{"title":88,"path":89,"stem":90},"Registry anatomy","\u002Fdocs\u002Fregistries\u002Fanatomy","docs\u002F6.registries\u002F1.anatomy",{"title":92,"path":93,"stem":94},"Template metadata file","\u002Fdocs\u002Fregistries\u002Ftemplate-metadata","docs\u002F6.registries\u002F2.template-metadata",{"title":96,"path":97,"stem":98},"Run a registry","\u002Fdocs\u002Fregistries\u002Frun","docs\u002F6.registries\u002F3.run",{"title":100,"path":101,"stem":102},"registry.toml","\u002Fdocs\u002Fregistries\u002Fregistry-toml","docs\u002F6.registries\u002F4.registry-toml",{"title":104,"icon":105,"path":106,"stem":107,"children":108,"page":50},"Commands","i-lucide-terminal","\u002Fdocs\u002Fcommands","docs\u002F7.commands",[109,113,117,121,125,129,133,137,141],{"title":110,"path":111,"stem":112},"spin new","\u002Fdocs\u002Fcommands\u002Fnew","docs\u002F7.commands\u002F1.new",{"title":114,"path":115,"stem":116},"spin add","\u002Fdocs\u002Fcommands\u002Fadd","docs\u002F7.commands\u002F2.add",{"title":118,"path":119,"stem":120},"spin list","\u002Fdocs\u002Fcommands\u002Flist","docs\u002F7.commands\u002F3.list",{"title":122,"path":123,"stem":124},"spin update","\u002Fdocs\u002Fcommands\u002Fupdate","docs\u002F7.commands\u002F4.update",{"title":126,"path":127,"stem":128},"spin remove","\u002Fdocs\u002Fcommands\u002Fremove","docs\u002F7.commands\u002F5.remove",{"title":130,"path":131,"stem":132},"spin search","\u002Fdocs\u002Fcommands\u002Fsearch","docs\u002F7.commands\u002F6.search",{"title":134,"path":135,"stem":136},"spin registry","\u002Fdocs\u002Fcommands\u002Fregistry","docs\u002F7.commands\u002F7.registry",{"title":138,"path":139,"stem":140},"spin init","\u002Fdocs\u002Fcommands\u002Finit","docs\u002F7.commands\u002F8.init",{"title":142,"path":143,"stem":144},"spin version","\u002Fdocs\u002Fcommands\u002Fversion","docs\u002F7.commands\u002F9.version",{"template":146,"readmeAst":209},{"id":147,"name":148,"description":149,"source":150,"repo":151,"tags":152,"authors":158,"license":161,"type":155,"language":162,"params":163,"hooks":205},"vite-react","Vite React","Vite + React starter with HMR, Oxlint\u002FESLint, and TypeScript support","https:\u002F\u002Fgithub.com\u002Fspin-templates\u002Fvite-react","spin-templates\u002Fvite-react",[153,154,155,156,157],"vite","react","web","javascript","typescript",[159,160],"Samouly","Spin Team","MIT","JS\u002FTS",[164,169,173,176,184,187,191,196,199,202],{"name":165,"type":166,"prompt":167,"default":157,"options":168},"variant","select","Which language variant?",[156,157],{"name":170,"type":171,"prompt":172,"default":50},"eslint","bool","Use ESLint instead of Oxlint?",{"name":174,"type":171,"prompt":175,"default":50},"react_compiler","Enable the React Compiler?",{"name":177,"type":166,"prompt":178,"default":179,"options":180},"package_manager","Which package manager?","npm",[179,181,182,183],"yarn","pnpm","bun",{"name":185,"type":171,"prompt":186,"default":50},"use_docker","Include Docker support?",{"name":188,"type":171,"prompt":189,"default":190},"git_init","Initialize a git repository?",true,{"name":192,"type":193,"prompt":194,"default":195},"description","textarea","What is your project description?","A production-ready React + Vite starter with fast HMR — nothing to clean up.",{"name":197,"type":171,"prompt":198,"default":190},"include_agents_md","Include AGENTS.md with agent instructions?",{"name":200,"type":171,"prompt":201,"default":190},"include_demo","Include the showcase UI?",{"name":203,"type":171,"prompt":204,"default":50},"tailwind","Include Tailwind CSS v4?",{"post":206},[207,208],"{{ if .git_init }}git init && git add -A && git commit -m \"Initial commit - Spin\"{{ end }}","{{ .package_manager }} install",{"data":210,"body":213,"toc":656},{"title":211,"description":212},"Spin Template: Vite + React","A Spin template for scaffolding Vite + React projects with HMR, Oxlint\u002FESLint, and TypeScript support.",{"type":214,"children":215},"root",[216,224,249,256,270,276,528,534,605,610,617,641,651],{"type":217,"tag":218,"props":219,"children":221},"element","h1",{"id":220},"spin-template-vite-react",[222],{"type":223,"value":211},"text",{"type":217,"tag":225,"props":226,"children":227},"p",{},[228,230,239,241,247],{"type":223,"value":229},"A ",{"type":217,"tag":231,"props":232,"children":236},"a",{"href":233,"rel":234},"https:\u002F\u002Fspincli.pages.dev",[235],"nofollow",[237],{"type":223,"value":238},"Spin",{"type":223,"value":240}," template for scaffolding ",{"type":217,"tag":242,"props":243,"children":244},"strong",{},[245],{"type":223,"value":246},"Vite + React",{"type":223,"value":248}," projects with HMR, Oxlint\u002FESLint, and TypeScript support.",{"type":217,"tag":250,"props":251,"children":253},"h2",{"id":252},"usage",[254],{"type":223,"value":255},"Usage",{"type":217,"tag":257,"props":258,"children":264},"pre",{"className":259,"code":260,"language":261,"meta":262,"style":263},"language-bash","# From the official Spin registry\nspin new myapp official\u002Fvite-react\n\n# Directly from the template repository\nspin new myapp https:\u002F\u002Fgithub.com\u002Fspin-templates\u002Fvite-react\n","bash","","undefined",[265],{"type":217,"tag":266,"props":267,"children":268},"code",{"__ignoreMap":262},[269],{"type":223,"value":260},{"type":217,"tag":250,"props":271,"children":273},{"id":272},"parameters",[274],{"type":223,"value":275},"Parameters",{"type":217,"tag":277,"props":278,"children":279},"table",{},[280,309],{"type":217,"tag":281,"props":282,"children":283},"thead",{},[284],{"type":217,"tag":285,"props":286,"children":287},"tr",{},[288,294,299,304],{"type":217,"tag":289,"props":290,"children":291},"th",{},[292],{"type":223,"value":293},"Parameter",{"type":217,"tag":289,"props":295,"children":296},{},[297],{"type":223,"value":298},"Type",{"type":217,"tag":289,"props":300,"children":301},{},[302],{"type":223,"value":303},"Description",{"type":217,"tag":289,"props":305,"children":306},{},[307],{"type":223,"value":308},"Default",{"type":217,"tag":310,"props":311,"children":312},"tbody",{},[313,336,355,375,394,413,432,452,471,490,509],{"type":217,"tag":285,"props":314,"children":315},{},[316,322,326,331],{"type":217,"tag":317,"props":318,"children":319},"td",{},[320],{"type":223,"value":321},"project_name",{"type":217,"tag":317,"props":323,"children":324},{},[325],{"type":223,"value":223},{"type":217,"tag":317,"props":327,"children":328},{},[329],{"type":223,"value":330},"Project name (auto-injected by Spin)",{"type":217,"tag":317,"props":332,"children":333},{},[334],{"type":223,"value":335},"—",{"type":217,"tag":285,"props":337,"children":338},{},[339,343,347,351],{"type":217,"tag":317,"props":340,"children":341},{},[342],{"type":223,"value":165},{"type":217,"tag":317,"props":344,"children":345},{},[346],{"type":223,"value":166},{"type":217,"tag":317,"props":348,"children":349},{},[350],{"type":223,"value":167},{"type":217,"tag":317,"props":352,"children":353},{},[354],{"type":223,"value":157},{"type":217,"tag":285,"props":356,"children":357},{},[358,362,366,370],{"type":217,"tag":317,"props":359,"children":360},{},[361],{"type":223,"value":170},{"type":217,"tag":317,"props":363,"children":364},{},[365],{"type":223,"value":171},{"type":217,"tag":317,"props":367,"children":368},{},[369],{"type":223,"value":172},{"type":217,"tag":317,"props":371,"children":372},{},[373],{"type":223,"value":374},"false",{"type":217,"tag":285,"props":376,"children":377},{},[378,382,386,390],{"type":217,"tag":317,"props":379,"children":380},{},[381],{"type":223,"value":174},{"type":217,"tag":317,"props":383,"children":384},{},[385],{"type":223,"value":171},{"type":217,"tag":317,"props":387,"children":388},{},[389],{"type":223,"value":175},{"type":217,"tag":317,"props":391,"children":392},{},[393],{"type":223,"value":374},{"type":217,"tag":285,"props":395,"children":396},{},[397,401,405,409],{"type":217,"tag":317,"props":398,"children":399},{},[400],{"type":223,"value":177},{"type":217,"tag":317,"props":402,"children":403},{},[404],{"type":223,"value":166},{"type":217,"tag":317,"props":406,"children":407},{},[408],{"type":223,"value":178},{"type":217,"tag":317,"props":410,"children":411},{},[412],{"type":223,"value":179},{"type":217,"tag":285,"props":414,"children":415},{},[416,420,424,428],{"type":217,"tag":317,"props":417,"children":418},{},[419],{"type":223,"value":185},{"type":217,"tag":317,"props":421,"children":422},{},[423],{"type":223,"value":171},{"type":217,"tag":317,"props":425,"children":426},{},[427],{"type":223,"value":186},{"type":217,"tag":317,"props":429,"children":430},{},[431],{"type":223,"value":374},{"type":217,"tag":285,"props":433,"children":434},{},[435,439,443,447],{"type":217,"tag":317,"props":436,"children":437},{},[438],{"type":223,"value":188},{"type":217,"tag":317,"props":440,"children":441},{},[442],{"type":223,"value":171},{"type":217,"tag":317,"props":444,"children":445},{},[446],{"type":223,"value":189},{"type":217,"tag":317,"props":448,"children":449},{},[450],{"type":223,"value":451},"true",{"type":217,"tag":285,"props":453,"children":454},{},[455,459,463,467],{"type":217,"tag":317,"props":456,"children":457},{},[458],{"type":223,"value":192},{"type":217,"tag":317,"props":460,"children":461},{},[462],{"type":223,"value":193},{"type":217,"tag":317,"props":464,"children":465},{},[466],{"type":223,"value":194},{"type":217,"tag":317,"props":468,"children":469},{},[470],{"type":223,"value":335},{"type":217,"tag":285,"props":472,"children":473},{},[474,478,482,486],{"type":217,"tag":317,"props":475,"children":476},{},[477],{"type":223,"value":197},{"type":217,"tag":317,"props":479,"children":480},{},[481],{"type":223,"value":171},{"type":217,"tag":317,"props":483,"children":484},{},[485],{"type":223,"value":198},{"type":217,"tag":317,"props":487,"children":488},{},[489],{"type":223,"value":451},{"type":217,"tag":285,"props":491,"children":492},{},[493,497,501,505],{"type":217,"tag":317,"props":494,"children":495},{},[496],{"type":223,"value":200},{"type":217,"tag":317,"props":498,"children":499},{},[500],{"type":223,"value":171},{"type":217,"tag":317,"props":502,"children":503},{},[504],{"type":223,"value":201},{"type":217,"tag":317,"props":506,"children":507},{},[508],{"type":223,"value":451},{"type":217,"tag":285,"props":510,"children":511},{},[512,516,520,524],{"type":217,"tag":317,"props":513,"children":514},{},[515],{"type":223,"value":203},{"type":217,"tag":317,"props":517,"children":518},{},[519],{"type":223,"value":171},{"type":217,"tag":317,"props":521,"children":522},{},[523],{"type":223,"value":204},{"type":217,"tag":317,"props":525,"children":526},{},[527],{"type":223,"value":374},{"type":217,"tag":250,"props":529,"children":531},{"id":530},"variants",[532],{"type":223,"value":533},"Variants",{"type":217,"tag":535,"props":536,"children":537},"ul",{},[538,569],{"type":217,"tag":539,"props":540,"children":541},"li",{},[542,546,548,554,556,562,563],{"type":217,"tag":242,"props":543,"children":544},{},[545],{"type":223,"value":156},{"type":223,"value":547},": React with ",{"type":217,"tag":266,"props":549,"children":551},{"className":550},[],[552],{"type":223,"value":553},"vite.config.js",{"type":223,"value":555},", ",{"type":217,"tag":266,"props":557,"children":559},{"className":558},[],[560],{"type":223,"value":561},"src\u002FApp.jsx",{"type":223,"value":555},{"type":217,"tag":266,"props":564,"children":566},{"className":565},[],[567],{"type":223,"value":568},"src\u002Fmain.jsx",{"type":217,"tag":539,"props":570,"children":571},{},[572,576,578,584,585,591,592,598,599],{"type":217,"tag":242,"props":573,"children":574},{},[575],{"type":223,"value":157},{"type":223,"value":577},": React + TypeScript with ",{"type":217,"tag":266,"props":579,"children":581},{"className":580},[],[582],{"type":223,"value":583},"vite.config.ts",{"type":223,"value":555},{"type":217,"tag":266,"props":586,"children":588},{"className":587},[],[589],{"type":223,"value":590},"tsconfig*.json",{"type":223,"value":555},{"type":217,"tag":266,"props":593,"children":595},{"className":594},[],[596],{"type":223,"value":597},"src\u002FApp.tsx",{"type":223,"value":555},{"type":217,"tag":266,"props":600,"children":602},{"className":601},[],[603],{"type":223,"value":604},"src\u002Fmain.tsx",{"type":217,"tag":250,"props":606,"children":608},{"id":607},"hooks",[609],{"type":223,"value":70},{"type":217,"tag":611,"props":612,"children":614},"h3",{"id":613},"post-hooks",[615],{"type":223,"value":616},"Post-hooks",{"type":217,"tag":535,"props":618,"children":619},{},[620,631],{"type":217,"tag":539,"props":621,"children":622},{},[623,629],{"type":217,"tag":266,"props":624,"children":626},{"className":625},[],[627],{"type":223,"value":628},"git init && git add -A && git commit -m \"Initial commit - Spin\"",{"type":223,"value":630}," — initializes git repo (when git_init is true)",{"type":217,"tag":539,"props":632,"children":633},{},[634,639],{"type":217,"tag":266,"props":635,"children":637},{"className":636},[],[638],{"type":223,"value":208},{"type":223,"value":640}," — installs project dependencies",{"type":217,"tag":225,"props":642,"children":643},{},[644,646],{"type":223,"value":645},"License ",{"type":217,"tag":231,"props":647,"children":649},{"href":648},".\u002FLICENSE",[650],{"type":223,"value":161},{"type":217,"tag":652,"props":653,"children":654},"style",{},[655],{"type":223,"value":262},{"title":262,"searchDepth":657,"depth":657,"links":658},2,[659,660,661,662],{"id":252,"depth":657,"text":255},{"id":272,"depth":657,"text":275},{"id":530,"depth":657,"text":533},{"id":607,"depth":657,"text":70,"children":663},[664],{"id":613,"depth":665,"text":616},3,1787755188633]