[{"data":1,"prerenderedAt":1050},["ShallowReactive",2],{"navigation":3,"i-custom:logo":92,"i-lucide:search":96,"i-lucide:moon":98,"i-lucide:sun":100,"i-simple-icons:github":102,"i-lucide:menu":104,"i-lucide:house":106,"i-lucide:package":108,"i-lucide:play":110,"i-simple-icons:nuxtdotjs":112,"i-lucide:arrow-right-left":114,"i-lucide:square":116,"i-lucide:text-cursor-input":118,"i-lucide:message-circle-warning":120,"i-lucide:list":122,"i-lucide:code":124,"i-lucide:share-2":126,"i-lucide:shield-check":128,"i-lucide:chevron-down":130,"\u002Fget-started\u002Fquickstart":132,"\u002Fget-started\u002Fquickstart-surround":1039,"i-lucide:copy":1044,"i-lucide:text-align-start":1046,"i-lucide:hash":1048},[4,33,58,68,83],{"title":5,"path":6,"stem":7,"children":8,"icon":32},"Get Started","\u002Fget-started","1.get-started\u002F1.index",[9,12,17,22,27],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fget-started\u002Finstallation","1.get-started\u002F2.installation","i-lucide-package",{"title":18,"path":19,"stem":20,"icon":21},"Quickstart","\u002Fget-started\u002Fquickstart","1.get-started\u002F3.quickstart","i-lucide-play",{"title":23,"path":24,"stem":25,"icon":26},"Nuxt Module","\u002Fget-started\u002Fnuxt-module","1.get-started\u002F4.nuxt-module","i-simple-icons-nuxtdotjs",{"title":28,"path":29,"stem":30,"icon":31},"Migrating to v2","\u002Fget-started\u002Fmigration","1.get-started\u002F5.migration","i-lucide-arrow-right-left",false,{"title":34,"icon":32,"path":35,"stem":36,"children":37,"page":32},"Components","\u002Fcomponents","2.components",[38,43,48,53],{"title":39,"path":40,"stem":41,"icon":42},"NotForm","\u002Fcomponents\u002Fnot-form","2.components\u002F1.not-form","i-lucide-square",{"title":44,"path":45,"stem":46,"icon":47},"NotField","\u002Fcomponents\u002Fnot-field","2.components\u002F2.not-field","i-lucide-text-cursor-input",{"title":49,"path":50,"stem":51,"icon":52},"NotMessage","\u002Fcomponents\u002Fnot-message","2.components\u002F3.not-message","i-lucide-message-circle-warning",{"title":54,"path":55,"stem":56,"icon":57},"NotArrayField","\u002Fcomponents\u002Fnot-array-field","2.components\u002F4.not-array-field","i-lucide-list",{"title":59,"icon":32,"path":60,"stem":61,"children":62,"page":32},"Composables","\u002Fcomposables","3.composables",[63],{"title":64,"path":65,"stem":66,"icon":67},"useNotForm","\u002Fcomposables\u002Fuse-not-form","3.composables\u002F1.use-not-form","i-lucide-code",{"title":69,"icon":32,"path":70,"stem":71,"children":72,"page":32},"Advanced","\u002Fadvanced","4.advanced",[73,78],{"title":74,"path":75,"stem":76,"icon":77},"Pinia & Composables","\u002Fadvanced\u002Fpinia-and-composables","4.advanced\u002F2.pinia-and-composables","i-lucide-share-2",{"title":79,"path":80,"stem":81,"icon":82},"Validation","\u002Fadvanced\u002Fvalidation","4.advanced\u002F3.validation","i-lucide-shield-check",{"title":84,"icon":32,"path":85,"stem":86,"children":87,"page":32},"Working with AI","\u002Fai","5.ai",[88],{"title":89,"path":90,"stem":91},"LLMs.txt","\u002Fai\u002Fllms-txt","5.ai\u002F1.llms-txt",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":95},0,24,"\u003Cg fill=\"none\">\u003C!--field 1-->\n  \u003Crect x=\"0.5\" y=\"0.5\" width=\"23\" height=\"3\" rx=\"0.3\" stroke=\"currentColor\" stroke-opacity=\"0.5\" stroke-width=\"0.3\"\u002F>\n\u003C!--field 2 — active-->\n  \u003Crect x=\"0.5\" y=\"4.3\" width=\"23\" height=\"3\" rx=\"0.3\" fill=\"currentColor\" fill-opacity=\"0.12\" stroke=\"currentColor\" stroke-opacity=\"0.75\" stroke-width=\"0.3\"\u002F>\n  \u003Crect x=\"1\" y=\"5.7\" width=\"8\" height=\"0.3\" rx=\"0.2\" fill=\"currentColor\" fill-opacity=\"0.5\"\u002F>\n\u003C!--field 3-->\n  \u003Crect x=\"0.5\" y=\"8.6\" width=\"23\" height=\"3\" rx=\"0.3\" stroke=\"currentColor\" stroke-opacity=\"0.5\" stroke-width=\"0.3\"\u002F>\n\u003C!--button-->\n  \u003Crect x=\"0.5\" y=\"12.9\" width=\"9.9\" height=\"3\" rx=\"0.3\" fill=\"currentColor\" fill-opacity=\"0.2\" stroke=\"currentColor\" stroke-width=\"0.2\"\u002F>\n  \u003Crect x=\"2.2\" y=\"14.3\" width=\"5.5\" height=\"0.4\" rx=\"0.2\" fill=\"currentColor\" fill-opacity=\"0.85\"\u002F>\u003C\u002Fg>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":97},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"m21 21l-4.34-4.34\"\u002F>\u003Ccircle cx=\"11\" cy=\"11\" r=\"8\"\u002F>\u003C\u002Fg>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":99},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\"\u002F>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":101},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"4\"\u002F>\u003Cpath d=\"M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41\"\u002F>\u003C\u002Fg>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":103},"\u003Cpath fill=\"currentColor\" d=\"M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\u002F>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":105},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5h16M4 12h16M4 19h16\"\u002F>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":107},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"\u002F>\u003Cpath d=\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\u002F>\u003C\u002Fg>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":109},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73zm1 .27V12\"\u002F>\u003Cpath d=\"M3.29 7L12 12l8.71-5M7.5 4.27l9 5.15\"\u002F>\u003C\u002Fg>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":111},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z\"\u002F>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":113},"\u003Cpath fill=\"currentColor\" d=\"M13.464 19.83h8.922c.283 0 .562-.073.807-.21a1.6 1.6 0 0 0 .591-.574a1.53 1.53 0 0 0 .216-.783a1.53 1.53 0 0 0-.217-.782L17.792 7.414a1.6 1.6 0 0 0-.591-.573a1.65 1.65 0 0 0-.807-.21c-.283 0-.562.073-.807.21a1.6 1.6 0 0 0-.59.573L13.463 9.99L10.47 4.953a1.6 1.6 0 0 0-.591-.573a1.65 1.65 0 0 0-.807-.21c-.284 0-.562.073-.807.21a1.6 1.6 0 0 0-.591.573L.216 17.481a1.53 1.53 0 0 0-.217.782c0 .275.074.545.216.783a1.6 1.6 0 0 0 .59.574c.246.137.525.21.808.21h5.6c2.22 0 3.856-.946 4.982-2.79l2.733-4.593l1.464-2.457l4.395 7.382h-5.859Zm-6.341-2.46l-3.908-.002l5.858-9.842l2.923 4.921l-1.957 3.29c-.748 1.196-1.597 1.632-2.916 1.632\"\u002F>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":115},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m16 3l4 4l-4 4m4-4H4m4 14l-4-4l4-4m-4 4h16\"\u002F>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":117},"\u003Crect width=\"18\" height=\"18\" x=\"3\" y=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" rx=\"2\"\u002F>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":119},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 20h-1a2 2 0 0 1-2-2a2 2 0 0 1-2 2H6m7-12h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7m-8 0H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1m1-4h1a2 2 0 0 1 2 2a2 2 0 0 1 2-2h1M9 6v12\"\u002F>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":121},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092a10 10 0 1 0-4.777-4.719M12 8v4m0 4h.01\"\u002F>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":123},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5h.01M3 12h.01M3 19h.01M8 5h13M8 12h13M8 19h13\"\u002F>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":125},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m16 18l6-6l-6-6M8 6l-6 6l6 6\"\u002F>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":127},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"18\" cy=\"5\" r=\"3\"\u002F>\u003Ccircle cx=\"6\" cy=\"12\" r=\"3\"\u002F>\u003Ccircle cx=\"18\" cy=\"19\" r=\"3\"\u002F>\u003Cpath d=\"m8.59 13.51l6.83 3.98m-.01-10.98l-6.82 3.98\"\u002F>\u003C\u002Fg>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":129},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\u002F>\u003Cpath d=\"m9 12l2 2l4-4\"\u002F>\u003C\u002Fg>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":131},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"\u002F>",{"id":133,"title":18,"body":134,"description":1033,"extension":1034,"meta":1035,"navigation":1036,"path":19,"seo":1037,"stem":20,"__hash__":1038},"docs\u002F1.get-started\u002F3.quickstart.md",{"type":135,"value":136,"toc":1029},"minimark",[137,141,158,163,994,998,1025],[138,139,140],"p",{},"This page walks through building a complete form from scratch. It covers the four components you will use in almost every form.",[142,143,144,147],"code-preview",{},[145,146],"demos-quickstart",{},[148,149,151],"template",{"v-slot:code":150},"",[152,153,154],"code-collapse",{},[155,156],"docs-demo-code",{"file":157},"quickstart.vue",[159,160,162],"h2",{"id":161},"how-it-works","How it works",[164,165,167,172,178,511,517,524,537,656,673,680,689,793,834,841,846,949,960],"steps",{"level":166},"3",[168,169,171],"h3",{"id":170},"create-a-form-instance","Create a form instance",[138,173,174,177],{},[175,176,64],"code",{}," takes a schema and initial values. It returns the instance you work with throughout the form.",[179,180,184],"pre",{"className":181,"code":182,"language":183,"meta":150,"style":150},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { useNotForm } from 'notform'\nimport { z } from 'zod'\n\nconst form = useNotForm({\n  schema: z.object({\n    email: z.string().email('Enter a valid email'),\n    password: z.string('Invalid input').min(8, 'At least 8 characters'),\n  }),\n  initialValues: { email: '', password: '' },\n  onSubmit: async (values) => {\n    \u002F\u002F Called only when schema passes. values is typed.\n    await login(values)\n  },\n})\n","vue",[175,185,186,221,250,271,278,298,319,358,408,418,448,474,481,497,503],{"__ignoreMap":150},[187,188,191,195,199,203,206,209,212,216,218],"span",{"class":189,"line":190},"line",1,[187,192,194],{"class":193},"sMK4o","\u003C",[187,196,198],{"class":197},"swJcz","script",[187,200,202],{"class":201},"spNyl"," setup",[187,204,205],{"class":201}," lang",[187,207,208],{"class":193},"=",[187,210,211],{"class":193},"\"",[187,213,215],{"class":214},"sfazB","ts",[187,217,211],{"class":193},[187,219,220],{"class":193},">\n",[187,222,224,228,231,235,238,241,244,247],{"class":189,"line":223},2,[187,225,227],{"class":226},"s7zQu","import",[187,229,230],{"class":193}," {",[187,232,234],{"class":233},"sTEyZ"," useNotForm",[187,236,237],{"class":193}," }",[187,239,240],{"class":226}," from",[187,242,243],{"class":193}," '",[187,245,246],{"class":214},"notform",[187,248,249],{"class":193},"'\n",[187,251,253,255,257,260,262,264,266,269],{"class":189,"line":252},3,[187,254,227],{"class":226},[187,256,230],{"class":193},[187,258,259],{"class":233}," z",[187,261,237],{"class":193},[187,263,240],{"class":226},[187,265,243],{"class":193},[187,267,268],{"class":214},"zod",[187,270,249],{"class":193},[187,272,274],{"class":189,"line":273},4,[187,275,277],{"emptyLinePlaceholder":276},true,"\n",[187,279,281,284,287,289,292,295],{"class":189,"line":280},5,[187,282,283],{"class":201},"const",[187,285,286],{"class":233}," form ",[187,288,208],{"class":193},[187,290,234],{"class":291},"s2Zo4",[187,293,294],{"class":233},"(",[187,296,297],{"class":193},"{\n",[187,299,301,304,307,309,312,315,317],{"class":189,"line":300},6,[187,302,303],{"class":197},"  schema",[187,305,306],{"class":193},":",[187,308,259],{"class":233},[187,310,311],{"class":193},".",[187,313,314],{"class":291},"object",[187,316,294],{"class":233},[187,318,297],{"class":193},[187,320,322,325,327,329,331,334,337,339,342,344,347,350,352,355],{"class":189,"line":321},7,[187,323,324],{"class":197},"    email",[187,326,306],{"class":193},[187,328,259],{"class":233},[187,330,311],{"class":193},[187,332,333],{"class":291},"string",[187,335,336],{"class":233},"()",[187,338,311],{"class":193},[187,340,341],{"class":291},"email",[187,343,294],{"class":233},[187,345,346],{"class":193},"'",[187,348,349],{"class":214},"Enter a valid email",[187,351,346],{"class":193},[187,353,354],{"class":233},")",[187,356,357],{"class":193},",\n",[187,359,361,364,366,368,370,372,374,376,379,381,383,385,388,390,394,397,399,402,404,406],{"class":189,"line":360},8,[187,362,363],{"class":197},"    password",[187,365,306],{"class":193},[187,367,259],{"class":233},[187,369,311],{"class":193},[187,371,333],{"class":291},[187,373,294],{"class":233},[187,375,346],{"class":193},[187,377,378],{"class":214},"Invalid input",[187,380,346],{"class":193},[187,382,354],{"class":233},[187,384,311],{"class":193},[187,386,387],{"class":291},"min",[187,389,294],{"class":233},[187,391,393],{"class":392},"sbssI","8",[187,395,396],{"class":193},",",[187,398,243],{"class":193},[187,400,401],{"class":214},"At least 8 characters",[187,403,346],{"class":193},[187,405,354],{"class":233},[187,407,357],{"class":193},[187,409,411,414,416],{"class":189,"line":410},9,[187,412,413],{"class":193},"  }",[187,415,354],{"class":233},[187,417,357],{"class":193},[187,419,421,424,426,428,431,433,436,438,441,443,445],{"class":189,"line":420},10,[187,422,423],{"class":197},"  initialValues",[187,425,306],{"class":193},[187,427,230],{"class":193},[187,429,430],{"class":197}," email",[187,432,306],{"class":193},[187,434,435],{"class":193}," ''",[187,437,396],{"class":193},[187,439,440],{"class":197}," password",[187,442,306],{"class":193},[187,444,435],{"class":193},[187,446,447],{"class":193}," },\n",[187,449,451,454,456,459,462,466,468,471],{"class":189,"line":450},11,[187,452,453],{"class":291},"  onSubmit",[187,455,306],{"class":193},[187,457,458],{"class":201}," async",[187,460,461],{"class":193}," (",[187,463,465],{"class":464},"sHdIc","values",[187,467,354],{"class":193},[187,469,470],{"class":201}," =>",[187,472,473],{"class":193}," {\n",[187,475,477],{"class":189,"line":476},12,[187,478,480],{"class":479},"sHwdD","    \u002F\u002F Called only when schema passes. values is typed.\n",[187,482,484,487,490,492,494],{"class":189,"line":483},13,[187,485,486],{"class":226},"    await",[187,488,489],{"class":291}," login",[187,491,294],{"class":197},[187,493,465],{"class":233},[187,495,496],{"class":197},")\n",[187,498,500],{"class":189,"line":499},14,[187,501,502],{"class":193},"  },\n",[187,504,506,509],{"class":189,"line":505},15,[187,507,508],{"class":193},"}",[187,510,496],{"class":233},[138,512,513,516],{},[175,514,515],{},"onSubmit"," only runs when validation passes. If validation fails on submit, it is never called.",[168,518,520,521],{"id":519},"wrap-with-notform","Wrap with ",[175,522,523],{},"\u003CNotForm>",[138,525,526,528,529,532,533,536],{},[175,527,523],{}," renders a ",[175,530,531],{},"\u003Cform>"," element and makes the instance available to all descendants through Vue's ",[175,534,535],{},"provide\u002Finject",". Pass the instance once here — you do not need to pass it to every field.",[179,538,540],{"className":181,"code":539,"language":183,"meta":150,"style":150},"\u003Ctemplate>\n  \u003CNotForm :form=\"form\" @submit=\"form.submit\">\n    \u003CNotField\n      v-slot=\"{ events,path }\"\n      path=\"email\"\n    >\n      \u003C!-- Fields -->\n    \u003C\u002FNotField>\n  \u003C\u002FNotForm>\n\u003C\u002Ftemplate>\n",[175,541,542,550,583,591,606,619,624,629,638,647],{"__ignoreMap":150},[187,543,544,546,548],{"class":189,"line":190},[187,545,194],{"class":193},[187,547,148],{"class":197},[187,549,220],{"class":193},[187,551,552,555,557,560,562,564,567,569,572,574,576,579,581],{"class":189,"line":223},[187,553,554],{"class":193},"  \u003C",[187,556,39],{"class":197},[187,558,559],{"class":201}," :form",[187,561,208],{"class":193},[187,563,211],{"class":193},[187,565,566],{"class":214},"form",[187,568,211],{"class":193},[187,570,571],{"class":201}," @submit",[187,573,208],{"class":193},[187,575,211],{"class":193},[187,577,578],{"class":214},"form.submit",[187,580,211],{"class":193},[187,582,220],{"class":193},[187,584,585,588],{"class":189,"line":252},[187,586,587],{"class":193},"    \u003C",[187,589,590],{"class":197},"NotField\n",[187,592,593,596,598,600,603],{"class":189,"line":273},[187,594,595],{"class":201},"      v-slot",[187,597,208],{"class":193},[187,599,211],{"class":193},[187,601,602],{"class":214},"{ events,path }",[187,604,605],{"class":193},"\"\n",[187,607,608,611,613,615,617],{"class":189,"line":280},[187,609,610],{"class":201},"      path",[187,612,208],{"class":193},[187,614,211],{"class":193},[187,616,341],{"class":214},[187,618,605],{"class":193},[187,620,621],{"class":189,"line":300},[187,622,623],{"class":193},"    >\n",[187,625,626],{"class":189,"line":321},[187,627,628],{"class":479},"      \u003C!-- Fields -->\n",[187,630,631,634,636],{"class":189,"line":360},[187,632,633],{"class":193},"    \u003C\u002F",[187,635,44],{"class":197},[187,637,220],{"class":193},[187,639,640,643,645],{"class":189,"line":410},[187,641,642],{"class":193},"  \u003C\u002F",[187,644,39],{"class":197},[187,646,220],{"class":193},[187,648,649,652,654],{"class":189,"line":420},[187,650,651],{"class":193},"\u003C\u002F",[187,653,148],{"class":197},[187,655,220],{"class":193},[138,657,658,659,662,663,665,666,669,670,672],{},"Bind ",[175,660,661],{},"@submit"," to ",[175,664,578],{},". It calls ",[175,667,668],{},"event.preventDefault()"," when validation fails or when ",[175,671,515],{}," is defined, so you never need to wire that up yourself.",[168,674,676,677],{"id":675},"add-fields-with-notfield","Add fields with ",[175,678,679],{},"\u003CNotField>",[138,681,682,684,685,688],{},[175,683,679],{}," is renderless. It tracks state for one field and hands it to the slot. Spread ",[175,686,687],{},"events"," onto any native input.",[179,690,692],{"className":181,"code":691,"language":183,"meta":150,"style":150},"\u003Ctemplate>\n  \u003CNotField path=\"email\" v-slot=\"{ events }\">\n    \u003Cinput v-model=\"form.values.email\" type=\"email\" v-bind=\"events\" \u002F>\n  \u003C\u002FNotField>\n\u003C\u002Ftemplate>\n",[175,693,694,702,733,777,785],{"__ignoreMap":150},[187,695,696,698,700],{"class":189,"line":190},[187,697,194],{"class":193},[187,699,148],{"class":197},[187,701,220],{"class":193},[187,703,704,706,708,711,713,715,717,719,722,724,726,729,731],{"class":189,"line":223},[187,705,554],{"class":193},[187,707,44],{"class":197},[187,709,710],{"class":201}," path",[187,712,208],{"class":193},[187,714,211],{"class":193},[187,716,341],{"class":214},[187,718,211],{"class":193},[187,720,721],{"class":201}," v-slot",[187,723,208],{"class":193},[187,725,211],{"class":193},[187,727,728],{"class":214},"{ events }",[187,730,211],{"class":193},[187,732,220],{"class":193},[187,734,735,737,740,743,745,747,750,752,755,757,759,761,763,766,768,770,772,774],{"class":189,"line":252},[187,736,587],{"class":193},[187,738,739],{"class":197},"input",[187,741,742],{"class":201}," v-model",[187,744,208],{"class":193},[187,746,211],{"class":193},[187,748,749],{"class":214},"form.values.email",[187,751,211],{"class":193},[187,753,754],{"class":201}," type",[187,756,208],{"class":193},[187,758,211],{"class":193},[187,760,341],{"class":214},[187,762,211],{"class":193},[187,764,765],{"class":201}," v-bind",[187,767,208],{"class":193},[187,769,211],{"class":193},[187,771,687],{"class":214},[187,773,211],{"class":193},[187,775,776],{"class":193}," \u002F>\n",[187,778,779,781,783],{"class":189,"line":273},[187,780,642],{"class":193},[187,782,44],{"class":197},[187,784,220],{"class":193},[187,786,787,789,791],{"class":189,"line":280},[187,788,651],{"class":193},[187,790,148],{"class":197},[187,792,220],{"class":193},[794,795,796,806,815],"ul",{},[797,798,799,802,803],"li",{},[175,800,801],{},"path"," — dot-separated path to the value in ",[175,804,805],{},"form.values",[797,807,808,811,812,814],{},[175,809,810],{},"v-model"," binds directly to ",[175,813,805],{}," — no unwrapping",[797,816,817,820,821,824,825,824,828,824,831],{},[175,818,819],{},"v-bind=\"events\""," attaches ",[175,822,823],{},"onBlur",", ",[175,826,827],{},"onInput",[175,829,830],{},"onChange",[175,832,833],{},"onFocus",[168,835,837,838],{"id":836},"show-errors-with-notmessage","Show errors with ",[175,839,840],{},"\u003CNotMessage>",[138,842,843,845],{},[175,844,840],{}," renders the first error for a path. It renders nothing when there is no error.",[179,847,849],{"className":181,"code":848,"language":183,"meta":150,"style":150},"\u003Ctemplate>\n  \u003CNotField path=\"email\" v-slot=\"{ events }\">\n    \u003Cinput v-model=\"form.values.email\" v-bind=\"events\" \u002F>\n    \u003CNotMessage path=\"email\" \u002F>\n  \u003C\u002FNotField>\n\u003C\u002Ftemplate>\n",[175,850,851,859,887,915,933,941],{"__ignoreMap":150},[187,852,853,855,857],{"class":189,"line":190},[187,854,194],{"class":193},[187,856,148],{"class":197},[187,858,220],{"class":193},[187,860,861,863,865,867,869,871,873,875,877,879,881,883,885],{"class":189,"line":223},[187,862,554],{"class":193},[187,864,44],{"class":197},[187,866,710],{"class":201},[187,868,208],{"class":193},[187,870,211],{"class":193},[187,872,341],{"class":214},[187,874,211],{"class":193},[187,876,721],{"class":201},[187,878,208],{"class":193},[187,880,211],{"class":193},[187,882,728],{"class":214},[187,884,211],{"class":193},[187,886,220],{"class":193},[187,888,889,891,893,895,897,899,901,903,905,907,909,911,913],{"class":189,"line":252},[187,890,587],{"class":193},[187,892,739],{"class":197},[187,894,742],{"class":201},[187,896,208],{"class":193},[187,898,211],{"class":193},[187,900,749],{"class":214},[187,902,211],{"class":193},[187,904,765],{"class":201},[187,906,208],{"class":193},[187,908,211],{"class":193},[187,910,687],{"class":214},[187,912,211],{"class":193},[187,914,776],{"class":193},[187,916,917,919,921,923,925,927,929,931],{"class":189,"line":273},[187,918,587],{"class":193},[187,920,49],{"class":197},[187,922,710],{"class":201},[187,924,208],{"class":193},[187,926,211],{"class":193},[187,928,341],{"class":214},[187,930,211],{"class":193},[187,932,776],{"class":193},[187,934,935,937,939],{"class":189,"line":280},[187,936,642],{"class":193},[187,938,44],{"class":197},[187,940,220],{"class":193},[187,942,943,945,947],{"class":189,"line":300},[187,944,651],{"class":193},[187,946,148],{"class":197},[187,948,220],{"class":193},[138,950,951,952,955,956,959],{},"It renders a ",[175,953,954],{},"\u003Cspan>"," by default. Use ",[175,957,958],{},"as"," to change the tag, and pass any class or attribute as normal.",[179,961,963],{"className":181,"code":962,"language":183,"meta":150,"style":150},"\u003CNotMessage path=\"email\" as=\"p\" \u002F>\n",[175,964,965],{"__ignoreMap":150},[187,966,967,969,971,973,975,977,979,981,984,986,988,990,992],{"class":189,"line":190},[187,968,194],{"class":193},[187,970,49],{"class":197},[187,972,710],{"class":201},[187,974,208],{"class":193},[187,976,211],{"class":193},[187,978,341],{"class":214},[187,980,211],{"class":193},[187,982,983],{"class":201}," as",[187,985,208],{"class":193},[187,987,211],{"class":193},[187,989,138],{"class":214},[187,991,211],{"class":193},[187,993,776],{"class":193},[159,995,997],{"id":996},"next-steps","Next steps",[999,1000,1001,1008,1014,1019],"card-group",{},[1002,1003,1005],"app-card",{"icon":1004,"title":44,"to":45},"lucide:text-cursor-input",[138,1006,1007],{},"All slot props, per-field trigger overrides, and singleton usage.",[1002,1009,1011],{"icon":1010,"title":54,"to":55},"lucide:list",[138,1012,1013],{},"Dynamic lists with append, remove, swap, and more.",[1002,1015,1016],{"icon":52,"title":49,"to":50},[138,1017,1018],{},"Display error messages for fields.",[1002,1020,1022],{"icon":1021,"title":64,"to":65},"lucide:code",[138,1023,1024],{},"Full config and return value reference.",[1026,1027,1028],"style",{},"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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}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}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":150,"searchDepth":190,"depth":223,"links":1030},[1031,1032],{"id":161,"depth":223,"text":162},{"id":996,"depth":223,"text":997},"Build a validated form from scratch.","md",{},{"icon":21},{"title":18,"description":1033},"Lola8Uq_Q9a69fpqR1hlKhCz5491TS9l-f1y2BAG6Z4",[1040,1042],{"title":13,"path":14,"stem":15,"description":1041,"icon":16,"children":-1},"Add NotForm and a validation library to your project.",{"title":23,"path":24,"stem":25,"description":1043,"icon":26,"children":-1},"Seamless integration with Nuxt 4 with auto-imports and easy configuration.",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":1045},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\u002F>\u003Cpath d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\u002F>\u003C\u002Fg>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":1047},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 5H3m12 7H3m14 7H3\"\u002F>",{"left":93,"top":93,"width":94,"height":94,"rotate":93,"vFlip":32,"hFlip":32,"body":1049},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 9h16M4 15h16M10 3L8 21m8-18l-2 18\"\u002F>",1776950605188]