[{"data":1,"prerenderedAt":218},["ShallowReactive",2],{"mobile-docs-navigation":3,"command-menu-docs":46,"navigation":63,"mobile-docs-page-meta":78,"docs-pages-category":90,"\u002Fdocs\u002Fgetting-started\u002Finstallation":99,"surround-\u002Fdocs\u002Fgetting-started\u002Finstallation":215},[4],{"title":5,"path":6,"stem":7,"children":8,"page":45},"Docs","\u002Fdocs","docs",[9,19],{"title":10,"path":11,"stem":12,"children":13},"Introduction","\u002Fdocs\u002Fgetting-started","docs\u002F1.getting-started\u002F1.index",[14,15],{"title":10,"path":11,"stem":12},{"title":16,"path":17,"stem":18},"Installation","\u002Fdocs\u002Fgetting-started\u002Finstallation","docs\u002F1.getting-started\u002F2.installation",{"title":20,"path":21,"stem":22,"children":23},"Components","\u002Fdocs\u002Fcomponents","docs\u002F2.components\u002F0.index",[24,25,29,33,37,41],{"title":20,"path":21,"stem":22},{"title":26,"path":27,"stem":28},"LucideIcon","\u002Fdocs\u002Fcomponents\u002Flucide-icon","docs\u002F2.components\u002F1.lucide-icon",{"title":30,"path":31,"stem":32},"ChatMessage","\u002Fdocs\u002Fcomponents\u002Fchat-message","docs\u002F2.components\u002F2.chat-message",{"title":34,"path":35,"stem":36},"ChatMessages","\u002Fdocs\u002Fcomponents\u002Fchat-messages","docs\u002F2.components\u002F3.chat-messages",{"title":38,"path":39,"stem":40},"ChatPrompt","\u002Fdocs\u002Fcomponents\u002Fchat-prompt","docs\u002F2.components\u002F4.chat-prompt",{"title":42,"path":43,"stem":44},"ChatPromptSubmit","\u002Fdocs\u002Fcomponents\u002Fchat-prompt-submit","docs\u002F2.components\u002F5.chat-prompt-submit",false,[47,49,51,53,55,57,59,61],{"path":31,"title":30,"description":48},"Render a single chat message with AI SDK parts, actions, and layout control for Nuxt chat interfaces.",{"path":35,"title":34,"description":50},"Manage chat message lists with scrolling behavior, loading states, and action-ready assistant output.",{"path":39,"title":38,"description":52},"Build chat input flows with an auto-resizing prompt, keyboard shortcuts, and flexible slot composition.",{"path":43,"title":42,"description":54},"Handle chat submit, stop, and retry actions with a status-aware control for prompt workflows.",{"path":21,"title":20,"description":56},"Explore reusable components that complement Nuxt templates and real app workflows.",{"path":17,"title":16,"description":58},"Start from templates or install individual components in your Nuxt project.",{"path":11,"title":10,"description":60},"Stackhacker UI is an open-source collection of Nuxt templates and components for the shadcn-vue community.",{"path":27,"title":26,"description":62},"Use Lucide icons in Nuxt projects with shadcn-vue-friendly naming and component support.",[64],{"title":5,"path":6,"stem":7,"children":65,"page":45},[66,70],{"title":10,"path":11,"stem":12,"children":67},[68,69],{"title":10,"path":11,"stem":12},{"title":16,"path":17,"stem":18},{"title":20,"path":21,"stem":22,"children":71},[72,73,74,75,76,77],{"title":20,"path":21,"stem":22},{"title":26,"path":27,"stem":28},{"title":30,"path":31,"stem":32},{"title":34,"path":35,"stem":36},{"title":38,"path":39,"stem":40},{"title":42,"path":43,"stem":44},[79,81,82,83,85,87,88,89],{"path":11,"category":80},"overview",{"path":17,"category":80},{"path":21,"category":80},{"path":27,"category":84},"element",{"path":31,"category":86},"chat",{"path":35,"category":86},{"path":39,"category":86},{"path":43,"category":86},[91,92,93,94,95,96,97,98],{"path":11,"category":80},{"path":17,"category":80},{"path":21,"category":80},{"path":27,"category":84},{"path":31,"category":86},{"path":35,"category":86},{"path":39,"category":86},{"path":43,"category":86},{"id":100,"title":16,"body":101,"category":80,"description":58,"extension":210,"meta":211,"navigation":212,"path":17,"seo":213,"stem":18,"__hash__":214},"docs\u002Fdocs\u002F1.getting-started\u002F2.installation.md",{"type":102,"value":103,"toc":202},"minimark",[104,109,114,118,130,134,137,142,152,156,159,170,177,181,184,192,196],[105,106,108],"h2",{"id":107},"choose-your-path","Choose your path",[110,111,113],"h3",{"id":112},"_1-start-from-a-template-recommended","1. Start from a template (recommended)",[115,116,117],"p",{},"If you want the fastest path to a working app, start with a template.\nSome templates include full-stack foundations so you can move from setup to customization quickly.",[119,120,121],"ul",{},[122,123,124,125],"li",{},"Browse templates: ",[126,127,129],"a",{"href":128},"\u002Ftemplates","Templates",[110,131,133],{"id":132},"_2-install-individual-components","2. Install individual components",[115,135,136],{},"If you already have a project and only need specific blocks, install components directly from this registry.",[138,139,141],"h4",{"id":140},"prerequisites","Prerequisites",[115,143,144,145,151],{},"A Nuxt project with shadcn-vue already configured. If you haven't set up shadcn-vue yet, follow the ",[126,146,150],{"href":147,"rel":148},"https:\u002F\u002Fwww.shadcn-vue.com\u002Fdocs\u002Finstallation\u002Fnuxt.html",[149],"nofollow","official guide",".",[138,153,155],{"id":154},"install-a-component","Install a component",[115,157,158],{},"Use the shadcn-vue CLI to add components from this registry:",[160,161,167],"pre",{"className":162,"code":164,"language":165,"meta":166},[163],"language-bash","npx shadcn-vue@latest add \"https:\u002F\u002Fui.stackhacker.io\u002Fr\u002Flucide-icon.json\"\n","bash","",[168,169,164],"code",{"__ignoreMap":166},[115,171,172,173,176],{},"This will install the component source into your ",[168,174,175],{},"components\u002Fui\u002F"," directory.",[138,178,180],{"id":179},"usage","Usage",[115,182,183],{},"Import and use the component in your app:",[160,185,190],{"className":186,"code":188,"language":189,"meta":166},[187],"language-vue","\u003Cscript setup lang=\"ts\">\nimport { LucideIcon } from '@\u002Fcomponents\u002Fui\u002Flucide-icon'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CLucideIcon name=\"i-lucide-sun\" class=\"size-6\" \u002F>\n\u003C\u002Ftemplate>\n","vue",[168,191,188],{"__ignoreMap":166},[138,193,195],{"id":194},"available-components","Available components",[115,197,198,199,201],{},"Browse ",[126,200,20],{"href":21}," to find all available blocks with demos and API references.",{"title":166,"searchDepth":203,"depth":203,"links":204},2,[205],{"id":107,"depth":203,"text":108,"children":206},[207,209],{"id":112,"depth":208,"text":113},3,{"id":132,"depth":208,"text":133},"md",{},true,{"title":16,"description":58},"DDSGlvx_hey8oaAC-p5fQ00lFUMQUtvQBKfxh7Ptta0",[216,217],{"title":10,"path":11,"stem":12,"children":-1},{"title":20,"path":21,"stem":22,"children":-1},1777561254429]