[{"data":1,"prerenderedAt":334},["ShallowReactive",2],{"navigation":3,"\u002Fdocs\u002Fgetting-started":34},[4],{"title":5,"path":6,"stem":7,"children":8,"page":33},"Docs","\u002Fdocs","docs",[9],{"title":10,"path":11,"stem":12,"children":13,"icon":32},"Getting started","\u002Fdocs\u002Fgetting-started","docs\u002F01.getting-started\u002F01.index",[14,16,20,24,28],{"title":15,"path":11,"stem":12},"Installation",{"title":17,"path":18,"stem":19},"Usage","\u002Fdocs\u002Fgetting-started\u002Fform","docs\u002F01.getting-started\u002F02.Form",{"title":21,"path":22,"stem":23},"Layout","\u002Fdocs\u002Fgetting-started\u002Flayout","docs\u002F01.getting-started\u002F03.layout",{"title":25,"path":26,"stem":27},"Validation","\u002Fdocs\u002Fgetting-started\u002Fvalidation","docs\u002F01.getting-started\u002F04.validation",{"title":29,"path":30,"stem":31},"Custom renderers","\u002Fdocs\u002Fgetting-started\u002Fcustom-renderers","docs\u002F01.getting-started\u002F05.custom-renderers","i-lucide-square-play",false,{"page":35,"surround":331},{"id":36,"title":15,"body":37,"description":325,"extension":326,"features":327,"hero":327,"links":327,"meta":328,"navigation":327,"path":11,"seo":329,"stem":12,"__hash__":330},"docs\u002Fdocs\u002F01.getting-started\u002F01.index.md",{"type":38,"value":39,"toc":321},"minimark",[40,61,66,78,109,122,182,187,236,240,250,317],[41,42,44],"callout",{"icon":43},"i-heroicons-light-bulb",[45,46,47,48,52,53,60],"p",{},"Nuxt Schema Form is built on ",[49,50,51],"strong",{},"Nuxt UI v4",". See ",[54,55,59],"a",{"href":56,"rel":57},"https:\u002F\u002Fui.nuxt.com\u002F",[58],"nofollow","Nuxt UI"," for more information.",[62,63,65],"h2",{"id":64},"quick-start","Quick Start",[67,68,69],"ol",{},[70,71,72,73,77],"li",{},"Install ",[74,75,76],"code",{},"@ederzeel\u002Fnuxt-schema-form"," in your project:",[79,80,85],"pre",{"className":81,"code":82,"language":83,"meta":84,"style":84},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx nuxi@latest module add @ederzeel\u002Fnuxt-schema-form\n","bash","",[74,86,87],{"__ignoreMap":84},[88,89,92,96,100,103,106],"span",{"class":90,"line":91},"line",1,[88,93,95],{"class":94},"sBMFI","npx",[88,97,99],{"class":98},"sfazB"," nuxi@latest",[88,101,102],{"class":98}," module",[88,104,105],{"class":98}," add",[88,107,108],{"class":98}," @ederzeel\u002Fnuxt-schema-form\n",[67,110,112],{"start":111},2,[70,113,114,115,117,118,121],{},"Make sure ",[74,116,76],{}," is in your ",[74,119,120],{},"nuxt.config"," modules:",[79,123,128],{"className":124,"code":125,"filename":126,"language":127,"meta":84,"style":84},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@ederzeel\u002Fnuxt-schema-form']\n})\n","nuxt.config.ts","ts",[74,129,130,151,173],{"__ignoreMap":84},[88,131,132,136,139,143,147],{"class":90,"line":91},[88,133,135],{"class":134},"s7zQu","export",[88,137,138],{"class":134}," default",[88,140,142],{"class":141},"s2Zo4"," defineNuxtConfig",[88,144,146],{"class":145},"sTEyZ","(",[88,148,150],{"class":149},"sMK4o","{\n",[88,152,153,157,160,163,166,168,170],{"class":90,"line":111},[88,154,156],{"class":155},"swJcz","  modules",[88,158,159],{"class":149},":",[88,161,162],{"class":145}," [",[88,164,165],{"class":149},"'",[88,167,76],{"class":98},[88,169,165],{"class":149},[88,171,172],{"class":145},"]\n",[88,174,176,179],{"class":90,"line":175},3,[88,177,178],{"class":149},"}",[88,180,181],{"class":145},")\n",[67,183,184],{"start":175},[70,185,186],{},"Import the module's styles in your main CSS file, after Nuxt UI, so Tailwind picks up the classes its components use:",[79,188,193],{"className":189,"code":190,"filename":191,"language":192,"meta":84,"style":84},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@import 'tailwindcss';\n@import '@nuxt\u002Fui';\n@import '@ederzeel\u002Fnuxt-schema-form';\n","assets\u002Fcss\u002Fmain.css","css",[74,194,195,211,224],{"__ignoreMap":84},[88,196,197,200,203,206,208],{"class":90,"line":91},[88,198,199],{"class":134},"@import",[88,201,202],{"class":149}," '",[88,204,205],{"class":98},"tailwindcss",[88,207,165],{"class":149},[88,209,210],{"class":149},";\n",[88,212,213,215,217,220,222],{"class":90,"line":111},[88,214,199],{"class":134},[88,216,202],{"class":149},[88,218,219],{"class":98},"@nuxt\u002Fui",[88,221,165],{"class":149},[88,223,210],{"class":149},[88,225,226,228,230,232,234],{"class":90,"line":175},[88,227,199],{"class":134},[88,229,202],{"class":149},[88,231,76],{"class":98},[88,233,165],{"class":149},[88,235,210],{"class":149},[62,237,239],{"id":238},"configuration","Configuration",[45,241,242,243,246,247,249],{},"You can set the module options with the ",[74,244,245],{},"schemaForm"," key in ",[74,248,120],{},".",[79,251,253],{"className":124,"code":252,"filename":126,"language":127,"meta":84,"style":84},"export default defineNuxtConfig({\n  modules: ['@ederzeel\u002Fnuxt-schema-form'],\n  schemaForm: {\n    \u002F\u002F Module Options\n  }\n})\n",[74,254,255,267,287,297,304,310],{"__ignoreMap":84},[88,256,257,259,261,263,265],{"class":90,"line":91},[88,258,135],{"class":134},[88,260,138],{"class":134},[88,262,142],{"class":141},[88,264,146],{"class":145},[88,266,150],{"class":149},[88,268,269,271,273,275,277,279,281,284],{"class":90,"line":111},[88,270,156],{"class":155},[88,272,159],{"class":149},[88,274,162],{"class":145},[88,276,165],{"class":149},[88,278,76],{"class":98},[88,280,165],{"class":149},[88,282,283],{"class":145},"]",[88,285,286],{"class":149},",\n",[88,288,289,292,294],{"class":90,"line":175},[88,290,291],{"class":155},"  schemaForm",[88,293,159],{"class":149},[88,295,296],{"class":149}," {\n",[88,298,300],{"class":90,"line":299},4,[88,301,303],{"class":302},"sHwdD","    \u002F\u002F Module Options\n",[88,305,307],{"class":90,"line":306},5,[88,308,309],{"class":149},"  }\n",[88,311,313,315],{"class":90,"line":312},6,[88,314,178],{"class":149},[88,316,181],{"class":145},[318,319,320],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":84,"searchDepth":111,"depth":111,"links":322},[323,324],{"id":64,"depth":111,"text":65},{"id":238,"depth":111,"text":239},"Get started with Nuxt Schema Form.","md",null,{},{"title":15,"description":325},"9eiYxIvZXy-X6WhQx5O0dBioeGiupfjkGsFAH1H6-qk",[327,332],{"title":17,"path":18,"stem":19,"description":333,"children":-1},"The basics to get started with Nuxt Schema Form.",1792420090195]