[{"data":1,"prerenderedAt":218},["ShallowReactive",2],{"navigation":3,"\u002Fdocs\u002Fintroduction":89,"surround-\u002Fdocs\u002Fintroduction":216},[4],{"title":5,"path":6,"stem":7,"children":8,"page":88},"Docs","\u002Fdocs","docs",[9,32],{"path":6,"stem":7,"title":10,"type":11,"children":12},"Overview","group",[13,19,23,27],{"title":14,"path":15,"stem":16,"tag":17,"type":18,"children":-1},"Introduction","\u002Fdocs\u002Fintroduction","docs\u002F1.introduction",null,"page",{"title":20,"path":21,"stem":22,"tag":17,"type":18,"children":-1},"Getting Started","\u002Fdocs\u002Fgetting-started","docs\u002F2.getting-started",{"title":24,"path":25,"stem":26,"tag":17,"type":18,"children":-1},"Registries","\u002Fdocs\u002Fregistries","docs\u002F3.registries",{"path":28,"stem":29,"title":30,"type":31},"\u002Fllms.txt","llms.txt","Llms.txt","asset",{"title":33,"path":34,"stem":35,"children":36,"page":88,"type":11},"Components","\u002Fdocs\u002Fcomponents","docs\u002Fcomponents",[37,43,47,52,56,60,64,68,72,76,80,84],{"title":38,"path":39,"stem":40,"tag":41,"type":42,"children":-1},"ActionSheet","\u002Fdocs\u002Fcomponents\u002Faction-sheet","docs\u002Fcomponents\u002Faction-sheet","new","component",{"title":44,"path":45,"stem":46,"tag":41,"type":42,"children":-1},"Autocomplete","\u002Fdocs\u002Fcomponents\u002Fautocomplete","docs\u002Fcomponents\u002Fautocomplete",{"title":48,"path":49,"stem":50,"tag":51,"type":42,"children":-1},"Color","\u002Fdocs\u002Fcomponents\u002Fcolor","docs\u002Fcomponents\u002Fcolor","alpha",{"title":53,"path":54,"stem":55,"tag":41,"type":42,"children":-1},"Filters","\u002Fdocs\u002Fcomponents\u002Ffilters","docs\u002Fcomponents\u002Ffilters",{"title":57,"path":58,"stem":59,"tag":41,"type":42,"children":-1},"Gallery","\u002Fdocs\u002Fcomponents\u002Fgallery","docs\u002Fcomponents\u002Fgallery",{"title":61,"path":62,"stem":63,"tag":41,"type":42,"children":-1},"Image","\u002Fdocs\u002Fcomponents\u002Fimage","docs\u002Fcomponents\u002Fimage",{"title":65,"path":66,"stem":67,"tag":41,"type":42,"children":-1},"Image Viewer","\u002Fdocs\u002Fcomponents\u002Fimage-viewer","docs\u002Fcomponents\u002Fimage-viewer",{"title":69,"path":70,"stem":71,"tag":41,"type":42,"children":-1},"PasswordField","\u002Fdocs\u002Fcomponents\u002Fpassword-field","docs\u002Fcomponents\u002Fpassword-field",{"title":73,"path":74,"stem":75,"tag":41,"type":42,"children":-1},"PhoneField","\u002Fdocs\u002Fcomponents\u002Fphone-field","docs\u002Fcomponents\u002Fphone-field",{"title":77,"path":78,"stem":79,"tag":41,"type":42,"children":-1},"Stack Menu","\u002Fdocs\u002Fcomponents\u002Fstack-menu","docs\u002Fcomponents\u002Fstack-menu",{"title":81,"path":82,"stem":83,"tag":41,"type":42,"children":-1},"TimeField","\u002Fdocs\u002Fcomponents\u002Ftime-field","docs\u002Fcomponents\u002Ftime-field",{"title":85,"path":86,"stem":87,"tag":41,"type":42,"children":-1},"Timeline","\u002Fdocs\u002Fcomponents\u002Ftimeline","docs\u002Fcomponents\u002Ftimeline",false,{"id":90,"title":14,"body":91,"description":209,"extension":210,"meta":211,"navigation":212,"path":15,"rawbody":213,"seo":214,"stem":16,"tag":17,"__hash__":215},"content\u002Fdocs\u002F1.introduction.md",{"type":92,"value":93,"toc":202},"minimark",[94,106,111,114,117,146,150,153,185,189,192,195],[95,96,97,98,105],"p",{},"Vuzeno is a component registry for Vue that extends ",[99,100,104],"a",{"href":101,"rel":102},"https:\u002F\u002Fwww.shadcn-vue.com\u002F",[103],"nofollow","shadcn-vue"," with higher-complexity, production-ready components.",[107,108,110],"h2",{"id":109},"why-vuzeno","Why Vuzeno?",[95,112,113],{},"The Vue ecosystem, while powerful, often lacks the breadth of ready-to-use components available in React. Vuzeno aims to change that by providing carefully crafted components that solve real-world problems — the kind of components you'd otherwise build from scratch or piece together from multiple libraries.",[95,115,116],{},"Every component is:",[118,119,120,128,134,140],"ul",{},[121,122,123,127],"li",{},[124,125,126],"strong",{},"Composable"," — Built with a slot-based architecture for maximum flexibility",[121,129,130,133],{},[124,131,132],{},"Accessible"," — Following WAI-ARIA guidelines with keyboard navigation",[121,135,136,139],{},[124,137,138],{},"Styled with Tailwind"," — Leveraging Tailwind CSS 4 for consistent, customizable design",[121,141,142,145],{},[124,143,144],{},"TypeScript-first"," — Full type safety out of the box",[107,147,149],{"id":148},"built-on","Built On",[95,151,152],{},"Vuzeno builds on top of excellent open-source projects:",[118,154,155,161,169,177],{},[121,156,157,160],{},[99,158,104],{"href":101,"rel":159},[103]," — The foundation of our base component library",[121,162,163,168],{},[99,164,167],{"href":165,"rel":166},"https:\u002F\u002Freka-ui.com\u002F",[103],"Reka UI"," — Unstyled, accessible UI primitives",[121,170,171,176],{},[99,172,175],{"href":173,"rel":174},"https:\u002F\u002Ftailwindcss.com\u002F",[103],"Tailwind CSS"," — Utility-first CSS framework",[121,178,179,184],{},[99,180,183],{"href":181,"rel":182},"https:\u002F\u002Fvueuse.org\u002F",[103],"VueUse"," — Essential Vue composition utilities",[107,186,188],{"id":187},"philosophy","Philosophy",[95,190,191],{},"Vue deserves a richer ecosystem. While React developers enjoy an abundance of polished components and utilities, Vue developers often find themselves building complex UI patterns from scratch.",[95,193,194],{},"Vuzeno exists to close that gap — providing the same level of quality and developer experience that React developers take for granted, but built natively for Vue.",[95,196,197,198,201],{},"Our goal is simple: ",[124,199,200],{},"make Vue more attractive"," by giving developers the tools they need to build beautiful, functional applications faster.",{"title":203,"searchDepth":204,"depth":204,"links":205},"",2,[206,207,208],{"id":109,"depth":204,"text":110},{"id":148,"depth":204,"text":149},{"id":187,"depth":204,"text":188},"Introducing to Vuzeno registry","md",{},true,"---\ntitle: Introduction\ndescription: Introducing to Vuzeno registry\n---\n\nVuzeno is a component registry for Vue that extends [shadcn-vue](https:\u002F\u002Fwww.shadcn-vue.com\u002F) with higher-complexity, production-ready components.\n\n## Why Vuzeno?\n\nThe Vue ecosystem, while powerful, often lacks the breadth of ready-to-use components available in React. Vuzeno aims to change that by providing carefully crafted components that solve real-world problems — the kind of components you'd otherwise build from scratch or piece together from multiple libraries.\n\nEvery component is:\n\n- **Composable** — Built with a slot-based architecture for maximum flexibility\n- **Accessible** — Following WAI-ARIA guidelines with keyboard navigation\n- **Styled with Tailwind** — Leveraging Tailwind CSS 4 for consistent, customizable design\n- **TypeScript-first** — Full type safety out of the box\n\n## Built On\n\nVuzeno builds on top of excellent open-source projects:\n\n- [shadcn-vue](https:\u002F\u002Fwww.shadcn-vue.com\u002F) — The foundation of our base component library\n- [Reka UI](https:\u002F\u002Freka-ui.com\u002F) — Unstyled, accessible UI primitives\n- [Tailwind CSS](https:\u002F\u002Ftailwindcss.com\u002F) — Utility-first CSS framework\n- [VueUse](https:\u002F\u002Fvueuse.org\u002F) — Essential Vue composition utilities\n\n## Philosophy\n\nVue deserves a richer ecosystem. While React developers enjoy an abundance of polished components and utilities, Vue developers often find themselves building complex UI patterns from scratch.\n\nVuzeno exists to close that gap — providing the same level of quality and developer experience that React developers take for granted, but built natively for Vue.\n\nOur goal is simple: **make Vue more attractive** by giving developers the tools they need to build beautiful, functional applications faster.\n",{"title":14,"description":209},"bLvTxnNUcYI2CxlOkiar9E4MqIpd3387-8mQ4WhdQOg",[17,217],{"title":20,"path":21,"stem":22,"children":-1},1776810307240]