[{"data":1,"prerenderedAt":284},["ShallowReactive",2],{"navigation":3,"/docs/studio/medias":179,"O04gTsETdm":271},[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},"Vue 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":266},{"id":181,"title":182,"body":183,"description":260,"extension":261,"links":262,"meta":263,"navigation":264,"path":169,"seo":265,"stem":170},"docs/docs/8.studio/4.medias.md","Manage and integrate Medias in Nuxt Content Studio CMS",{"type":184,"value":185,"toc":253},"minimal",[186,191,205,212,218,221,224,228,231,242],[187,188,190],"h2",{"id":189},"browse-your-medias","Browse your medias",[192,193,194,195,199,200,204],"p",{},"All medias located in the ",[196,197,198],"code",{},"/public"," directory are available in the ",[201,202,203],"strong",{},"Media"," tab of the Studio platform.",[192,206,207],{},[208,209],"img",{"alt":210,"src":211},"Media gallery on Studio","/docs/studio/editors-medias.webp",[192,213,214,215,217],{},"It's an intuitive interface for non technical users to manage their ",[196,216,198],{}," directory.",[192,219,220],{},"Users can easily browse folders, upload new media at any level, and drag and drop media into other folders, making medias organization straightforward.",[192,222,223],{},"The interface is designed to be intuitive for non-technical users. It can be viewed as a user friendly IDE.",[187,225,227],{"id":226},"use-it-in-the-notion-like-editor","Use it in the Notion-like editor",[192,229,230],{},"Users can simply drag and drop images directly into the editor. An upload modal will open to let you choose the destination folder.",[192,232,233,234,237,238,241],{},"By typing ",[196,235,236],{},"/"," and searching for ",[196,239,240],{},"Image",", they can quickly insert a media. A modal will open to let them choose the media they want to insert.",[192,243,244,245,252],{},"From the media modal, you can set the ",[246,247,251],"a",{"href":248,"rel":249},"https://www.w3schools.com/tags/att_img_alt.asp",[250],"nofollow","alt attribute"," for SEO and accessibility purpose.",{"title":254,"searchDepth":255,"depth":255,"links":256},"",4,[257,259],{"id":189,"depth":258,"text":190},2,{"id":226,"depth":258,"text":227},"Explore how to browse and manage media files, and integrate them into your projects using Nuxt Content Studio CMS features.","md",null,{},{"title":168},{"title":182,"description":260},[267,269],{"title":164,"path":165,"stem":166,"description":268,"children":-1},"Discover and select your favorite way to manage your content between the visual or the code editor.",{"title":172,"path":173,"stem":174,"description":270,"children":-1},"Discover how to customize application config edition in Studio by providing schema. Ensure a smooth and structured content management experience.",{"data":272,"body":273,"excerpt":-1,"toc":282},{"title":254,"description":260},{"type":274,"children":275},"root",[276],{"type":277,"tag":192,"props":278,"children":279},"element",{},[280],{"type":281,"value":260},"text",{"title":254,"searchDepth":258,"depth":258,"links":283},[],1737541424914]