[{"data":1,"prerenderedAt":361},["ShallowReactive",2],{"mobile-docs-navigation":3,"command-menu-docs":70,"navigation":99,"mobile-docs-page-meta":120,"docs-pages-category":139,"\u002Fdocs\u002Fcomponents\u002Fpricing-plans":154,"surround-\u002Fdocs\u002Fcomponents\u002Fpricing-plans":358},[4],{"title":5,"path":6,"stem":7,"children":8,"page":69},"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],{"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},"PageToc","\u002Fdocs\u002Fcomponents\u002Fpage-toc","docs\u002F2.components\u002F8.page-toc",{"title":58,"path":59,"stem":60},"ReasoningDisclosure","\u002Fdocs\u002Fcomponents\u002Freasoning-disclosure","docs\u002F2.components\u002F8.reasoning-disclosure",{"title":62,"path":63,"stem":64},"DocsPager","\u002Fdocs\u002Fcomponents\u002Fdocs-pager","docs\u002F2.components\u002F9.docs-pager",{"title":66,"path":67,"stem":68},"HomeCta","\u002Fdocs\u002Fcomponents\u002Fhome-cta","docs\u002F2.components\u002F9.home-cta",false,[71,73,75,77,79,81,83,85,87,89,91,93,95,97],{"path":27,"title":26,"description":72},"Build Nuxt chat interfaces with installable shadcn-vue components you own and compose.",{"path":31,"title":30,"description":74},"Render an individual chat message bubble with AI SDK parts, actions, and layout control.",{"path":35,"title":34,"description":76},"Compose chat message lists with scrolling behavior, loading states, and action-ready assistant output.",{"path":39,"title":38,"description":78},"Build chat input flows with an auto-resizing prompt, keyboard shortcuts, and flexible slot composition.",{"path":43,"title":42,"description":80},"Handle chat submit, stop, and retry actions with a status-aware control for prompt workflows.",{"path":21,"title":20,"description":82},"Explore reusable components that complement Nuxt templates and real app workflows.",{"path":63,"title":62,"description":84},"Render previous and next documentation links from app-owned page data.",{"path":47,"title":46,"description":86},"Add a lightweight local search modal to Nuxt documentation interfaces.",{"path":67,"title":66,"description":88},"Render a centered marketing CTA section with an integrated starfield background.",{"path":17,"title":16,"description":90},"Start from templates or install individual components in your Nuxt project.",{"path":11,"title":10,"description":92},"Stackhacker UI is an open-source collection of Nuxt templates and components for the shadcn-vue community.",{"path":55,"title":54,"description":94},"Render an on-page table of contents from app-supplied heading links.",{"path":51,"title":50,"description":96},"Render a responsive pricing plan section from app-owned data.",{"path":59,"title":58,"description":98},"Show app-owned AI reasoning text in a compact collapsible disclosure.",[100],{"title":5,"path":6,"stem":7,"children":101,"page":69},[102,106],{"title":10,"path":11,"stem":12,"children":103},[104,105],{"title":10,"path":11,"stem":12},{"title":16,"path":17,"stem":18},{"title":20,"path":21,"stem":22,"children":107},[108,109,110,111,112,113,114,115,116,117,118,119],{"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},[121,123,124,125,127,128,129,130,131,133,135,136,137,138],{"path":11,"category":122},"overview",{"path":17,"category":122},{"path":21,"category":122},{"path":27,"category":126},"chat",{"path":31,"category":126},{"path":35,"category":126},{"path":39,"category":126},{"path":43,"category":126},{"path":47,"category":132},"content",{"path":51,"category":134},"marketing",{"path":55,"category":132},{"path":59,"category":126},{"path":63,"category":132},{"path":67,"category":134},[140,141,142,143,144,145,146,147,148,149,150,151,152,153],{"path":11,"category":122},{"path":17,"category":122},{"path":21,"category":122},{"path":27,"category":126},{"path":31,"category":126},{"path":35,"category":126},{"path":39,"category":126},{"path":43,"category":126},{"path":47,"category":132},{"path":51,"category":134},{"path":55,"category":132},{"path":59,"category":126},{"path":63,"category":132},{"path":67,"category":134},{"id":155,"title":50,"body":156,"category":134,"description":96,"extension":353,"meta":354,"navigation":355,"path":51,"seo":356,"stem":52,"__hash__":357},"docs\u002Fdocs\u002F2.components\u002F7.pricing-plans.md",{"type":157,"value":158,"toc":339},"minimark",[159,163,167,178,182,190,194,200,207,211,216,218,222,226,327,331],[160,161],"component-preview",{"name":162},"PricingPlansDemo",[164,165,16],"h2",{"id":166},"installation",[168,169,175],"pre",{"className":170,"code":172,"language":173,"meta":174},[171],"language-bash","npx shadcn-vue@latest add \"https:\u002F\u002Fui.stackhacker.io\u002Fr\u002Fpricing-plans.json\"\n","bash","",[176,177,172],"code",{"__ignoreMap":174},[164,179,181],{"id":180},"usage","Usage",[168,183,188],{"className":184,"code":186,"language":187,"meta":174},[185],"language-vue","\u003Cscript setup lang=\"ts\">\nimport { PricingPlans, type PricingPlan } from '@\u002Fcomponents\u002Fpricing-plans'\n\nconst billingPeriod = ref\u003C'month' | 'year'>('month')\n\nconst plans: PricingPlan[] = [\n  {\n    title: 'Basic',\n    description: 'For solo builders.',\n    price: { month: '$9', year: '$90' },\n    cta: { label: 'Get started', href: '\u002Fsignup' },\n    features: ['1 workspace', 'Core analytics', 'Community support']\n  },\n  {\n    title: 'Standard',\n    description: 'For small teams.',\n    price: { month: '$19', year: '$190' },\n    cta: { label: 'Get started', href: '\u002Fsignup' },\n    features: ['5 workspaces', 'Priority analytics', 'Email support'],\n    highlight: true\n  }\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CPricingPlans :plans=\"plans\" :billing-period=\"billingPeriod\" \u002F>\n\u003C\u002Ftemplate>\n","vue",[176,189,186],{"__ignoreMap":174},[164,191,193],{"id":192},"app-owned-billing","App-Owned Billing",[195,196,197,199],"p",{},[176,198,50],{}," renders pricing cards from the data you pass in. Your app owns billing periods, checkout links, auth, subscription state, and any pricing data source.",[195,201,202,203,206],{},"Use the ",[176,204,205],{},"billingPeriod"," prop to decide which price label to show. Keep monthly\u002Fyearly toggles, billing-provider integration, and account logic outside the component.",[164,208,210],{"id":209},"examples","Examples",[212,213,215],"h3",{"id":214},"default","Default",[160,217],{"name":162},[164,219,221],{"id":220},"api-reference","API Reference",[212,223,225],{"id":224},"props","Props",[227,228,229,247],"table",{},[230,231,232],"thead",{},[233,234,235,239,242,244],"tr",{},[236,237,238],"th",{},"Prop",[236,240,241],{},"Type",[236,243,215],{},[236,245,246],{},"Description",[248,249,250,271,290,310],"tbody",{},[233,251,252,258,263,268],{},[253,254,255],"td",{},[176,256,257],{},"plans",[253,259,260],{},[176,261,262],{},"PricingPlan[]",[253,264,265],{},[176,266,267],{},"[]",[253,269,270],{},"Pricing plans supplied by your app.",[233,272,273,277,282,287],{},[253,274,275],{},[176,276,205],{},[253,278,279],{},[176,280,281],{},"'month' | 'year'",[253,283,284],{},[176,285,286],{},"'month'",[253,288,289],{},"Selected price period to render.",[233,291,292,297,302,307],{},[253,293,294],{},[176,295,296],{},"highlightLabel",[253,298,299],{},[176,300,301],{},"string",[253,303,304],{},[176,305,306],{},"'Popular'",[253,308,309],{},"Label shown on highlighted plans. Use an empty string to hide it.",[233,311,312,317,321,324],{},[253,313,314],{},[176,315,316],{},"class",[253,318,319],{},[176,320,301],{},[253,322,323],{},"—",[253,325,326],{},"Additional CSS classes for the section.",[212,328,330],{"id":329},"types","Types",[168,332,337],{"className":333,"code":335,"language":336,"meta":174},[334],"language-ts","interface PricingPlan {\n  title: string\n  description: string\n  price: PricingPlanPrice\n  cta: PricingPlanCta\n  features: string[]\n  highlight?: boolean\n}\n\ninterface PricingPlanPrice {\n  month: string\n  year: string\n}\n\ninterface PricingPlanCta {\n  label: string\n  href: string\n}\n","ts",[176,338,335],{"__ignoreMap":174},{"title":174,"searchDepth":340,"depth":340,"links":341},2,[342,343,344,345,349],{"id":166,"depth":340,"text":16},{"id":180,"depth":340,"text":181},{"id":192,"depth":340,"text":193},{"id":209,"depth":340,"text":210,"children":346},[347],{"id":214,"depth":348,"text":215},3,{"id":220,"depth":340,"text":221,"children":350},[351,352],{"id":224,"depth":348,"text":225},{"id":329,"depth":348,"text":330},"md",{},true,{"title":50,"description":96},"diyzU9D-Z2gDbr14mQM33iAPI0njm9jReV2i_PAg8m4",[359,360],{"title":46,"path":47,"stem":48,"children":-1},{"title":54,"path":55,"stem":56,"children":-1},1782383950543]