[{"data":1,"prerenderedAt":91},["ShallowReactive",2],{"navigation":3,"index":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,{"id":35,"title":36,"body":37,"description":38,"extension":39,"features":40,"hero":66,"links":37,"meta":87,"navigation":33,"path":6,"seo":88,"stem":89,"__hash__":90},"docs\u002Fdocs\u002Findex.yaml","Nuxt Schema Form · @ederzeel\u002Fnuxt-schema-form",null,"Generate validated forms at runtime from JSON Schema, rendered with Nuxt UI.","yaml",{"title":41,"items":42},"From schema to form",[43,47,51,55,58,62],{"title":44,"description":45,"icon":46},"Forms from JSON Schema","Strings, numbers, booleans, enums, dates, objects and arrays each render as a matching input.","i-lucide-braces",{"title":48,"description":49,"icon":50},"Validation built in","Rules like required and format come from the schema. Add custom error messages or your own validation functions.","i-lucide-shield-check",{"title":52,"description":53,"icon":54},"Layouts","Place fields side by side with layout rows, without changing the shape of your data.","i-lucide-columns-2",{"title":29,"description":56,"icon":57},"Set a renderer on any property to draw it with your own component, from an address block to a multi-step wizard.","i-lucide-puzzle",{"title":59,"description":60,"icon":61},"Defined at runtime","Schemas are plain JSON, so you can load them from an API or a CMS and render new forms without a rebuild.","i-lucide-refresh-cw",{"title":63,"description":64,"icon":65},"Built on Nuxt UI","Fields use Nuxt UI components, so forms follow your theme, colors and color mode.","i-lucide-palette",{"description":67,"orientation":68,"links":69,"code":86},"Describe a form once as JSON Schema and get the fields, validation and layout at runtime, rendered with Nuxt UI components.","horizontal",[70,74,80],{"label":71,"trailingIcon":72,"to":11,"size":73},"Get Started","i-heroicons-arrow-right-20-solid","lg",{"label":75,"icon":76,"size":73,"variant":77,"color":78,"to":79},"Try the demo","i-lucide-play","outline","neutral","\u002Fdemo",{"label":81,"icon":82,"size":73,"variant":83,"color":78,"to":84,"target":85},"Star on GitHub","i-simple-icons-github","ghost","https:\u002F\u002Fgithub.com\u002Fliamederzeel\u002Fnuxt-schema-form","_blank","```bash\nnpx nuxi@latest module add @ederzeel\u002Fnuxt-schema-form\n```\n",{},{"title":36,"description":38},"docs\u002Findex","eiuJxAoWKgtVf9V-YB0ro_pHr86DeSjUzSO4Gwf74WQ",1792420089665]