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