[{"data":1,"prerenderedAt":285},["ShallowReactive",2],{"navigation_docs":3,"landing":113},[4,26,87],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":25},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15,20],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage","i-lucide-play",false,{"title":27,"icon":28,"path":29,"stem":30,"children":31,"page":25},"Guide","i-lucide-book-open","\u002Fguide","2.guide",[32,37,42,47,52,57,62,67,72,77,82],{"title":33,"path":34,"stem":35,"icon":36},"Primitives","\u002Fguide\u002Fprimitives","2.guide\u002F1.primitives","i-lucide-blocks",{"title":38,"path":39,"stem":40,"icon":41},"Complex use cases","\u002Fguide\u002Fcomplex-use-cases","2.guide\u002F10.complex-use-cases","i-lucide-workflow",{"title":43,"path":44,"stem":45,"icon":46},"Nuxt","\u002Fguide\u002Fnuxt","2.guide\u002F11.nuxt","i-simple-icons-nuxt",{"title":48,"path":49,"stem":50,"icon":51},"Options","\u002Fguide\u002Foptions","2.guide\u002F2.options","i-lucide-list",{"title":53,"path":54,"stem":55,"icon":56},"Multi-select","\u002Fguide\u002Fmultiselect","2.guide\u002F3.multiselect","i-lucide-check-square",{"title":58,"path":59,"stem":60,"icon":61},"Styling","\u002Fguide\u002Fstyling","2.guide\u002F4.styling","i-lucide-palette",{"title":63,"path":64,"stem":65,"icon":66},"TypeScript","\u002Fguide\u002Ftypescript","2.guide\u002F5.typescript","i-lucide-braces",{"title":68,"path":69,"stem":70,"icon":71},"Accessibility","\u002Fguide\u002Faccessibility","2.guide\u002F6.accessibility","i-lucide-accessibility",{"title":73,"path":74,"stem":75,"icon":76},"Migration","\u002Fguide\u002Fmigration","2.guide\u002F7.migration","i-lucide-arrow-right-left",{"title":78,"path":79,"stem":80,"icon":81},"Examples","\u002Fguide\u002Fexamples","2.guide\u002F8.examples","i-lucide-gallery-horizontal-end",{"title":83,"path":84,"stem":85,"icon":86},"Deep Dive","\u002Fguide\u002Fdeep-dive","2.guide\u002F9.deep-dive","i-lucide-layers",{"title":88,"icon":89,"path":90,"stem":91,"children":92,"page":25},"API Reference","i-lucide-code","\u002Fapi","3.api",[93,98,103,108],{"title":94,"path":95,"stem":96,"icon":97},"Props","\u002Fapi\u002Fprops","3.api\u002F1.props","i-lucide-settings-2",{"title":99,"path":100,"stem":101,"icon":102},"Events","\u002Fapi\u002Fevents","3.api\u002F2.events","i-lucide-zap",{"title":104,"path":105,"stem":106,"icon":107},"Slots","\u002Fapi\u002Fslots","3.api\u002F3.slots","i-lucide-layout-template",{"title":109,"path":110,"stem":111,"icon":112},"Components","\u002Fapi\u002Fcomponents","3.api\u002F4.components","i-lucide-component",{"id":114,"title":115,"body":116,"description":277,"extension":131,"meta":278,"navigation":279,"path":280,"seo":281,"stem":283,"__hash__":284},"landing\u002Findex.md","Vue 3 Select Component",{"type":117,"value":118,"toc":274},"minimark",[119,155,213],[120,121,124,135,137,140],"u-page-hero",{":ui":122,"orientation":123},"{\"container\":\"max-w-7xl mx-auto\"}","vertical",[125,126,128],"template",{"v-slot:headline":127},"",[129,130,134],"u-button",{"size":131,"to":74,"icon":132,"variant":133},"md","i-lucide-sparkles","soft","v1: introducing Primitives",[125,136,115],{"v-slot:title":127},[125,138,139],{"v-slot:description":127},"Ship accessible selects in minutes. Use the assembled component or compose headless primitives.",[125,141,142,148],{"v-slot:links":127},[129,143,147],{"size":144,"to":12,"color":145,"trailing-icon":146},"xl","neutral","i-lucide-arrow-right","Get Started",[129,149,154],{"size":144,"to":150,"color":145,"icon":151,"variant":152,"target":153},"https:\u002F\u002Fgithub.com\u002FTotomInc\u002Fvue3-select-component","i-simple-icons-github","outline","_blank","GitHub",[156,157,161],"u-page-section",{":ui":122,"description":158,"headline":159,"title":160},"Type-safe and accessible. Pick the assembled component or compose primitives.","Core features","Everything you need in a select",[125,162,163,172,180,188,197,205],{"v-slot:features":127},[164,165,166,169],"u-page-feature",{"icon":86,"to":22},[125,167,168],{"v-slot:title":127},"Batteries-included Select",[125,170,171],{"v-slot:description":127},"Drop-in component with v-model, options, search, clear, and multi-select.",[164,173,174,177],{"icon":36,"to":34},[125,175,176],{"v-slot:title":127},"Headless primitives",[125,178,179],{"v-slot:description":127},"Compose SelectRoot, SelectTrigger, SelectPopover, and more for custom UX.",[164,181,182,185],{"icon":66,"to":64},[125,183,184],{"v-slot:title":127},"End-to-end types",[125,186,187],{"v-slot:description":127},"Generics tie option values to v-model. Extend options with custom fields safely.",[164,189,191,194],{"icon":190,"to":69},"i-lucide-shield-check",[125,192,193],{"v-slot:title":127},"Accessible by default",[125,195,196],{"v-slot:description":127},"WAI-ARIA combobox pattern, keyboard navigation, focus management, and screen readers.",[164,198,199,202],{"icon":61,"to":59},[125,200,201],{"v-slot:title":127},"Your design system",[125,203,204],{"v-slot:description":127},"Unstyled primitives with stable data-attribute hooks. Bring your own CSS.",[164,206,207,210],{"icon":76,"to":74},[125,208,209],{"v-slot:title":127},"v0 migration guide",[125,211,212],{"v-slot:description":127},"Step-by-step upgrade path from v0 to v1. Rename props, restyle, and adopt primitives.",[156,214,218],{":ui":122,"description":215,"headline":216,"title":217},"Configuration, customization, and every primitive component.","Documentation","Explore the API",[219,220,221,233,241,249,258,266],"u-page-grid",{},[222,223,228,230],"u-page-card",{":spotlight":224,"className":225,"icon":97,"to":95},"true",[226,227],"col-span-2","lg:col-span-1",[125,229,94],{"v-slot:title":127},[125,231,232],{"v-slot:description":127},"v-model, options, flags, mappers, teleport, and filterBy for Select and SelectRoot.",[222,234,236,238],{":spotlight":224,"className":235,"icon":102,"to":100},[226,227],[125,237,99],{"v-slot:title":127},[125,239,240],{"v-slot:description":127},"optionSelected, optionDeselected, search, menuOpened, and menuClosed with typed payloads.",[222,242,244,246],{":spotlight":224,"className":243,"icon":107,"to":105},[226,227],[125,245,104],{"v-slot:title":127},[125,247,248],{"v-slot:description":127},"Customize values, options, tags, icons, and empty states on primitives.",[222,250,253,255],{":spotlight":224,"className":251,"icon":252,"to":110},[226,227],"i-lucide-box",[125,254,109],{"v-slot:title":127},[125,256,257],{"v-slot:description":127},"Reference for SelectRoot, SelectTrigger, SelectListbox, SelectOption, and more.",[222,259,261,263],{":spotlight":224,"className":260,"icon":56,"to":54},[226,227],[125,262,53],{"v-slot:title":127},[125,264,265],{"v-slot:description":127},"Pick multiple values, show tags, remove with keyboard, and clear all at once.",[222,267,269,271],{":spotlight":224,"className":268,"icon":61,"to":59},[226,227],[125,270,58],{"v-slot:title":127},[125,272,273],{"v-slot:description":127},"Style every part with stable data-attribute hooks and your own CSS.",{"title":127,"searchDepth":275,"depth":275,"links":276},2,[],"Build accessible, type-safe select inputs in Vue 3. Use the batteries-included Select component or compose headless primitives for full UI control.",{},true,"\u002F",{"title":282,"description":277},"Vue 3 Select Component | Accessible Vue 3 Select","index","p1fZyr8xviaNNPvRl1zYKE0cAzHxBP5bPkIjBzPZqbg",1781957787292]