[{"data":1,"prerenderedAt":496},["ShallowReactive",2],{"mobile-docs-navigation":3,"command-menu-docs":74,"navigation":105,"mobile-docs-page-meta":127,"docs-pages-category":147,"\u002Fdocs\u002Fcomponents\u002Fchat-prompt":163,"surround-\u002Fdocs\u002Fcomponents\u002Fchat-prompt":493},[4],{"title":5,"path":6,"stem":7,"children":8,"page":73},"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,57,61,65,69],{"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},"PolaroidCard","\u002Fdocs\u002Fcomponents\u002Fpolaroid-card","docs\u002F2.components\u002F10.polaroid-card",{"title":34,"path":35,"stem":36},"ChatMessage","\u002Fdocs\u002Fcomponents\u002Fchat-message","docs\u002F2.components\u002F2.chat-message",{"title":38,"path":39,"stem":40},"ChatMessages","\u002Fdocs\u002Fcomponents\u002Fchat-messages","docs\u002F2.components\u002F3.chat-messages",{"title":42,"path":43,"stem":44},"ChatPrompt","\u002Fdocs\u002Fcomponents\u002Fchat-prompt","docs\u002F2.components\u002F4.chat-prompt",{"title":46,"path":47,"stem":48},"ChatPromptSubmit","\u002Fdocs\u002Fcomponents\u002Fchat-prompt-submit","docs\u002F2.components\u002F5.chat-prompt-submit",{"title":50,"path":51,"stem":52},"DocsSearchModal","\u002Fdocs\u002Fcomponents\u002Fdocs-search-modal","docs\u002F2.components\u002F6.docs-search-modal",{"title":54,"path":55,"stem":56},"PricingPlans","\u002Fdocs\u002Fcomponents\u002Fpricing-plans","docs\u002F2.components\u002F7.pricing-plans",{"title":58,"path":59,"stem":60},"PageToc","\u002Fdocs\u002Fcomponents\u002Fpage-toc","docs\u002F2.components\u002F8.page-toc",{"title":62,"path":63,"stem":64},"ReasoningDisclosure","\u002Fdocs\u002Fcomponents\u002Freasoning-disclosure","docs\u002F2.components\u002F8.reasoning-disclosure",{"title":66,"path":67,"stem":68},"DocsPager","\u002Fdocs\u002Fcomponents\u002Fdocs-pager","docs\u002F2.components\u002F9.docs-pager",{"title":70,"path":71,"stem":72},"HomeCta","\u002Fdocs\u002Fcomponents\u002Fhome-cta","docs\u002F2.components\u002F9.home-cta",false,[75,77,79,81,83,85,87,89,91,93,95,97,99,101,103],{"path":27,"title":26,"description":76},"Build Nuxt chat interfaces with installable shadcn-vue components you own and compose.",{"path":35,"title":34,"description":78},"Render an individual chat message bubble with AI SDK parts, actions, and layout control.",{"path":39,"title":38,"description":80},"Compose chat message lists with scrolling behavior, loading states, and action-ready assistant output.",{"path":43,"title":42,"description":82},"Build chat input flows with an auto-resizing prompt, keyboard shortcuts, and flexible slot composition.",{"path":47,"title":46,"description":84},"Handle chat submit, stop, and retry actions with a status-aware control for prompt workflows.",{"path":21,"title":20,"description":86},"Explore reusable components that complement Nuxt templates and real app workflows.",{"path":67,"title":66,"description":88},"Render previous and next documentation links from app-owned page data.",{"path":51,"title":50,"description":90},"Add a lightweight local search modal to Nuxt documentation interfaces.",{"path":71,"title":70,"description":92},"Render a centered marketing CTA section with an integrated starfield background.",{"path":17,"title":16,"description":94},"Start from templates or install individual components in your Nuxt project.",{"path":11,"title":10,"description":96},"Stackhacker UI is an open-source collection of Nuxt templates and components for the shadcn-vue community.",{"path":59,"title":58,"description":98},"Render an on-page table of contents from app-supplied heading links.",{"path":31,"title":30,"description":100},"Render a tilted photo card with app-owned image data and explicit presentation controls.",{"path":55,"title":54,"description":102},"Render a responsive pricing plan section from app-owned data.",{"path":63,"title":62,"description":104},"Show app-owned AI reasoning text in a compact collapsible disclosure.",[106],{"title":5,"path":6,"stem":7,"children":107,"page":73},[108,112],{"title":10,"path":11,"stem":12,"children":109},[110,111],{"title":10,"path":11,"stem":12},{"title":16,"path":17,"stem":18},{"title":20,"path":21,"stem":22,"children":113},[114,115,116,117,118,119,120,121,122,123,124,125,126],{"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},{"title":58,"path":59,"stem":60},{"title":62,"path":63,"stem":64},{"title":66,"path":67,"stem":68},{"title":70,"path":71,"stem":72},[128,130,131,132,134,136,137,138,139,140,141,143,144,145,146],{"path":11,"category":129},"overview",{"path":17,"category":129},{"path":21,"category":129},{"path":27,"category":133},"chat",{"path":31,"category":135},"content",{"path":35,"category":133},{"path":39,"category":133},{"path":43,"category":133},{"path":47,"category":133},{"path":51,"category":135},{"path":55,"category":142},"marketing",{"path":59,"category":135},{"path":63,"category":133},{"path":67,"category":135},{"path":71,"category":142},[148,149,150,151,152,153,154,155,156,157,158,159,160,161,162],{"path":11,"category":129},{"path":17,"category":129},{"path":21,"category":129},{"path":27,"category":133},{"path":31,"category":135},{"path":35,"category":133},{"path":39,"category":133},{"path":43,"category":133},{"path":47,"category":133},{"path":51,"category":135},{"path":55,"category":142},{"path":59,"category":135},{"path":63,"category":133},{"path":67,"category":135},{"path":71,"category":142},{"id":164,"title":42,"body":165,"category":133,"description":82,"extension":488,"meta":489,"navigation":490,"path":43,"seo":491,"stem":44,"__hash__":492},"docs\u002Fdocs\u002F2.components\u002F4.chat-prompt.md",{"type":166,"value":167,"toc":473},"minimark",[168,172,176,187,191,199,203,208,210,214,218,354,358,402,406,439,443],[169,170],"component-preview",{"name":171},"ChatPromptDemo",[173,174,16],"h2",{"id":175},"installation",[177,178,184],"pre",{"className":179,"code":181,"language":182,"meta":183},[180],"language-bash","npx shadcn-vue@latest add \"https:\u002F\u002Fui.stackhacker.io\u002Fr\u002Fchat-prompt.json\"\n","bash","",[185,186,181],"code",{"__ignoreMap":183},[173,188,190],{"id":189},"usage","Usage",[177,192,197],{"className":193,"code":195,"language":196,"meta":183},[194],"language-vue","\u003Cscript setup lang=\"ts\">\nimport { ChatPrompt } from '@\u002Fcomponents\u002Fchat-prompt'\n\nconst input = ref('')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CChatPrompt v-model=\"input\" @submit=\"handleSubmit\" \u002F>\n\u003C\u002Ftemplate>\n","vue",[185,198,195],{"__ignoreMap":183},[173,200,202],{"id":201},"examples","Examples",[204,205,207],"h3",{"id":206},"default","Default",[169,209],{"name":171},[173,211,213],{"id":212},"api-reference","API Reference",[204,215,217],{"id":216},"props","Props",[219,220,221,239],"table",{},[222,223,224],"thead",{},[225,226,227,231,234,236],"tr",{},[228,229,230],"th",{},"Prop",[228,232,233],{},"Type",[228,235,207],{},[228,237,238],{},"Description",[240,241,242,263,282,302,320,338],"tbody",{},[225,243,244,250,255,260],{},[245,246,247],"td",{},[185,248,249],{},"modelValue",[245,251,252],{},[185,253,254],{},"string",[245,256,257],{},[185,258,259],{},"''",[245,261,262],{},"Current input value (v-model).",[225,264,265,270,274,279],{},[245,266,267],{},[185,268,269],{},"placeholder",[245,271,272],{},[185,273,254],{},[245,275,276],{},[185,277,278],{},"'Type your message here...'",[245,280,281],{},"Textarea placeholder text.",[225,283,284,289,294,299],{},[245,285,286],{},[185,287,288],{},"disabled",[245,290,291],{},[185,292,293],{},"boolean",[245,295,296],{},[185,297,298],{},"false",[245,300,301],{},"Disable the prompt.",[225,303,304,309,313,317],{},[245,305,306],{},[185,307,308],{},"autofocus",[245,310,311],{},[185,312,293],{},[245,314,315],{},[185,316,298],{},[245,318,319],{},"Auto-focus the textarea on mount.",[225,321,322,327,332,335],{},[245,323,324],{},[185,325,326],{},"error",[245,328,329],{},[185,330,331],{},"Error | null",[245,333,334],{},"—",[245,336,337],{},"Error state.",[225,339,340,345,349,351],{},[245,341,342],{},[185,343,344],{},"class",[245,346,347],{},[185,348,254],{},[245,350,334],{},[245,352,353],{},"Additional CSS classes.",[204,355,357],{"id":356},"emits","Emits",[219,359,360,372],{},[222,361,362],{},[225,363,364,367,370],{},[228,365,366],{},"Event",[228,368,369],{},"Payload",[228,371,238],{},[240,373,374,388],{},[225,375,376,381,385],{},[245,377,378],{},[185,379,380],{},"update:modelValue",[245,382,383],{},[185,384,254],{},[245,386,387],{},"Emitted when the input value changes.",[225,389,390,395,399],{},[245,391,392],{},[185,393,394],{},"submit",[245,396,397],{},[185,398,366],{},[245,400,401],{},"Emitted when Enter is pressed (without Shift) or the form is submitted.",[204,403,405],{"id":404},"slots","Slots",[219,407,408,417],{},[222,409,410],{},[225,411,412,415],{},[228,413,414],{},"Slot",[228,416,238],{},[240,418,419,429],{},[225,420,421,426],{},[245,422,423],{},[185,424,425],{},"header",[245,427,428],{},"Content rendered above the textarea.",[225,430,431,436],{},[245,432,433],{},[185,434,435],{},"footer",[245,437,438],{},"Content rendered below the textarea, typically for action buttons.",[204,440,442],{"id":441},"expose","Expose",[219,444,445,456],{},[222,446,447],{},[225,448,449,452,454],{},[228,450,451],{},"Name",[228,453,233],{},[228,455,238],{},[240,457,458],{},[225,459,460,465,470],{},[245,461,462],{},[185,463,464],{},"textareaRef",[245,466,467],{},[185,468,469],{},"Ref\u003CHTMLTextAreaElement>",[245,471,472],{},"Reference to the underlying textarea element.",{"title":183,"searchDepth":474,"depth":474,"links":475},2,[476,477,478,482],{"id":175,"depth":474,"text":16},{"id":189,"depth":474,"text":190},{"id":201,"depth":474,"text":202,"children":479},[480],{"id":206,"depth":481,"text":207},3,{"id":212,"depth":474,"text":213,"children":483},[484,485,486,487],{"id":216,"depth":481,"text":217},{"id":356,"depth":481,"text":357},{"id":404,"depth":481,"text":405},{"id":441,"depth":481,"text":442},"md",{},true,{"title":42,"description":82},"uRbFfCuV9ADf1LPMURN5JfdEjj61jT-VckhUeWWatK0",[494,495],{"title":38,"path":39,"stem":40,"children":-1},{"title":46,"path":47,"stem":48,"children":-1},1782454465964]