[{"data":1,"prerenderedAt":213},["ShallowReactive",2],{"mobile-docs-navigation":3,"command-menu-docs":46,"navigation":63,"mobile-docs-page-meta":78,"docs-pages-category":89,"\u002Fdocs\u002Fgetting-started\u002Finstallation":98,"surround-\u002Fdocs\u002Fgetting-started\u002Finstallation":210},[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},"Chat","\u002Fdocs\u002Fcomponents\u002Fchat","docs\u002F2.components\u002F1.chat",{"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":27,"title":26,"description":48},"Build Nuxt chat interfaces with installable shadcn-vue components you own and compose.",{"path":31,"title":30,"description":50},"Render an individual chat message bubble with AI SDK parts, actions, and layout control.",{"path":35,"title":34,"description":52},"Compose chat message lists with scrolling behavior, loading states, and action-ready assistant output.",{"path":39,"title":38,"description":54},"Build chat input flows with an auto-resizing prompt, keyboard shortcuts, and flexible slot composition.",{"path":43,"title":42,"description":56},"Handle chat submit, stop, and retry actions with a status-aware control for prompt workflows.",{"path":21,"title":20,"description":58},"Explore reusable components that complement Nuxt templates and real app workflows.",{"path":17,"title":16,"description":60},"Start from templates or install individual components in your Nuxt project.",{"path":11,"title":10,"description":62},"Stackhacker UI is an open-source collection of Nuxt templates and components for the shadcn-vue community.",[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,86,87,88],{"path":11,"category":80},"overview",{"path":17,"category":80},{"path":21,"category":80},{"path":27,"category":84},"chat",{"path":31,"category":84},{"path":35,"category":84},{"path":39,"category":84},{"path":43,"category":84},[90,91,92,93,94,95,96,97],{"path":11,"category":80},{"path":17,"category":80},{"path":21,"category":80},{"path":27,"category":84},{"path":31,"category":84},{"path":35,"category":84},{"path":39,"category":84},{"path":43,"category":84},{"id":99,"title":16,"body":100,"category":80,"description":60,"extension":205,"meta":206,"navigation":207,"path":17,"seo":208,"stem":18,"__hash__":209},"docs\u002Fdocs\u002F1.getting-started\u002F2.installation.md",{"type":101,"value":102,"toc":197},"minimark",[103,108,113,117,129,133,136,141,151,155,158,169,172,176,179,187,191],[104,105,107],"h2",{"id":106},"choose-your-path","Choose your path",[109,110,112],"h3",{"id":111},"_1-start-from-a-template-recommended","1. Start from a template (recommended)",[114,115,116],"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.",[118,119,120],"ul",{},[121,122,123,124],"li",{},"Browse templates: ",[125,126,128],"a",{"href":127},"\u002Ftemplates","Templates",[109,130,132],{"id":131},"_2-install-individual-components","2. Install individual components",[114,134,135],{},"If you already have a project and only need specific blocks, install components directly from this registry.",[137,138,140],"h4",{"id":139},"prerequisites","Prerequisites",[114,142,143,144,150],{},"A Nuxt project with shadcn-vue already configured. If you haven't set up shadcn-vue yet, follow the ",[125,145,149],{"href":146,"rel":147},"https:\u002F\u002Fwww.shadcn-vue.com\u002Fdocs\u002Finstallation\u002Fnuxt.html",[148],"nofollow","official guide",".",[137,152,154],{"id":153},"install-a-component","Install a component",[114,156,157],{},"Use the shadcn-vue CLI to add components from this registry:",[159,160,166],"pre",{"className":161,"code":163,"language":164,"meta":165},[162],"language-bash","npx shadcn-vue@latest add \"https:\u002F\u002Fui.stackhacker.io\u002Fr\u002Fchat-messages.json\"\n","bash","",[167,168,163],"code",{"__ignoreMap":165},[114,170,171],{},"This installs the message list component and its registry dependencies into your project.",[137,173,175],{"id":174},"usage","Usage",[114,177,178],{},"Import and use the component in your app:",[159,180,185],{"className":181,"code":183,"language":184,"meta":165},[182],"language-vue","\u003Cscript setup lang=\"ts\">\nimport { ChatMessages } from '@\u002Fcomponents\u002Fchat-messages'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CChatMessages :messages=\"messages\" :status=\"status\" should-auto-scroll \u002F>\n\u003C\u002Ftemplate>\n","vue",[167,186,183],{"__ignoreMap":165},[137,188,190],{"id":189},"available-components","Available components",[114,192,193,194,196],{},"Browse ",[125,195,20],{"href":21}," to find all available blocks with demos and API references.",{"title":165,"searchDepth":198,"depth":198,"links":199},2,[200],{"id":106,"depth":198,"text":107,"children":201},[202,204],{"id":111,"depth":203,"text":112},3,{"id":131,"depth":203,"text":132},"md",{},true,{"title":16,"description":60},"OTfAfEXNyuc6nRMth6kCdLSNqHH1mLTxx9zUmKkL3-M",[211,212],{"title":10,"path":11,"stem":12,"children":-1},{"title":20,"path":21,"stem":22,"children":-1},1782298911238]