[{"data":1,"prerenderedAt":376},["ShallowReactive",2],{"navigation":3,"/changelog/yaml-json-form":195},[4,24,43,61,83,101,135,165],{"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,119,123,127,131],{"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},"NuxtHub","/docs/deploy/nuxthub","docs/6.deploy/3.nuxthub",{"title":120,"path":121,"stem":122},"Cloudflare Pages","/docs/deploy/cloudflare-pages","docs/6.deploy/4.cloudflare-pages",{"title":124,"path":125,"stem":126},"Vercel","/docs/deploy/vercel","docs/6.deploy/5.vercel",{"title":128,"path":129,"stem":130},"Docker","/docs/deploy/docker","docs/6.deploy/6.docker",{"title":132,"path":133,"stem":134},"Static","/docs/deploy/static","docs/6.deploy/7.static",{"title":136,"icon":137,"path":138,"stem":139,"children":140,"page":42},"Advanced","i-lucide-code-xml","/docs/advanced","docs/7.advanced",[141,145,149,153,157,161],{"title":142,"path":143,"stem":144},"Full-Text Search","/docs/advanced/fulltext-search","docs/7.advanced/1.fulltext-search",{"title":146,"path":147,"stem":148},"Raw Content","/docs/advanced/raw-content","docs/7.advanced/2.raw-content",{"title":150,"path":151,"stem":152},"SQL Storage","/docs/advanced/database","docs/7.advanced/3.database",{"title":154,"path":155,"stem":156},"Debugging tools","/docs/advanced/tools","docs/7.advanced/4.tools",{"title":158,"path":159,"stem":160},"Hooks","/docs/advanced/hooks","docs/7.advanced/5.hooks",{"title":162,"path":163,"stem":164},"Custom Source","/docs/advanced/custom-source","docs/7.advanced/6.custom-source",{"title":166,"icon":167,"path":168,"stem":169,"children":170,"page":42},"Studio","i-lucide-monitor","/docs/studio","docs/8.studio",[171,175,179,183,187,191],{"title":172,"path":173,"stem":174},"Setup","/docs/studio/setup","docs/8.studio/1.setup",{"title":176,"path":177,"stem":178},"Synchronization","/docs/studio/github","docs/8.studio/2.github",{"title":180,"path":181,"stem":182},"Content editors","/docs/studio/content","docs/8.studio/3.content",{"title":184,"path":185,"stem":186},"Medias","/docs/studio/medias","docs/8.studio/4.medias",{"title":188,"path":189,"stem":190},"App Config","/docs/studio/config","docs/8.studio/5.config",{"title":192,"path":193,"stem":194},"Local Debug","/docs/studio/debug","docs/8.studio/6.debug",{"page":196,"surround":369},{"id":197,"title":198,"authors":199,"body":205,"category":358,"date":359,"description":360,"draft":42,"extension":361,"image":362,"meta":364,"navigation":365,"path":366,"seo":367,"stem":368},"posts/changelog/yaml-json-form.md","Visual YAML and JSON File Edition",[200],{"name":201,"to":202,"avatar":203},"Baptiste Leproux","https://x.com/_larbish",{"src":204},"https://avatars.githubusercontent.com/u/7290030?v=4",{"type":206,"value":207,"toc":345},"minimal",[208,232,243,248,256,263,268,274,278,290,294,297,342],[209,210,211],"warning",{},[212,213,214,215,222,223,227,228,231],"p",{},"This article was published before the merge of the ",[216,217,221],"a",{"href":218,"rel":219},"https://github.com/nuxt/content",[220],"nofollow","Content"," and ",[216,224,166],{"href":225,"rel":226},"https://github.com/nuxtlabs/studio-module",[220]," 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 ",[216,229,230],{"href":6},"this guide",".",[233,234,236,237,222,240,242],"h2",{"id":235},"auto-generated-form-for-yaml-and-json-files","Auto-generated form for ",[238,239,54],"code",{},[238,241,58],{}," files",[244,245],"video",{":controls":246,":loop":246,"src":247},"true","https://res.cloudinary.com/nuxt/video/upload/v1730132248/yml-json-form_n9czcs.mp4",[212,249,250,251,222,253,255],{},"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 ",[238,252,54],{},[238,254,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.",[257,258,260],"callout",{"icon":259},"i-ph-info",[212,261,262],{},"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.",[264,265,267],"h3",{"id":266},"synchronized-navigation","Synchronized navigation",[212,269,270,271,231],{},"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 ",[238,272,273],{},"v2.2.0",[233,275,277],{"id":276},"on-the-road-to-nuxt-content-v3","On the Road to Nuxt Content v3",[212,279,280,281,289],{},"We’re excited to share that the fourth alpha version of Nuxt Content v3 has been released, with the ",[216,282,285],{"href":283,"rel":284},"https://content.nuxt.com/",[220],[286,287,288],"strong",{},"draft documentation"," available.",[264,291,293],{"id":292},"whats-next","What’s Next?",[212,295,296],{},"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:",[298,299,300,315,330],"ul",{},[301,302,303,306,307,310,311,314],"li",{},[286,304,305],{},"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 ",[238,308,309],{},"content.editor: true"," in your ",[238,312,313],{},"nuxt.config.ts"," file. This simplification means no extra module is required for Studio, making setup faster.",[301,316,317,320,321,222,325,329],{},[286,318,319],{},"Unified documentation",": With the module integration, we’ll also merge the ",[216,322,221],{"href":323,"rel":324},"https://content.nuxt.com",[220],[216,326,166],{"href":327,"rel":328},"https://nuxt.studio",[220]," documentation and websites into one comprehensive resource. Only the Studio platform (available once the user is logged) will remain as a standalone site.",[301,331,332,335,336,341],{},[286,333,334],{},"Take advantage of data structures and collections in Studio",": With Nuxt Content v3, the Studio platform will support and adapt its behaviour to ",[216,337,340],{"href":338,"rel":339},"https://content.nuxt.com/getting-started/collections",[220],"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.",[212,343,344],{},"These updates reflect our commitment to providing the best content editing platform for your Nuxt website. Stay tuned!",{"title":346,"searchDepth":347,"depth":347,"links":348},"",4,[349,355],{"id":235,"depth":350,"text":351,"children":352},2,"Auto-generated form for YAML and JSON files",[353],{"id":266,"depth":354,"text":267},3,{"id":276,"depth":350,"text":277,"children":356},[357],{"id":292,"depth":354,"text":293},"studio","2024-10-28T01:00:00.000Z","Edit YAML and JSON files with an automatically generated form.","md",{"src":363},"/docs/studio/json-yml-forms.png",{"name":198},true,"/changelog/yaml-json-form",{"title":198,"description":360},"changelog/yaml-json-form",[370,371],null,{"title":372,"path":373,"stem":374,"description":375,"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.",1740061575052]