[{"data":1,"prerenderedAt":321},["ShallowReactive",2],{"mobile-docs-navigation":3,"command-menu-docs":46,"navigation":63,"mobile-docs-page-meta":78,"docs-pages-category":89,"\u002Fdocs\u002Fcomponents\u002Fchat-prompt-submit":98,"surround-\u002Fdocs\u002Fcomponents\u002Fchat-prompt-submit":318},[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":42,"body":100,"category":84,"description":56,"extension":313,"meta":314,"navigation":315,"path":43,"seo":316,"stem":44,"__hash__":317},"docs\u002Fdocs\u002F2.components\u002F5.chat-prompt-submit.md",{"type":101,"value":102,"toc":300},"minimark",[103,107,111,122,126,134,138,143,145,149,153,253,257],[104,105],"component-preview",{"name":106},"ChatPromptSubmitDemo",[108,109,16],"h2",{"id":110},"installation",[112,113,119],"pre",{"className":114,"code":116,"language":117,"meta":118},[115],"language-bash","npx shadcn-vue@latest add \"https:\u002F\u002Fui.stackhacker.io\u002Fr\u002Fchat-prompt-submit.json\"\n","bash","",[120,121,116],"code",{"__ignoreMap":118},[108,123,125],{"id":124},"usage","Usage",[112,127,132],{"className":128,"code":130,"language":131,"meta":118},[129],"language-vue","\u003Cscript setup lang=\"ts\">\nimport { ChatPromptSubmit } from '@\u002Fcomponents\u002Fchat-prompt-submit'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CChatPromptSubmit status=\"ready\" @stop=\"handleStop\" @reload=\"handleReload\" \u002F>\n\u003C\u002Ftemplate>\n","vue",[120,133,130],{"__ignoreMap":118},[108,135,137],{"id":136},"examples","Examples",[139,140,142],"h3",{"id":141},"default","Default",[104,144],{"name":106},[108,146,148],{"id":147},"api-reference","API Reference",[139,150,152],{"id":151},"props","Props",[154,155,156,174],"table",{},[157,158,159],"thead",{},[160,161,162,166,169,171],"tr",{},[163,164,165],"th",{},"Prop",[163,167,168],{},"Type",[163,170,142],{},[163,172,173],{},"Description",[175,176,177,198,218,236],"tbody",{},[160,178,179,185,190,195],{},[180,181,182],"td",{},[120,183,184],{},"status",[180,186,187],{},[120,188,189],{},"'ready' | 'streaming' | 'submitted' | 'error'",[180,191,192],{},[120,193,194],{},"'ready'",[180,196,197],{},"Current chat status. Controls the displayed icon.",[160,199,200,205,210,215],{},[180,201,202],{},[120,203,204],{},"disabled",[180,206,207],{},[120,208,209],{},"boolean",[180,211,212],{},[120,213,214],{},"false",[180,216,217],{},"Disable the button.",[160,219,220,225,230,233],{},[180,221,222],{},[120,223,224],{},"ariaLabel",[180,226,227],{},[120,228,229],{},"string",[180,231,232],{},"status-aware label",[180,234,235],{},"Accessible label for the icon-only button.",[160,237,238,243,247,250],{},[180,239,240],{},[120,241,242],{},"class",[180,244,245],{},[120,246,229],{},[180,248,249],{},"—",[180,251,252],{},"Additional CSS classes.",[139,254,256],{"id":255},"emits","Emits",[154,258,259,268],{},[157,260,261],{},[160,262,263,266],{},[163,264,265],{},"Event",[163,267,173],{},[175,269,270,288],{},[160,271,272,277],{},[180,273,274],{},[120,275,276],{},"stop",[180,278,279,280,283,284,287],{},"Emitted when clicked during ",[120,281,282],{},"streaming"," or ",[120,285,286],{},"submitted"," status.",[160,289,290,295],{},[180,291,292],{},[120,293,294],{},"reload",[180,296,279,297,287],{},[120,298,299],{},"error",{"title":118,"searchDepth":301,"depth":301,"links":302},2,[303,304,305,309],{"id":110,"depth":301,"text":16},{"id":124,"depth":301,"text":125},{"id":136,"depth":301,"text":137,"children":306},[307],{"id":141,"depth":308,"text":142},3,{"id":147,"depth":301,"text":148,"children":310},[311,312],{"id":151,"depth":308,"text":152},{"id":255,"depth":308,"text":256},"md",{},true,{"title":42,"description":56},"OxikV4sqOUjbIMc8MI2jT-aIoG4c4zLS5I1ty2A8ksI",[319,320],{"title":38,"path":39,"stem":40,"children":-1},null,1782298911284]