[{"data":1,"prerenderedAt":364},["ShallowReactive",2],{"navigation_docs":3,"-devtools":29,"-devtools-surround":361},[4,9,14,19,24],{"title":5,"path":6,"stem":7,"icon":8},"Setup","\u002Fsetup","2.setup","i-lucide-play",{"title":10,"path":11,"stem":12,"icon":13},"Usage","\u002Fusage","3.usage","i-lucide-code",{"title":15,"path":16,"stem":17,"icon":18},"Authentication","\u002Fauth","4.auth","i-lucide-lock",{"title":20,"path":21,"stem":22,"icon":23},"Advanced","\u002Fadvanced","5.advanced","i-lucide-cog",{"title":25,"path":26,"stem":27,"icon":28},"Nuxt Devtools","\u002Fdevtools","6.devtools","i-simple-icons-nuxtdotjs",{"id":30,"title":25,"body":31,"description":354,"extension":355,"links":356,"meta":357,"navigation":358,"path":26,"seo":359,"stem":27,"__hash__":360},"docs\u002F6.devtools.md",{"type":32,"value":33,"toc":351},"minimark",[34,42,55,72,84,95,266,269,284,343,347],[35,36,37],"p",{},[38,39],"img",{"alt":40,"src":41},"Strapi in Nuxt Devtools","https:\u002F\u002Fuser-images.githubusercontent.com\u002F904724\u002F222923164-f4f13177-7582-4581-a88e-0256c0789c9d.png",[43,44,46,47],"h2",{"id":45},"setup","Setup ",[48,49],"u-badge",{"className":50,"label":53,"variant":54},[51,52],"align-middle","rounded-full","v1.9.0+","subtle",[35,56,57,58,65,66,71],{},"Strapi uses ",[59,60,64],"a",{"href":61,"rel":62},"https:\u002F\u002Fhelmetjs.github.io\u002F",[63],"nofollow","helmet"," as ",[59,67,70],{"href":68,"rel":69},"https:\u002F\u002Fgithub.com\u002Fstrapi\u002Fstrapi\u002Fblob\u002Fmain\u002Fpackages\u002Fcore\u002Fstrapi\u002Flib\u002Fmiddlewares\u002Fsecurity.js",[63],"security middleware",".",[35,73,74,75,79,80,83],{},"By default, it sets the ",[76,77,78],"code",{},"Content Security Policy"," directive to ",[76,81,82],{},"frame-ancestors 'self'",". Making it impossible to embed the admin on localhost.",[35,85,86,87,90,91,94],{},"To enable the embedding of Strapi Admin, open the ",[76,88,89],{},"config\u002Fmiddlewares.js"," file in your Strapi project and update the ",[76,92,93],{},"strapi::security"," middleware:",[96,97,102],"pre",{"className":98,"code":99,"filename":89,"language":100,"meta":101,"style":101},"language-diff shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","module.exports = [\n  'strapi::errors',\n- 'strapi::security',\n+ {\n+   name: 'strapi::security',\n+   config: {\n+     contentSecurityPolicy: {\n+       directives: {\n+         frameAncestors: ['http:\u002F\u002Flocalhost:*', 'self']\n+       }\n+     }\n+   }\n+ },\n  'strapi::cors',\n  'strapi::poweredBy',\n  'strapi::logger',\n  'strapi::query',\n  'strapi::body',\n  'strapi::session',\n  'strapi::favicon',\n  'strapi::public'\n]\n","diff","",[76,103,104,113,119,130,140,148,156,164,172,180,188,196,204,212,218,224,230,236,242,248,254,260],{"__ignoreMap":101},[105,106,109],"span",{"class":107,"line":108},"line",1,[105,110,112],{"class":111},"sTEyZ","module.exports = [\n",[105,114,116],{"class":107,"line":115},2,[105,117,118],{"class":111},"  'strapi::errors',\n",[105,120,122,126],{"class":107,"line":121},3,[105,123,125],{"class":124},"sMK4o","-",[105,127,129],{"class":128},"swJcz"," 'strapi::security',\n",[105,131,133,136],{"class":107,"line":132},4,[105,134,135],{"class":124},"+",[105,137,139],{"class":138},"sfazB"," {\n",[105,141,143,145],{"class":107,"line":142},5,[105,144,135],{"class":124},[105,146,147],{"class":138},"   name: 'strapi::security',\n",[105,149,151,153],{"class":107,"line":150},6,[105,152,135],{"class":124},[105,154,155],{"class":138},"   config: {\n",[105,157,159,161],{"class":107,"line":158},7,[105,160,135],{"class":124},[105,162,163],{"class":138},"     contentSecurityPolicy: {\n",[105,165,167,169],{"class":107,"line":166},8,[105,168,135],{"class":124},[105,170,171],{"class":138},"       directives: {\n",[105,173,175,177],{"class":107,"line":174},9,[105,176,135],{"class":124},[105,178,179],{"class":138},"         frameAncestors: ['http:\u002F\u002Flocalhost:*', 'self']\n",[105,181,183,185],{"class":107,"line":182},10,[105,184,135],{"class":124},[105,186,187],{"class":138},"       }\n",[105,189,191,193],{"class":107,"line":190},11,[105,192,135],{"class":124},[105,194,195],{"class":138},"     }\n",[105,197,199,201],{"class":107,"line":198},12,[105,200,135],{"class":124},[105,202,203],{"class":138},"   }\n",[105,205,207,209],{"class":107,"line":206},13,[105,208,135],{"class":124},[105,210,211],{"class":138}," },\n",[105,213,215],{"class":107,"line":214},14,[105,216,217],{"class":111},"  'strapi::cors',\n",[105,219,221],{"class":107,"line":220},15,[105,222,223],{"class":111},"  'strapi::poweredBy',\n",[105,225,227],{"class":107,"line":226},16,[105,228,229],{"class":111},"  'strapi::logger',\n",[105,231,233],{"class":107,"line":232},17,[105,234,235],{"class":111},"  'strapi::query',\n",[105,237,239],{"class":107,"line":238},18,[105,240,241],{"class":111},"  'strapi::body',\n",[105,243,245],{"class":107,"line":244},19,[105,246,247],{"class":111},"  'strapi::session',\n",[105,249,251],{"class":107,"line":250},20,[105,252,253],{"class":111},"  'strapi::favicon',\n",[105,255,257],{"class":107,"line":256},21,[105,258,259],{"class":111},"  'strapi::public'\n",[105,261,263],{"class":107,"line":262},22,[105,264,265],{"class":111},"]\n",[35,267,268],{},"Restart your Strapi server and it should be ready to be embedded in the devtools.",[35,270,271,272,275,276,279,280,283],{},"Open your ",[76,273,274],{},"nuxt.config.ts"," and set the ",[76,277,278],{},"devtools"," option to ",[76,281,282],{},"true",":",[96,285,289],{"className":286,"code":287,"filename":274,"language":288,"meta":101,"style":101},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  strapi: {\n    devtools: true\n  }\n})\n","ts",[76,290,291,310,319,330,335],{"__ignoreMap":101},[105,292,293,297,300,304,307],{"class":107,"line":108},[105,294,296],{"class":295},"s7zQu","export",[105,298,299],{"class":295}," default",[105,301,303],{"class":302},"s2Zo4"," defineNuxtConfig",[105,305,306],{"class":111},"(",[105,308,309],{"class":124},"{\n",[105,311,312,315,317],{"class":107,"line":115},[105,313,314],{"class":128},"  strapi",[105,316,283],{"class":124},[105,318,139],{"class":124},[105,320,321,324,326],{"class":107,"line":121},[105,322,323],{"class":128},"    devtools",[105,325,283],{"class":124},[105,327,329],{"class":328},"sfNiH"," true\n",[105,331,332],{"class":107,"line":132},[105,333,334],{"class":124},"  }\n",[105,336,337,340],{"class":107,"line":142},[105,338,339],{"class":124},"}",[105,341,342],{"class":111},")\n",[344,345,346],"tip",{},"You should now see your Strapi Admin right into your Nuxt project by opening the devtools ✨",[348,349,350],"style",{},"html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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);}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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":101,"searchDepth":115,"depth":115,"links":352},[353],{"id":45,"depth":115,"text":46},"Learn how to use the Strapi Admin directly in the Nuxt Devtools.","md",null,{},{"icon":28},{"title":25,"description":354},"m16u9ONpVw4xlzG1zJQqQRu_ZjMxzhMHeK-EGfbWhoA",[362,356],{"title":20,"path":21,"stem":22,"description":363,"icon":23,"children":-1},"Real-life advanced usages of the strapi module.",1779706954334]