[{"data":1,"prerenderedAt":360},["ShallowReactive",2],{"navigation":3,"/changelog/yaml-json-form":179},[4,24,43,61,83,101,119,149],{"title":5,"path":6,"stem":7,"children":8,"icon":23},"Getting Started","/docs/getting-started","docs/1.getting-started/1.index",[9,11,15,19],{"title":10,"path":6,"stem":7},"Introduction",{"title":12,"path":13,"stem":14},"Installation","/docs/getting-started/installation","docs/1.getting-started/2.installation",{"title":16,"path":17,"stem":18},"Configuration","/docs/getting-started/configuration","docs/1.getting-started/3.configuration",{"title":20,"path":21,"stem":22},"Migration","/docs/getting-started/migration","docs/1.getting-started/4.migration","i-lucide-square-play",{"title":25,"icon":26,"path":27,"stem":28,"children":29,"page":42},"Collections","i-lucide-database","/docs/collections","docs/2.collections",[30,34,38],{"title":31,"path":32,"stem":33},"Define","/docs/collections/define","docs/2.collections/1.define",{"title":35,"path":36,"stem":37},"Types","/docs/collections/types","docs/2.collections/2.types",{"title":39,"path":40,"stem":41},"Sources","/docs/collections/sources","docs/2.collections/3.sources",false,{"title":44,"icon":45,"path":46,"stem":47,"children":48,"page":42},"Files","i-lucide-file","/docs/files","docs/3.files",[49,53,57],{"title":50,"path":51,"stem":52},"Markdown","/docs/files/markdown","docs/3.files/1.markdown",{"title":54,"path":55,"stem":56},"YAML","/docs/files/yaml","docs/3.files/2.yaml",{"title":58,"path":59,"stem":60},"JSON","/docs/files/json","docs/3.files/3.json",{"title":62,"icon":63,"path":64,"stem":65,"children":66,"page":42},"Query Utils","i-lucide-square-function","/docs/utils","docs/4.utils",[67,71,75,79],{"title":68,"path":69,"stem":70},"queryCollection","/docs/utils/query-collection","docs/4.utils/1.query-collection",{"title":72,"path":73,"stem":74},"queryCollectionNavigation","/docs/utils/query-collection-navigation","docs/4.utils/2.query-collection-navigation",{"title":76,"path":77,"stem":78},"queryCollectionItemSurroundings","/docs/utils/query-collection-item-surroundings","docs/4.utils/3.query-collection-item-surroundings",{"title":80,"path":81,"stem":82},"queryCollectionSearchSections","/docs/utils/query-collection-search-sections","docs/4.utils/4.query-collection-search-sections",{"title":84,"icon":85,"path":86,"stem":87,"children":88,"page":42},"Components","i-lucide-square-code","/docs/components","docs/5.components",[89,93,97],{"title":90,"path":91,"stem":92},"ContentRenderer","/docs/components/content-renderer","docs/5.components/0.content-renderer",{"title":94,"path":95,"stem":96},"Slot","/docs/components/slot","docs/5.components/1.slot",{"title":98,"path":99,"stem":100},"Prose Components","/docs/components/prose","docs/5.components/2.prose",{"title":102,"icon":103,"path":104,"stem":105,"children":106,"page":42},"Deploy","i-lucide-cloud-upload","/docs/deploy","docs/6.deploy",[107,111,115],{"title":108,"path":109,"stem":110},"Server","/docs/deploy/server","docs/6.deploy/1.server",{"title":112,"path":113,"stem":114},"Serverless","/docs/deploy/serverless","docs/6.deploy/2.serverless",{"title":116,"path":117,"stem":118},"Static","/docs/deploy/static","docs/6.deploy/3.static",{"title":120,"icon":121,"path":122,"stem":123,"children":124,"page":42},"Advanced","i-lucide-code-xml","/docs/advanced","docs/7.advanced",[125,129,133,137,141,145],{"title":126,"path":127,"stem":128},"Full-Text Search","/docs/advanced/fulltext-search","docs/7.advanced/1.fulltext-search",{"title":130,"path":131,"stem":132},"Raw Content","/docs/advanced/raw-content","docs/7.advanced/2.raw-content",{"title":134,"path":135,"stem":136},"SQL Storage","/docs/advanced/database","docs/7.advanced/3.database",{"title":138,"path":139,"stem":140},"Debugging tools","/docs/advanced/tools","docs/7.advanced/4.tools",{"title":142,"path":143,"stem":144},"Hooks","/docs/advanced/hooks","docs/7.advanced/5.hooks",{"title":146,"path":147,"stem":148},"Custom Source","/docs/advanced/custom-source","docs/7.advanced/6.custom-source",{"title":150,"icon":151,"path":152,"stem":153,"children":154,"page":42},"Studio","i-lucide-monitor","/docs/studio","docs/8.studio",[155,159,163,167,171,175],{"title":156,"path":157,"stem":158},"Setup","/docs/studio/setup","docs/8.studio/1.setup",{"title":160,"path":161,"stem":162},"Synchronization","/docs/studio/github","docs/8.studio/2.github",{"title":164,"path":165,"stem":166},"Content editors","/docs/studio/content","docs/8.studio/3.content",{"title":168,"path":169,"stem":170},"Medias","/docs/studio/medias","docs/8.studio/4.medias",{"title":172,"path":173,"stem":174},"App Config","/docs/studio/config","docs/8.studio/5.config",{"title":176,"path":177,"stem":178},"Local Debug","/docs/studio/debug","docs/8.studio/6.debug",{"page":180,"surround":353},{"id":181,"title":182,"authors":183,"body":189,"category":342,"date":343,"description":344,"draft":42,"extension":345,"image":346,"meta":348,"navigation":349,"path":350,"seo":351,"stem":352},"posts/changelog/yaml-json-form.md","Visual YAML and JSON File Edition",[184],{"name":185,"to":186,"avatar":187},"Baptiste Leproux","https://x.com/_larbish",{"src":188},"https://avatars.githubusercontent.com/u/7290030?v=4",{"type":190,"value":191,"toc":329},"minimal",[192,216,227,232,240,247,252,258,262,274,278,281,326],[193,194,195],"warning",{},[196,197,198,199,206,207,211,212,215],"p",{},"This article was published before the merge of the ",[200,201,205],"a",{"href":202,"rel":203},"https://github.com/nuxt/content",[204],"nofollow","Content"," and ",[200,208,150],{"href":209,"rel":210},"https://github.com/nuxtlabs/studio-module",[204]," modules on January 6, 2025. As a result, it may contain some inconsistencies. The Studio module is now deprecated and available as an opt-in feature of the Content module. Learn how to enable it in ",[200,213,214],{"href":6},"this guide",".",[217,218,220,221,206,224,226],"h2",{"id":219},"auto-generated-form-for-yaml-and-json-files","Auto-generated form for ",[222,223,54],"code",{},[222,225,58],{}," files",[228,229],"video",{":controls":230,":loop":230,"src":231},"true","https://res.cloudinary.com/nuxt/video/upload/v1730132248/yml-json-form_n9czcs.mp4",[196,233,234,235,206,237,239],{},"Continuing our journey to make Nuxt Studio the tool for non-technical users to edit their content with Nuxt websites, we're excited to announce that ",[222,236,54],{},[222,238,58],{}," files can now be edited through a generated visual form. This update removes the need for users to interact directly with complex file syntax such as YAML or JSON.",[241,242,244],"callout",{"icon":243},"i-ph-info",[196,245,246],{},"Arrays are not yet handled as form but we'll work on it once collections and user-defined schemas will be released with Nuxt Content v3. See the section below.",[248,249,251],"h3",{"id":250},"synchronized-navigation","Synchronized navigation",[196,253,254,255,215],{},"Alongside this update, we’ve improved the synchronized navigation between the preview and selected files for non-Markdown formats (like YAML and JSON). To apply this fixe, please update the Studio module to the latest version ",[222,256,257],{},"v2.2.0",[217,259,261],{"id":260},"on-the-road-to-nuxt-content-v3","On the Road to Nuxt Content v3",[196,263,264,265,273],{},"We’re excited to share that the fourth alpha version of Nuxt Content v3 has been released, with the ",[200,266,269],{"href":267,"rel":268},"https://content.nuxt.com/",[204],[270,271,272],"strong",{},"draft documentation"," available.",[248,275,277],{"id":276},"whats-next","What’s Next?",[196,279,280],{},"In the coming months, we’ll focus on testing and refining Nuxt Content v3 to ensure a robust, production-ready release. Here’s a quick look at the Nuxt Studio related improvements ahead:",[282,283,284,299,314],"ul",{},[285,286,287,290,291,294,295,298],"li",{},[270,288,289],{},"Merging the Studio module",": Soon, the Studio module will be integrated directly into Nuxt Content. Once Nuxt Content v3 is released, activating Studio will be as simple as setting ",[222,292,293],{},"content.editor: true"," in your ",[222,296,297],{},"nuxt.config.ts"," file. This simplification means no extra module is required for Studio, making setup faster.",[285,300,301,304,305,206,309,313],{},[270,302,303],{},"Unified documentation",": With the module integration, we’ll also merge the ",[200,306,205],{"href":307,"rel":308},"https://content.nuxt.com",[204],[200,310,150],{"href":311,"rel":312},"https://nuxt.studio",[204]," documentation and websites into one comprehensive resource. Only the Studio platform (available once the user is logged) will remain as a standalone site.",[285,315,316,319,320,325],{},[270,317,318],{},"Take advantage of data structures and collections in Studio",": With Nuxt Content v3, the Studio platform will support and adapt its behaviour to ",[200,321,324],{"href":322,"rel":323},"https://content.nuxt.com/getting-started/collections",[204],"collections"," and user-defined schemas. This enhancement will allow schema-generated forms for both YAML and JSON files as well as front-matter within Markdown files.",[196,327,328],{},"These updates reflect our commitment to providing the best content editing platform for your Nuxt website. Stay tuned!",{"title":330,"searchDepth":331,"depth":331,"links":332},"",4,[333,339],{"id":219,"depth":334,"text":335,"children":336},2,"Auto-generated form for YAML and JSON files",[337],{"id":250,"depth":338,"text":251},3,{"id":260,"depth":334,"text":261,"children":340},[341],{"id":276,"depth":338,"text":277},"studio","2024-10-28T01:00:00.000Z","Edit YAML and JSON files with an automatically generated form.","md",{"src":347},"/docs/studio/json-yml-forms.png",{"name":182},true,"/changelog/yaml-json-form",{"title":182,"description":344},"changelog/yaml-json-form",[354,355],null,{"title":356,"path":357,"stem":358,"description":359,"children":-1},"Visual front-matter edition","/changelog/frontmatter-form","changelog/frontmatter-form","Your page metadata is now editable through a visual interface instead of YAML.",1738777683582]