[{"data":1,"prerenderedAt":526},["ShallowReactive",2],{"navigation":3,"docs-\u002Fguide\u002Fgetting-started":56,"docs-\u002Fguide\u002Fgetting-started-surround":522},[4,26,47],{"title":5,"path":6,"stem":7,"children":8,"page":25},"Guide","\u002Fguide","1.guide",[9,13,17,21],{"title":10,"path":11,"stem":12},"Getting Started","\u002Fguide\u002Fgetting-started","1.guide\u002F0.getting-started",{"title":14,"path":15,"stem":16},"Features","\u002Fguide\u002Ffeatures","1.guide\u002F1.features",{"title":18,"path":19,"stem":20},"Composables","\u002Fguide\u002Fcomposables","1.guide\u002F2.composables",{"title":22,"path":23,"stem":24},"Upgrading to v4","\u002Fguide\u002Fupgrading-to-v4","1.guide\u002F3.upgrading-to-v4",false,{"title":27,"path":28,"stem":29,"children":30,"page":25},"Module","\u002Fmodule","2.module",[31,35,39,43],{"title":32,"path":33,"stem":34},"Module Authors","\u002Fmodule\u002Fguide","2.module\u002F0.guide",{"title":36,"path":37,"stem":38},"Utility Kit","\u002Fmodule\u002Futils-kit","2.module\u002F1.utils-kit",{"title":40,"path":41,"stem":42},"UI Kit","\u002Fmodule\u002Fui-kit","2.module\u002F2.ui-kit",{"title":44,"path":45,"stem":46},"Migration to v4","\u002Fmodule\u002Fmigration-v4","2.module\u002F3.migration-v4",{"title":48,"path":49,"stem":50,"children":51,"page":25},"Development","\u002Fdevelopment","3.development",[52],{"title":53,"path":54,"stem":55},"Contribution Guide","\u002Fdevelopment\u002Fcontributing","3.development\u002F0.contributing",{"id":57,"title":10,"body":58,"description":516,"extension":517,"meta":518,"navigation":519,"path":11,"seo":520,"stem":12,"__hash__":521},"docs\u002F1.guide\u002F0.getting-started.md",{"type":59,"value":60,"toc":508},"minimark",[61,66,83,150,155,177,181,193,197,211,214,395,410,414,420,495,504],[62,63,65],"h2",{"id":64},"installation","Installation",[67,68,69,70,74,75,78,79,82],"p",{},"Nuxt DevTools is shipped with Nuxt. To enable it, set ",[71,72,73],"code",{},"devtools"," to ",[71,76,77],{},"true"," in your ",[71,80,81],{},"nuxt.config",":",[84,85,91],"pre",{"className":86,"code":87,"filename":88,"language":89,"meta":90,"style":90},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  devtools: { enabled: true },\n})\n","nuxt.config.ts","ts","",[71,92,93,117,141],{"__ignoreMap":90},[94,95,98,102,105,109,113],"span",{"class":96,"line":97},"line",1,[94,99,101],{"class":100},"s7zQu","export",[94,103,104],{"class":100}," default",[94,106,108],{"class":107},"s2Zo4"," defineNuxtConfig",[94,110,112],{"class":111},"sTEyZ","(",[94,114,116],{"class":115},"sMK4o","{\n",[94,118,120,124,126,129,132,134,138],{"class":96,"line":119},2,[94,121,123],{"class":122},"swJcz","  devtools",[94,125,82],{"class":115},[94,127,128],{"class":115}," {",[94,130,131],{"class":122}," enabled",[94,133,82],{"class":115},[94,135,137],{"class":136},"sfNiH"," true",[94,139,140],{"class":115}," },\n",[94,142,144,147],{"class":96,"line":143},3,[94,145,146],{"class":115},"}",[94,148,149],{"class":111},")\n",[151,152,154],"h3",{"id":153},"open-the-devtools-panel","Open the DevTools Panel",[67,156,157,158,162,163,166,167,162,170,162,173,176],{},"Restart your Nuxt server and open your app in browser. Click the Vite DevTools trigger at the bottom of the page (or press ",[159,160],"kbd",{"value":161},"Shift"," + ",[159,164],{"value":165},"Alt"," \u002F ",[159,168],{"value":169},"⇧ Shift",[159,171],{"value":172},"⌥ Option",[159,174],{"value":175},"D",") to toggle the DevTools. The first time, Vite DevTools asks you to authorize the browser with the code printed in your terminal.",[151,178,180],{"id":179},"nuxt-4","Nuxt 4",[67,182,183,184,187,188,192],{},"Nuxt 5 ships with Nuxt DevTools v4. Nuxt 4.5+ still bundles v3; override it to ",[71,185,186],{},"^4.0.0"," with your package manager as described in ",[189,190,22],"a",{"href":191},"\u002Fguide\u002Fupgrading-to-v4#nuxt-45",". Nuxt 4.0–4.4 ship Vite 7 and cannot run v4.",[151,194,196],{"id":195},"nightly-release-channel","Nightly Release Channel",[67,198,199,200,206,207,210],{},"Similar to ",[189,201,205],{"href":202,"rel":203},"https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fguide\u002Fgoing-further\u002Fnightly-release-channel",[204],"nofollow","Nuxt's Nightly Channel",", DevTools also offers a nightly release channel, that automatically releases for every commit to ",[71,208,209],{},"main"," branch.",[67,212,213],{},"You can opt-in to the nightly release channel by using package manager resolutions:",[215,216,217,281,328],"code-group",{},[84,218,223],{"className":219,"code":220,"filename":221,"language":222,"meta":90,"style":90},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"overrides\": {\n    \"@nuxt\u002Fdevtools\": \"npm:@nuxt\u002Fdevtools-nightly@latest\"\n  }\n}\n","npm","json",[71,224,225,229,246,269,275],{"__ignoreMap":90},[94,226,227],{"class":96,"line":97},[94,228,116],{"class":115},[94,230,231,234,238,241,243],{"class":96,"line":119},[94,232,233],{"class":115},"  \"",[94,235,237],{"class":236},"spNyl","overrides",[94,239,240],{"class":115},"\"",[94,242,82],{"class":115},[94,244,245],{"class":115}," {\n",[94,247,248,251,255,257,259,262,266],{"class":96,"line":143},[94,249,250],{"class":115},"    \"",[94,252,254],{"class":253},"sBMFI","@nuxt\u002Fdevtools",[94,256,240],{"class":115},[94,258,82],{"class":115},[94,260,261],{"class":115}," \"",[94,263,265],{"class":264},"sfazB","npm:@nuxt\u002Fdevtools-nightly@latest",[94,267,268],{"class":115},"\"\n",[94,270,272],{"class":96,"line":271},4,[94,273,274],{"class":115},"  }\n",[94,276,278],{"class":96,"line":277},5,[94,279,280],{"class":115},"}\n",[84,282,285],{"className":219,"code":283,"filename":284,"language":222,"meta":90,"style":90},"{\n  \"resolutions\": {\n    \"@nuxt\u002Fdevtools\": \"npm:@nuxt\u002Fdevtools-nightly@latest\"\n  }\n}\n","yarn",[71,286,287,291,304,320,324],{"__ignoreMap":90},[94,288,289],{"class":96,"line":97},[94,290,116],{"class":115},[94,292,293,295,298,300,302],{"class":96,"line":119},[94,294,233],{"class":115},[94,296,297],{"class":236},"resolutions",[94,299,240],{"class":115},[94,301,82],{"class":115},[94,303,245],{"class":115},[94,305,306,308,310,312,314,316,318],{"class":96,"line":143},[94,307,250],{"class":115},[94,309,254],{"class":253},[94,311,240],{"class":115},[94,313,82],{"class":115},[94,315,261],{"class":115},[94,317,265],{"class":264},[94,319,268],{"class":115},[94,321,322],{"class":96,"line":271},[94,323,274],{"class":115},[94,325,326],{"class":96,"line":277},[94,327,280],{"class":115},[84,329,332],{"className":219,"code":330,"filename":331,"language":222,"meta":90,"style":90},"{\n  \"pnpm\": {\n    \"overrides\": {\n      \"@nuxt\u002Fdevtools\": \"npm:@nuxt\u002Fdevtools-nightly@latest\"\n    }\n  }\n}\n","pnpm",[71,333,334,338,350,362,380,385,390],{"__ignoreMap":90},[94,335,336],{"class":96,"line":97},[94,337,116],{"class":115},[94,339,340,342,344,346,348],{"class":96,"line":119},[94,341,233],{"class":115},[94,343,331],{"class":236},[94,345,240],{"class":115},[94,347,82],{"class":115},[94,349,245],{"class":115},[94,351,352,354,356,358,360],{"class":96,"line":143},[94,353,250],{"class":115},[94,355,237],{"class":253},[94,357,240],{"class":115},[94,359,82],{"class":115},[94,361,245],{"class":115},[94,363,364,367,370,372,374,376,378],{"class":96,"line":271},[94,365,366],{"class":115},"      \"",[94,368,254],{"class":369},"sbssI",[94,371,240],{"class":115},[94,373,82],{"class":115},[94,375,261],{"class":115},[94,377,265],{"class":264},[94,379,268],{"class":115},[94,381,382],{"class":96,"line":277},[94,383,384],{"class":115},"    }\n",[94,386,388],{"class":96,"line":387},6,[94,389,274],{"class":115},[94,391,393],{"class":96,"line":392},7,[94,394,280],{"class":115},[67,396,397,398,401,402,405,406,409],{},"Remove lockfile (",[71,399,400],{},"package-lock.json",", ",[71,403,404],{},"yarn.lock",", or ",[71,407,408],{},"pnpm-lock.yaml",") and reinstall dependencies.",[151,411,413],{"id":412},"module-options","Module Options",[67,415,416,417,419],{},"To configure Nuxt DevTools, you can pass the ",[71,418,73],{}," options.",[84,421,423],{"className":86,"code":422,"filename":88,"language":89,"meta":90,"style":90},"export default defineNuxtConfig({\n  devtools: {\n    \u002F\u002F Enable devtools (default: true)\n    enabled: true,\n    \u002F\u002F Coder code-server options (enabled by default)\n    codeServer: {},\n    \u002F\u002F ...other options\n  }\n})\n",[71,424,425,437,445,451,463,468,478,483,488],{"__ignoreMap":90},[94,426,427,429,431,433,435],{"class":96,"line":97},[94,428,101],{"class":100},[94,430,104],{"class":100},[94,432,108],{"class":107},[94,434,112],{"class":111},[94,436,116],{"class":115},[94,438,439,441,443],{"class":96,"line":119},[94,440,123],{"class":122},[94,442,82],{"class":115},[94,444,245],{"class":115},[94,446,447],{"class":96,"line":143},[94,448,450],{"class":449},"sHwdD","    \u002F\u002F Enable devtools (default: true)\n",[94,452,453,456,458,460],{"class":96,"line":271},[94,454,455],{"class":122},"    enabled",[94,457,82],{"class":115},[94,459,137],{"class":136},[94,461,462],{"class":115},",\n",[94,464,465],{"class":96,"line":277},[94,466,467],{"class":449},"    \u002F\u002F Coder code-server options (enabled by default)\n",[94,469,470,473,475],{"class":96,"line":387},[94,471,472],{"class":122},"    codeServer",[94,474,82],{"class":115},[94,476,477],{"class":115}," {},\n",[94,479,480],{"class":96,"line":392},[94,481,482],{"class":449},"    \u002F\u002F ...other options\n",[94,484,486],{"class":96,"line":485},8,[94,487,274],{"class":115},[94,489,491,493],{"class":96,"line":490},9,[94,492,146],{"class":115},[94,494,149],{"class":111},[67,496,497,498,503],{},"For all options available, please refer to TSDocs in your IDE, or the ",[189,499,502],{"href":500,"rel":501},"https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fdevtools\u002Fblob\u002Fmain\u002Fpackages\u002Fdevtools-kit\u002Fsrc\u002F_types\u002Foptions.ts#L6",[204],"type definition file",".",[505,506,507],"style",{},"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 .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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":90,"searchDepth":119,"depth":119,"links":509},[510],{"id":64,"depth":119,"text":65,"children":511},[512,513,514,515],{"id":153,"depth":143,"text":154},{"id":179,"depth":143,"text":180},{"id":195,"depth":143,"text":196},{"id":412,"depth":143,"text":413},"Nuxt DevTools is shipped with Nuxt. Enable it in your config to get started.","md",{},true,{"title":10,"description":516},"L2-DCAoxjFmIW5FHFRuY3-6093I6mf_-c3I6N3CNdxI",[523,524],null,{"title":14,"path":15,"stem":16,"description":525,"children":-1},"Discover all the features the Nuxt Devtools can offer.",1791526615066]