[{"data":1,"prerenderedAt":91},["ShallowReactive",2],{"projects-nuxt-schema-form":3},{"id":4,"title":5,"body":6,"date":77,"dateFrom":78,"dateTo":78,"description":79,"extension":80,"image":81,"meta":82,"navigation":85,"path":86,"published":85,"seo":87,"snippet":88,"stem":89,"tags":77,"__hash__":90},"projects\u002Fprojects\u002Fnuxt-schema-form.md","Nuxt Schema Form",{"type":7,"value":8,"toc":74},"minimark",[9,19,22,35,38,70],[10,11,12,18],"p",{},[13,14,5],"a",{":rel":15,":target":16,"href":17},"noopener","_blank","https:\u002F\u002Fgithub.com\u002FLiamEderzeel\u002Fnuxt-schema-form"," is a Nuxt module for runtime form generation. You describe a form as JSON Schema, and the module builds the fields, validation and layout at runtime and renders them with Nuxt UI components. The first release, 0.1.0, came out in October 2026.",[10,20,21],{},"Forms and data structures created by users came up again and again in my work for different employers. I started this package to bring together what I learned along the way, and hopefully to make the next project like that a bit easier, for me and maybe for others too.",[10,23,24,25,29,30,34],{},"Try the ",[13,26,28],{":rel":15,":target":16,"href":27},"https:\u002F\u002Fliamederzeel.github.io\u002Fnuxt-schema-form\u002Fdemo","live demo",", where the form updates as you edit the schema, or read the ",[13,31,33],{":rel":15,":target":16,"href":32},"https:\u002F\u002Fliamederzeel.github.io\u002Fnuxt-schema-form\u002Fdocs\u002Fgetting-started","documentation",".",[10,36,37],{},"Install it in a Nuxt project with:",[39,40,45],"pre",{"className":41,"code":42,"language":43,"meta":44,"style":44},"language-bash shiki shiki-themes github-light github-dark","npx nuxi module add @ederzeel\u002Fnuxt-schema-form\n","bash","",[46,47,48],"code",{"__ignoreMap":44},[49,50,53,57,61,64,67],"span",{"class":51,"line":52},"line",1,[49,54,56],{"class":55},"sScJk","npx",[49,58,60],{"class":59},"sZZnC"," nuxi",[49,62,63],{"class":59}," module",[49,65,66],{"class":59}," add",[49,68,69],{"class":59}," @ederzeel\u002Fnuxt-schema-form\n",[71,72,73],"style",{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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":44,"searchDepth":75,"depth":75,"links":76},2,[],null,"2025-01-29","Nuxt Schema Form is a Nuxt module for runtime form generation. You describe a form as JSON Schema, and the module builds the fields, validation and layout at runtime and renders them with Nuxt UI components. The first release, 0.1.0, came out in October 2026.","md","\u002Fimages\u002Fprojects\u002Fnuxt-schema-form-cover.png",{"slug":83,"employer":84},"nuxt-schema-form","Personal Project",true,"\u002Fprojects\u002Fnuxt-schema-form",{"title":5,"description":79},"A Nuxt module that generates forms at runtime from JSON Schema, rendered with Nuxt UI components.","projects\u002Fnuxt-schema-form","a_miABJbR0MSZa0x5gABBdol9LWb12HAeyUKusYipR8",1792442025227]