[{"data":1,"prerenderedAt":242},["ShallowReactive",2],{"mobile-docs-navigation":3,"command-menu-docs":58,"navigation":81,"mobile-docs-page-meta":99,"docs-pages-category":115,"\u002Fdocs\u002Fgetting-started\u002Finstallation":127,"surround-\u002Fdocs\u002Fgetting-started\u002Finstallation":239},[4],{"title":5,"path":6,"stem":7,"children":8,"page":57},"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,45,49,53],{"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",{"title":46,"path":47,"stem":48},"DocsSearchModal","\u002Fdocs\u002Fcomponents\u002Fdocs-search-modal","docs\u002F2.components\u002F6.docs-search-modal",{"title":50,"path":51,"stem":52},"PricingPlans","\u002Fdocs\u002Fcomponents\u002Fpricing-plans","docs\u002F2.components\u002F7.pricing-plans",{"title":54,"path":55,"stem":56},"ReasoningDisclosure","\u002Fdocs\u002Fcomponents\u002Freasoning-disclosure","docs\u002F2.components\u002F8.reasoning-disclosure",false,[59,61,63,65,67,69,71,73,75,77,79],{"path":27,"title":26,"description":60},"Build Nuxt chat interfaces with installable shadcn-vue components you own and compose.",{"path":31,"title":30,"description":62},"Render an individual chat message bubble with AI SDK parts, actions, and layout control.",{"path":35,"title":34,"description":64},"Compose chat message lists with scrolling behavior, loading states, and action-ready assistant output.",{"path":39,"title":38,"description":66},"Build chat input flows with an auto-resizing prompt, keyboard shortcuts, and flexible slot composition.",{"path":43,"title":42,"description":68},"Handle chat submit, stop, and retry actions with a status-aware control for prompt workflows.",{"path":21,"title":20,"description":70},"Explore reusable components that complement Nuxt templates and real app workflows.",{"path":47,"title":46,"description":72},"Add a lightweight local search modal to Nuxt documentation interfaces.",{"path":17,"title":16,"description":74},"Start from templates or install individual components in your Nuxt project.",{"path":11,"title":10,"description":76},"Stackhacker UI is an open-source collection of Nuxt templates and components for the shadcn-vue community.",{"path":51,"title":50,"description":78},"Render a responsive pricing plan section from app-owned data.",{"path":55,"title":54,"description":80},"Show app-owned AI reasoning text in a compact collapsible disclosure.",[82],{"title":5,"path":6,"stem":7,"children":83,"page":57},[84,88],{"title":10,"path":11,"stem":12,"children":85},[86,87],{"title":10,"path":11,"stem":12},{"title":16,"path":17,"stem":18},{"title":20,"path":21,"stem":22,"children":89},[90,91,92,93,94,95,96,97,98],{"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},{"title":46,"path":47,"stem":48},{"title":50,"path":51,"stem":52},{"title":54,"path":55,"stem":56},[100,102,103,104,106,107,108,109,110,112,114],{"path":11,"category":101},"overview",{"path":17,"category":101},{"path":21,"category":101},{"path":27,"category":105},"chat",{"path":31,"category":105},{"path":35,"category":105},{"path":39,"category":105},{"path":43,"category":105},{"path":47,"category":111},"content",{"path":51,"category":113},"marketing",{"path":55,"category":105},[116,117,118,119,120,121,122,123,124,125,126],{"path":11,"category":101},{"path":17,"category":101},{"path":21,"category":101},{"path":27,"category":105},{"path":31,"category":105},{"path":35,"category":105},{"path":39,"category":105},{"path":43,"category":105},{"path":47,"category":111},{"path":51,"category":113},{"path":55,"category":105},{"id":128,"title":16,"body":129,"category":101,"description":74,"extension":234,"meta":235,"navigation":236,"path":17,"seo":237,"stem":18,"__hash__":238},"docs\u002Fdocs\u002F1.getting-started\u002F2.installation.md",{"type":130,"value":131,"toc":226},"minimark",[132,137,142,146,158,162,165,170,180,184,187,198,201,205,208,216,220],[133,134,136],"h2",{"id":135},"choose-your-path","Choose your path",[138,139,141],"h3",{"id":140},"_1-start-from-a-template-recommended","1. Start from a template (recommended)",[143,144,145],"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.",[147,148,149],"ul",{},[150,151,152,153],"li",{},"Browse templates: ",[154,155,157],"a",{"href":156},"\u002Ftemplates","Templates",[138,159,161],{"id":160},"_2-install-individual-components","2. Install individual components",[143,163,164],{},"If you already have a project and only need specific blocks, install components directly from this registry.",[166,167,169],"h4",{"id":168},"prerequisites","Prerequisites",[143,171,172,173,179],{},"A Nuxt project with shadcn-vue already configured. If you haven't set up shadcn-vue yet, follow the ",[154,174,178],{"href":175,"rel":176},"https:\u002F\u002Fwww.shadcn-vue.com\u002Fdocs\u002Finstallation\u002Fnuxt.html",[177],"nofollow","official guide",".",[166,181,183],{"id":182},"install-a-component","Install a component",[143,185,186],{},"Use the shadcn-vue CLI to add components from this registry:",[188,189,195],"pre",{"className":190,"code":192,"language":193,"meta":194},[191],"language-bash","npx shadcn-vue@latest add \"https:\u002F\u002Fui.stackhacker.io\u002Fr\u002Fchat-messages.json\"\n","bash","",[196,197,192],"code",{"__ignoreMap":194},[143,199,200],{},"This installs the message list component and its registry dependencies into your project.",[166,202,204],{"id":203},"usage","Usage",[143,206,207],{},"Import and use the component in your app:",[188,209,214],{"className":210,"code":212,"language":213,"meta":194},[211],"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",[196,215,212],{"__ignoreMap":194},[166,217,219],{"id":218},"available-components","Available components",[143,221,222,223,225],{},"Browse ",[154,224,20],{"href":21}," to find all available blocks with demos and API references.",{"title":194,"searchDepth":227,"depth":227,"links":228},2,[229],{"id":135,"depth":227,"text":136,"children":230},[231,233],{"id":140,"depth":232,"text":141},3,{"id":160,"depth":232,"text":161},"md",{},true,{"title":16,"description":74},"OTfAfEXNyuc6nRMth6kCdLSNqHH1mLTxx9zUmKkL3-M",[240,241],{"title":10,"path":11,"stem":12,"children":-1},{"title":20,"path":21,"stem":22,"children":-1},1782364164272]