[{"data":1,"prerenderedAt":583},["ShallowReactive",2],{"navigation":3,"/composables/use-form-field":438,"/composables/use-form-field-surround":569,"zc4DtZx0c9":570},[4,88,110],{"title":5,"path":6,"stem":7,"children":8,"framework":11,"module":11,"icon":87},"Getting Started","/getting-started","1.getting-started/1.index",[9,12,37,41,45,56,60,71,83],{"title":10,"path":6,"stem":7,"framework":11,"module":11},"Introduction",null,{"title":13,"framework":11,"module":11,"shadow":14,"path":15,"stem":16,"children":17,"page":36},"Installation",true,"/getting-started/installation","1.getting-started/2.installation",[18,23,27],{"title":13,"path":19,"stem":20,"framework":21,"module":22},"/getting-started/installation/nuxt","1.getting-started/2.installation/1.nuxt","nuxt","ui",{"title":13,"path":24,"stem":25,"framework":26,"module":22},"/getting-started/installation/vue","1.getting-started/2.installation/2.vue","vue",{"title":28,"framework":11,"module":11,"shadow":14,"path":29,"stem":30,"children":31,"page":36},"Pro","/getting-started/installation/pro","1.getting-started/2.installation/pro",[32],{"title":13,"path":33,"stem":34,"framework":21,"module":35},"/getting-started/installation/pro/nuxt","1.getting-started/2.installation/pro/1.nuxt","ui-pro",false,{"title":38,"path":39,"stem":40,"framework":11,"module":35},"License","/getting-started/license","1.getting-started/3.license",{"title":42,"path":43,"stem":44,"framework":11,"module":11},"Theme","/getting-started/theme","1.getting-started/3.theme",{"title":46,"framework":11,"module":11,"shadow":14,"path":47,"stem":48,"children":49,"page":36},"Icons","/getting-started/icons","1.getting-started/4.icons",[50,53],{"title":46,"path":51,"stem":52,"framework":21,"module":11},"/getting-started/icons/nuxt","1.getting-started/4.icons/1.nuxt",{"title":46,"path":54,"stem":55,"framework":26,"module":11},"/getting-started/icons/vue","1.getting-started/4.icons/2.vue",{"title":57,"path":58,"stem":59,"framework":21,"module":11},"Fonts","/getting-started/fonts","1.getting-started/5.fonts",{"title":61,"framework":11,"module":11,"shadow":14,"path":62,"stem":63,"children":64,"page":36},"Color Mode","/getting-started/color-mode","1.getting-started/6.color-mode",[65,68],{"title":61,"path":66,"stem":67,"framework":21,"module":11},"/getting-started/color-mode/nuxt","1.getting-started/6.color-mode/1.nuxt",{"title":61,"path":69,"stem":70,"framework":26,"module":11},"/getting-started/color-mode/vue","1.getting-started/6.color-mode/2.vue",{"title":72,"framework":11,"module":11,"shadow":14,"path":73,"stem":74,"children":75,"page":36},"I18n","/getting-started/i18n","1.getting-started/7.i18n",[76,80],{"title":77,"path":78,"stem":79,"framework":21,"module":11},"Internationalization (i18n)","/getting-started/i18n/nuxt","1.getting-started/7.i18n/1.nuxt",{"title":77,"path":81,"stem":82,"framework":26,"module":11},"/getting-started/i18n/vue","1.getting-started/7.i18n/2.vue",{"title":84,"path":85,"stem":86,"framework":11,"module":35},"Typography","/getting-started/typography","1.getting-started/8.typography","i-lucide-square-play",{"title":89,"framework":11,"module":11,"icon":90,"path":91,"stem":92,"children":93,"page":36},"Composables","i-lucide-square-function","/composables","2.composables",[94,98,102,106],{"title":95,"path":96,"stem":97,"framework":11,"module":11},"defineShortcuts","/composables/define-shortcuts","2.composables/define-shortcuts",{"title":99,"path":100,"stem":101,"framework":11,"module":11},"useModal","/composables/use-modal","2.composables/use-modal",{"title":103,"path":104,"stem":105,"framework":11,"module":11},"useSlideover","/composables/use-slideover","2.composables/use-slideover",{"title":107,"path":108,"stem":109,"framework":11,"module":11},"useToast","/composables/use-toast","2.composables/use-toast",{"title":111,"framework":11,"module":11,"icon":112,"path":113,"stem":114,"children":115,"page":36},"Components","i-lucide-square-code","/components","3.components",[116,120,124,128,132,136,140,144,149,153,157,161,165,169,173,177,181,185,189,193,197,201,205,209,213,217,221,225,229,233,237,241,246,250,254,258,262,266,270,274,278,282,286,290,294,298,302,306,310,314,318,322,326,330,334,338,342,346,350,354,358,362,366,370,374,378,382,386,390,394,398,402,406,410,414,418,422,426,430,434],{"title":117,"path":118,"stem":119,"framework":11,"module":11},"App","/components/app","3.components/0.app",{"title":121,"path":122,"stem":123,"framework":11,"module":11},"Accordion","/components/accordion","3.components/accordion",{"title":125,"path":126,"stem":127,"framework":11,"module":11},"Alert","/components/alert","3.components/alert",{"title":129,"path":130,"stem":131,"framework":11,"module":11},"Avatar","/components/avatar","3.components/avatar",{"title":133,"path":134,"stem":135,"framework":11,"module":11},"AvatarGroup","/components/avatar-group","3.components/avatar-group",{"title":137,"path":138,"stem":139,"framework":11,"module":11},"Badge","/components/badge","3.components/badge",{"title":141,"path":142,"stem":143,"framework":11,"module":35},"Banner","/components/banner","3.components/banner",{"title":145,"path":146,"stem":147,"framework":11,"module":35,"badge":148},"BlogPost","/components/blog-post","3.components/blog-post","New",{"title":150,"path":151,"stem":152,"framework":11,"module":35,"badge":148},"BlogPosts","/components/blog-posts","3.components/blog-posts",{"title":154,"path":155,"stem":156,"framework":11,"module":11},"Breadcrumb","/components/breadcrumb","3.components/breadcrumb",{"title":158,"path":159,"stem":160,"framework":11,"module":11},"Button","/components/button","3.components/button",{"title":162,"path":163,"stem":164,"framework":11,"module":11},"ButtonGroup","/components/button-group","3.components/button-group",{"title":166,"path":167,"stem":168,"framework":11,"module":11,"badge":148},"Calendar","/components/calendar","3.components/calendar",{"title":170,"path":171,"stem":172,"framework":11,"module":11},"Card","/components/card","3.components/card",{"title":174,"path":175,"stem":176,"framework":11,"module":11},"Carousel","/components/carousel","3.components/carousel",{"title":178,"path":179,"stem":180,"framework":11,"module":11},"Checkbox","/components/checkbox","3.components/checkbox",{"title":182,"path":183,"stem":184,"framework":11,"module":11},"Chip","/components/chip","3.components/chip",{"title":186,"path":187,"stem":188,"framework":11,"module":11},"Collapsible","/components/collapsible","3.components/collapsible",{"title":190,"path":191,"stem":192,"framework":11,"module":35},"ColorModeAvatar","/components/color-mode-avatar","3.components/color-mode-avatar",{"title":194,"path":195,"stem":196,"framework":11,"module":35},"ColorModeButton","/components/color-mode-button","3.components/color-mode-button",{"title":198,"path":199,"stem":200,"framework":11,"module":35},"ColorModeImage","/components/color-mode-image","3.components/color-mode-image",{"title":202,"path":203,"stem":204,"framework":11,"module":35},"ColorModeSelect","/components/color-mode-select","3.components/color-mode-select",{"title":206,"path":207,"stem":208,"framework":11,"module":35},"ColorModeSwitch","/components/color-mode-switch","3.components/color-mode-switch",{"title":210,"path":211,"stem":212,"framework":11,"module":11,"badge":148},"ColorPicker","/components/color-picker","3.components/color-picker",{"title":214,"path":215,"stem":216,"framework":11,"module":11},"CommandPalette","/components/command-palette","3.components/command-palette",{"title":218,"path":219,"stem":220,"framework":11,"module":11},"Container","/components/container","3.components/container",{"title":222,"path":223,"stem":224,"framework":11,"module":11},"ContextMenu","/components/context-menu","3.components/context-menu",{"title":226,"path":227,"stem":228,"framework":11,"module":11},"Drawer","/components/drawer","3.components/drawer",{"title":230,"path":231,"stem":232,"framework":11,"module":11},"DropdownMenu","/components/dropdown-menu","3.components/dropdown-menu",{"title":234,"path":235,"stem":236,"framework":11,"module":35},"Error","/components/error","3.components/error",{"title":238,"path":239,"stem":240,"framework":11,"module":35},"Footer","/components/footer","3.components/footer",{"title":242,"path":243,"stem":244,"framework":11,"module":35,"badge":245},"FooterColumns","/components/footer-columns","3.components/footer-columns","Soon",{"title":247,"path":248,"stem":249,"framework":11,"module":11},"Form","/components/form","3.components/form",{"title":251,"path":252,"stem":253,"framework":11,"module":11},"FormField","/components/form-field","3.components/form-field",{"title":255,"path":256,"stem":257,"framework":11,"module":35},"Header","/components/header","3.components/header",{"title":259,"path":260,"stem":261,"framework":11,"module":11},"Icon","/components/icon","3.components/icon",{"title":263,"path":264,"stem":265,"framework":11,"module":11},"Input","/components/input","3.components/input",{"title":267,"path":268,"stem":269,"framework":11,"module":11},"InputMenu","/components/input-menu","3.components/input-menu",{"title":271,"path":272,"stem":273,"framework":11,"module":11},"InputNumber","/components/input-number","3.components/input-number",{"title":275,"path":276,"stem":277,"framework":11,"module":11},"Kbd","/components/kbd","3.components/kbd",{"title":279,"path":280,"stem":281,"framework":11,"module":11},"Link","/components/link","3.components/link",{"title":283,"path":284,"stem":285,"framework":11,"module":35},"LocaleSelect","/components/locale-select","3.components/locale-select",{"title":287,"path":288,"stem":289,"framework":11,"module":35},"Main","/components/main","3.components/main",{"title":291,"path":292,"stem":293,"framework":11,"module":11},"Modal","/components/modal","3.components/modal",{"title":295,"path":296,"stem":297,"framework":11,"module":11},"NavigationMenu","/components/navigation-menu","3.components/navigation-menu",{"title":299,"path":300,"stem":301,"framework":11,"module":35},"Page","/components/page","3.components/page",{"title":303,"path":304,"stem":305,"framework":11,"module":35},"PageAccordion","/components/page-accordion","3.components/page-accordion",{"title":307,"path":308,"stem":309,"framework":11,"module":35},"PageAnchors","/components/page-anchors","3.components/page-anchors",{"title":311,"path":312,"stem":313,"framework":11,"module":35},"PageAside","/components/page-aside","3.components/page-aside",{"title":315,"path":316,"stem":317,"framework":11,"module":35},"PageBody","/components/page-body","3.components/page-body",{"title":319,"path":320,"stem":321,"framework":11,"module":35},"PageCard","/components/page-card","3.components/page-card",{"title":323,"path":324,"stem":325,"framework":11,"module":35},"PageColumns","/components/page-columns","3.components/page-columns",{"title":327,"path":328,"stem":329,"framework":11,"module":35,"badge":148},"PageFeature","/components/page-feature","3.components/page-feature",{"title":331,"path":332,"stem":333,"framework":11,"module":35},"PageGrid","/components/page-grid","3.components/page-grid",{"title":335,"path":336,"stem":337,"framework":11,"module":35},"PageHeader","/components/page-header","3.components/page-header",{"title":339,"path":340,"stem":341,"framework":11,"module":35},"PageHero","/components/page-hero","3.components/page-hero",{"title":343,"path":344,"stem":345,"framework":11,"module":35},"PageLinks","/components/page-links","3.components/page-links",{"title":347,"path":348,"stem":349,"framework":11,"module":35},"PageList","/components/page-list","3.components/page-list",{"title":351,"path":352,"stem":353,"framework":11,"module":35},"PageSection","/components/page-section","3.components/page-section",{"title":355,"path":356,"stem":357,"framework":11,"module":11},"Pagination","/components/pagination","3.components/pagination",{"title":359,"path":360,"stem":361,"framework":11,"module":11},"PinInput","/components/pin-input","3.components/pin-input",{"title":363,"path":364,"stem":365,"framework":11,"module":11},"Popover","/components/popover","3.components/popover",{"title":367,"path":368,"stem":369,"framework":11,"module":35,"badge":148},"PricingPlan","/components/pricing-plan","3.components/pricing-plan",{"title":371,"path":372,"stem":373,"framework":11,"module":35,"badge":148},"PricingPlans","/components/pricing-plans","3.components/pricing-plans",{"title":375,"path":376,"stem":377,"framework":11,"module":11},"Progress","/components/progress","3.components/progress",{"title":379,"path":380,"stem":381,"framework":11,"module":11},"RadioGroup","/components/radio-group","3.components/radio-group",{"title":383,"path":384,"stem":385,"framework":11,"module":11},"Select","/components/select","3.components/select",{"title":387,"path":388,"stem":389,"framework":11,"module":11},"SelectMenu","/components/select-menu","3.components/select-menu",{"title":391,"path":392,"stem":393,"framework":11,"module":11},"Separator","/components/separator","3.components/separator",{"title":395,"path":396,"stem":397,"framework":11,"module":11},"Skeleton","/components/skeleton","3.components/skeleton",{"title":399,"path":400,"stem":401,"framework":11,"module":11},"Slideover","/components/slideover","3.components/slideover",{"title":403,"path":404,"stem":405,"framework":11,"module":11},"Slider","/components/slider","3.components/slider",{"title":407,"path":408,"stem":409,"framework":11,"module":11,"badge":148},"Stepper","/components/stepper","3.components/stepper",{"title":411,"path":412,"stem":413,"framework":11,"module":11},"Switch","/components/switch","3.components/switch",{"title":415,"path":416,"stem":417,"framework":11,"module":11},"Table","/components/table","3.components/table",{"title":419,"path":420,"stem":421,"framework":11,"module":11},"Tabs","/components/tabs","3.components/tabs",{"title":423,"path":424,"stem":425,"framework":11,"module":11},"Textarea","/components/textarea","3.components/textarea",{"title":427,"path":428,"stem":429,"framework":11,"module":11},"Toast","/components/toast","3.components/toast",{"title":431,"path":432,"stem":433,"framework":11,"module":11},"Tooltip","/components/tooltip","3.components/tooltip",{"title":435,"path":436,"stem":437,"framework":11,"module":35},"User","/components/user","3.components/user",{"id":439,"title":440,"body":441,"description":563,"extension":564,"framework":11,"links":11,"meta":565,"module":11,"navigation":36,"path":566,"seo":567,"stem":568},"content/2.composables/use-form-field.md","useFormField",{"type":442,"value":443,"toc":560},"minimal",[444,449,461,556],[445,446,448],"h2",{"id":447},"usage","Usage",[450,451,452,453,456,457,460],"p",{},"Use the auto-imported ",[454,455,440],"code",{}," composable to integrate custom inputs with a ",[458,459,247],"a",{"href":248},".",[462,463,467],"pre",{"className":464,"code":465,"language":26,"meta":466,"style":466},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nconst { inputId, emitFormBlur, emitFormInput, emitFormChange } = useFormField()\n\u003C/script>\n","",[454,468,469,504,546],{"__ignoreMap":466},[470,471,474,478,482,486,489,492,495,499,501],"span",{"class":472,"line":473},"line",1,[470,475,477],{"class":476},"s86vT","\u003C",[470,479,481],{"class":480},"sd2Uz","script",[470,483,485],{"class":484},"s50WR"," setup",[470,487,488],{"class":484}," lang",[470,490,491],{"class":476},"=",[470,493,494],{"class":476},"\"",[470,496,498],{"class":497},"sIEYB","ts",[470,500,494],{"class":476},[470,502,503],{"class":476},">\n",[470,505,507,510,513,517,520,523,525,528,530,533,536,539,543],{"class":472,"line":506},2,[470,508,509],{"class":484},"const",[470,511,512],{"class":476}," {",[470,514,516],{"class":515},"sndM8"," inputId",[470,518,519],{"class":476},",",[470,521,522],{"class":515}," emitFormBlur",[470,524,519],{"class":476},[470,526,527],{"class":515}," emitFormInput",[470,529,519],{"class":476},[470,531,532],{"class":515}," emitFormChange ",[470,534,535],{"class":476},"}",[470,537,538],{"class":476}," =",[470,540,542],{"class":541},"swgpB"," useFormField",[470,544,545],{"class":515},"()\n",[470,547,549,552,554],{"class":472,"line":548},3,[470,550,551],{"class":476},"\u003C/",[470,553,481],{"class":480},[470,555,503],{"class":476},[557,558,559],"style",{},"html pre.shiki code .s86vT, html code.shiki .s86vT{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sd2Uz, html code.shiki .sd2Uz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .s50WR, html code.shiki .s50WR{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sIEYB, html code.shiki .sIEYB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sndM8, html code.shiki .sndM8{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .swgpB, html code.shiki .swgpB{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":466,"searchDepth":506,"depth":506,"links":561},[562],{"id":447,"depth":506,"text":448},"A composable to integrate custom inputs with the Form component","md",{},"/composables/use-form-field",{"title":440,"description":563},"2.composables/use-form-field",[11,11],{"data":571,"body":572,"excerpt":-1,"toc":581},{"title":466,"description":563},{"type":573,"children":574},"root",[575],{"type":576,"tag":450,"props":577,"children":578},"element",{},[579],{"type":580,"value":563},"text",{"title":466,"searchDepth":506,"depth":506,"links":582},[],1736936012296]