[{"data":1,"prerenderedAt":672},["ShallowReactive",2],{"navigation":3,"docs-\u002Fguide\u002Fgetting-started":52,"docs-\u002Fguide\u002Fgetting-started-surround":668},[4,22,43],{"title":5,"path":6,"stem":7,"children":8,"page":21},"Guide","\u002Fguide","1.guide",[9,13,17],{"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",false,{"title":23,"path":24,"stem":25,"children":26,"page":21},"Module","\u002Fmodule","2.module",[27,31,35,39],{"title":28,"path":29,"stem":30},"Module Authors","\u002Fmodule\u002Fguide","2.module\u002F0.guide",{"title":32,"path":33,"stem":34},"Utility Kit","\u002Fmodule\u002Futils-kit","2.module\u002F1.utils-kit",{"title":36,"path":37,"stem":38},"UI Kit","\u002Fmodule\u002Fui-kit","2.module\u002F2.ui-kit",{"title":40,"path":41,"stem":42},"Migration to v4","\u002Fmodule\u002Fmigration-v4","2.module\u002F3.migration-v4",{"title":44,"path":45,"stem":46,"children":47,"page":21},"Development","\u002Fdevelopment","3.development",[48],{"title":49,"path":50,"stem":51},"Contribution Guide","\u002Fdevelopment\u002Fcontributing","3.development\u002F0.contributing",{"id":53,"title":10,"body":54,"description":662,"extension":663,"meta":664,"navigation":665,"path":11,"seo":666,"stem":12,"__hash__":667},"docs\u002F1.guide\u002F0.getting-started.md",{"type":55,"value":56,"toc":654},"minimark",[57,62,79,146,151,173,177,180,361,376,380,395,398,548,556,560,566,641,650],[58,59,61],"h2",{"id":60},"installation","Installation",[63,64,65,66,70,71,74,75,78],"p",{},"Nuxt DevTools is shipped with Nuxt. To enable it, set ",[67,68,69],"code",{},"devtools"," to ",[67,72,73],{},"true"," in your ",[67,76,77],{},"nuxt.config",":",[80,81,87],"pre",{"className":82,"code":83,"filename":84,"language":85,"meta":86,"style":86},"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","",[67,88,89,113,137],{"__ignoreMap":86},[90,91,94,98,101,105,109],"span",{"class":92,"line":93},"line",1,[90,95,97],{"class":96},"s7zQu","export",[90,99,100],{"class":96}," default",[90,102,104],{"class":103},"s2Zo4"," defineNuxtConfig",[90,106,108],{"class":107},"sTEyZ","(",[90,110,112],{"class":111},"sMK4o","{\n",[90,114,116,120,122,125,128,130,134],{"class":92,"line":115},2,[90,117,119],{"class":118},"swJcz","  devtools",[90,121,78],{"class":111},[90,123,124],{"class":111}," {",[90,126,127],{"class":118}," enabled",[90,129,78],{"class":111},[90,131,133],{"class":132},"sfNiH"," true",[90,135,136],{"class":111}," },\n",[90,138,140,143],{"class":92,"line":139},3,[90,141,142],{"class":111},"}",[90,144,145],{"class":107},")\n",[147,148,150],"h3",{"id":149},"open-the-devtools-panel","Open the DevTools Panel",[63,152,153,154,158,159,162,163,158,166,158,169,172],{},"Restart your Nuxt server and open your app in browser. Click the Nuxt icon on the bottom (or press ",[155,156],"kbd",{"value":157},"Shift"," + ",[155,160],{"value":161},"Alt"," \u002F ",[155,164],{"value":165},"⇧ Shift",[155,167],{"value":168},"⌥ Option",[155,170],{"value":171},"D",") to toggle the DevTools.",[147,174,176],{"id":175},"opting-in-to-v40","Opting in to v4.0",[63,178,179],{},"Nuxt DevTools v4.0 is currently in alpha. Since Nuxt ships with a built-in version of DevTools, you can opt-in to v4.0 by using package manager resolutions to override the bundled version:",[181,182,183,247,294],"code-group",{},[80,184,189],{"className":185,"code":186,"filename":187,"language":188,"meta":86,"style":86},"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",[67,190,191,195,212,235,241],{"__ignoreMap":86},[90,192,193],{"class":92,"line":93},[90,194,112],{"class":111},[90,196,197,200,204,207,209],{"class":92,"line":115},[90,198,199],{"class":111},"  \"",[90,201,203],{"class":202},"spNyl","overrides",[90,205,206],{"class":111},"\"",[90,208,78],{"class":111},[90,210,211],{"class":111}," {\n",[90,213,214,217,221,223,225,228,232],{"class":92,"line":139},[90,215,216],{"class":111},"    \"",[90,218,220],{"class":219},"sBMFI","@nuxt\u002Fdevtools",[90,222,206],{"class":111},[90,224,78],{"class":111},[90,226,227],{"class":111}," \"",[90,229,231],{"class":230},"sfazB","npm:@nuxt\u002Fdevtools-nightly@latest",[90,233,234],{"class":111},"\"\n",[90,236,238],{"class":92,"line":237},4,[90,239,240],{"class":111},"  }\n",[90,242,244],{"class":92,"line":243},5,[90,245,246],{"class":111},"}\n",[80,248,251],{"className":185,"code":249,"filename":250,"language":188,"meta":86,"style":86},"{\n  \"resolutions\": {\n    \"@nuxt\u002Fdevtools\": \"npm:@nuxt\u002Fdevtools-nightly@latest\"\n  }\n}\n","yarn",[67,252,253,257,270,286,290],{"__ignoreMap":86},[90,254,255],{"class":92,"line":93},[90,256,112],{"class":111},[90,258,259,261,264,266,268],{"class":92,"line":115},[90,260,199],{"class":111},[90,262,263],{"class":202},"resolutions",[90,265,206],{"class":111},[90,267,78],{"class":111},[90,269,211],{"class":111},[90,271,272,274,276,278,280,282,284],{"class":92,"line":139},[90,273,216],{"class":111},[90,275,220],{"class":219},[90,277,206],{"class":111},[90,279,78],{"class":111},[90,281,227],{"class":111},[90,283,231],{"class":230},[90,285,234],{"class":111},[90,287,288],{"class":92,"line":237},[90,289,240],{"class":111},[90,291,292],{"class":92,"line":243},[90,293,246],{"class":111},[80,295,298],{"className":185,"code":296,"filename":297,"language":188,"meta":86,"style":86},"{\n  \"pnpm\": {\n    \"overrides\": {\n      \"@nuxt\u002Fdevtools\": \"npm:@nuxt\u002Fdevtools-nightly@latest\"\n    }\n  }\n}\n","pnpm",[67,299,300,304,316,328,346,351,356],{"__ignoreMap":86},[90,301,302],{"class":92,"line":93},[90,303,112],{"class":111},[90,305,306,308,310,312,314],{"class":92,"line":115},[90,307,199],{"class":111},[90,309,297],{"class":202},[90,311,206],{"class":111},[90,313,78],{"class":111},[90,315,211],{"class":111},[90,317,318,320,322,324,326],{"class":92,"line":139},[90,319,216],{"class":111},[90,321,203],{"class":219},[90,323,206],{"class":111},[90,325,78],{"class":111},[90,327,211],{"class":111},[90,329,330,333,336,338,340,342,344],{"class":92,"line":237},[90,331,332],{"class":111},"      \"",[90,334,220],{"class":335},"sbssI",[90,337,206],{"class":111},[90,339,78],{"class":111},[90,341,227],{"class":111},[90,343,231],{"class":230},[90,345,234],{"class":111},[90,347,348],{"class":92,"line":243},[90,349,350],{"class":111},"    }\n",[90,352,354],{"class":92,"line":353},6,[90,355,240],{"class":111},[90,357,359],{"class":92,"line":358},7,[90,360,246],{"class":111},[63,362,363,364,367,368,371,372,375],{},"Remove lockfile (",[67,365,366],{},"package-lock.json",", ",[67,369,370],{},"yarn.lock",", or ",[67,373,374],{},"pnpm-lock.yaml",") and reinstall dependencies.",[147,377,379],{"id":378},"nightly-release-channel","Nightly Release Channel",[63,381,382,383,390,391,394],{},"Similar to ",[384,385,389],"a",{"href":386,"rel":387},"https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fguide\u002Fgoing-further\u002Fnightly-release-channel",[388],"nofollow","Nuxt's Nightly Channel",", DevTools also offers a nightly release channel, that automatically releases for every commit to ",[67,392,393],{},"main"," branch.",[63,396,397],{},"You can opt-in to the nightly release channel by using package manager resolutions:",[181,399,400,444,488],{},[80,401,402],{"className":185,"code":186,"filename":187,"language":188,"meta":86,"style":86},[67,403,404,408,420,436,440],{"__ignoreMap":86},[90,405,406],{"class":92,"line":93},[90,407,112],{"class":111},[90,409,410,412,414,416,418],{"class":92,"line":115},[90,411,199],{"class":111},[90,413,203],{"class":202},[90,415,206],{"class":111},[90,417,78],{"class":111},[90,419,211],{"class":111},[90,421,422,424,426,428,430,432,434],{"class":92,"line":139},[90,423,216],{"class":111},[90,425,220],{"class":219},[90,427,206],{"class":111},[90,429,78],{"class":111},[90,431,227],{"class":111},[90,433,231],{"class":230},[90,435,234],{"class":111},[90,437,438],{"class":92,"line":237},[90,439,240],{"class":111},[90,441,442],{"class":92,"line":243},[90,443,246],{"class":111},[80,445,446],{"className":185,"code":249,"filename":250,"language":188,"meta":86,"style":86},[67,447,448,452,464,480,484],{"__ignoreMap":86},[90,449,450],{"class":92,"line":93},[90,451,112],{"class":111},[90,453,454,456,458,460,462],{"class":92,"line":115},[90,455,199],{"class":111},[90,457,263],{"class":202},[90,459,206],{"class":111},[90,461,78],{"class":111},[90,463,211],{"class":111},[90,465,466,468,470,472,474,476,478],{"class":92,"line":139},[90,467,216],{"class":111},[90,469,220],{"class":219},[90,471,206],{"class":111},[90,473,78],{"class":111},[90,475,227],{"class":111},[90,477,231],{"class":230},[90,479,234],{"class":111},[90,481,482],{"class":92,"line":237},[90,483,240],{"class":111},[90,485,486],{"class":92,"line":243},[90,487,246],{"class":111},[80,489,490],{"className":185,"code":296,"filename":297,"language":188,"meta":86,"style":86},[67,491,492,496,508,520,536,540,544],{"__ignoreMap":86},[90,493,494],{"class":92,"line":93},[90,495,112],{"class":111},[90,497,498,500,502,504,506],{"class":92,"line":115},[90,499,199],{"class":111},[90,501,297],{"class":202},[90,503,206],{"class":111},[90,505,78],{"class":111},[90,507,211],{"class":111},[90,509,510,512,514,516,518],{"class":92,"line":139},[90,511,216],{"class":111},[90,513,203],{"class":219},[90,515,206],{"class":111},[90,517,78],{"class":111},[90,519,211],{"class":111},[90,521,522,524,526,528,530,532,534],{"class":92,"line":237},[90,523,332],{"class":111},[90,525,220],{"class":335},[90,527,206],{"class":111},[90,529,78],{"class":111},[90,531,227],{"class":111},[90,533,231],{"class":230},[90,535,234],{"class":111},[90,537,538],{"class":92,"line":243},[90,539,350],{"class":111},[90,541,542],{"class":92,"line":353},[90,543,240],{"class":111},[90,545,546],{"class":92,"line":358},[90,547,246],{"class":111},[63,549,363,550,367,552,371,554,375],{},[67,551,366],{},[67,553,370],{},[67,555,374],{},[147,557,559],{"id":558},"module-options","Module Options",[63,561,562,563,565],{},"To configure Nuxt DevTools, you can pass the ",[67,564,69],{}," options.",[80,567,569],{"className":82,"code":568,"filename":84,"language":85,"meta":86,"style":86},"export default defineNuxtConfig({\n  devtools: {\n    \u002F\u002F Enable devtools (default: true)\n    enabled: true,\n    \u002F\u002F VS Code Server options\n    vscode: {},\n    \u002F\u002F ...other options\n  }\n})\n",[67,570,571,583,591,597,609,614,624,629,634],{"__ignoreMap":86},[90,572,573,575,577,579,581],{"class":92,"line":93},[90,574,97],{"class":96},[90,576,100],{"class":96},[90,578,104],{"class":103},[90,580,108],{"class":107},[90,582,112],{"class":111},[90,584,585,587,589],{"class":92,"line":115},[90,586,119],{"class":118},[90,588,78],{"class":111},[90,590,211],{"class":111},[90,592,593],{"class":92,"line":139},[90,594,596],{"class":595},"sHwdD","    \u002F\u002F Enable devtools (default: true)\n",[90,598,599,602,604,606],{"class":92,"line":237},[90,600,601],{"class":118},"    enabled",[90,603,78],{"class":111},[90,605,133],{"class":132},[90,607,608],{"class":111},",\n",[90,610,611],{"class":92,"line":243},[90,612,613],{"class":595},"    \u002F\u002F VS Code Server options\n",[90,615,616,619,621],{"class":92,"line":353},[90,617,618],{"class":118},"    vscode",[90,620,78],{"class":111},[90,622,623],{"class":111}," {},\n",[90,625,626],{"class":92,"line":358},[90,627,628],{"class":595},"    \u002F\u002F ...other options\n",[90,630,632],{"class":92,"line":631},8,[90,633,240],{"class":111},[90,635,637,639],{"class":92,"line":636},9,[90,638,142],{"class":111},[90,640,145],{"class":107},[63,642,643,644,649],{},"For all options available, please refer to TSDocs in your IDE, or the ",[384,645,648],{"href":646,"rel":647},"https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fdevtools\u002Fblob\u002Fmain\u002Fpackages\u002Fdevtools-kit\u002Fsrc\u002F_types\u002Foptions.ts#L6",[388],"type definition file",".",[651,652,653],"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":86,"searchDepth":115,"depth":115,"links":655},[656],{"id":60,"depth":115,"text":61,"children":657},[658,659,660,661],{"id":149,"depth":139,"text":150},{"id":175,"depth":139,"text":176},{"id":378,"depth":139,"text":379},{"id":558,"depth":139,"text":559},"Nuxt DevTools is shipped with Nuxt. Enable it in your config to get started.","md",{},true,{"title":10,"description":662},"hUCOiVx5vZt3oTIV3LrHEPr5pExZdypL5_ItPT0on-M",[669,670],null,{"title":14,"path":15,"stem":16,"description":671,"children":-1},"Discover all the features the Nuxt Devtools can offer.",1774568846959]