[{"data":1,"prerenderedAt":678},["ShallowReactive",2],{"navigation":3,"docs-\u002Fguide\u002Fgetting-started":52,"docs-\u002Fguide\u002Fgetting-started-surround":674},[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":668,"extension":669,"meta":670,"navigation":671,"path":11,"seo":672,"stem":12,"__hash__":673},"docs\u002F1.guide\u002F0.getting-started.md",{"type":55,"value":56,"toc":660},"minimark",[57,62,79,146,151,173,177,188,369,384,388,401,404,554,562,566,572,647,656],[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,180,187],{},"Nuxt DevTools v4.0 is currently in alpha and requires Vite 8 — it integrates\nwith ",[181,182,186],"a",{"href":183,"rel":184},"https:\u002F\u002Fgithub.com\u002Fvitejs\u002Fdevtools",[185],"nofollow","Vite DevTools",", whose Code Server\ndock only peers with Vite 8. Since Nuxt ships with a built-in version of\nDevTools, you can opt-in to v4.0 by using package manager resolutions to\noverride the bundled version:",[189,190,191,255,302],"code-group",{},[80,192,197],{"className":193,"code":194,"filename":195,"language":196,"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,198,199,203,220,243,249],{"__ignoreMap":86},[90,200,201],{"class":92,"line":93},[90,202,112],{"class":111},[90,204,205,208,212,215,217],{"class":92,"line":115},[90,206,207],{"class":111},"  \"",[90,209,211],{"class":210},"spNyl","overrides",[90,213,214],{"class":111},"\"",[90,216,78],{"class":111},[90,218,219],{"class":111}," {\n",[90,221,222,225,229,231,233,236,240],{"class":92,"line":139},[90,223,224],{"class":111},"    \"",[90,226,228],{"class":227},"sBMFI","@nuxt\u002Fdevtools",[90,230,214],{"class":111},[90,232,78],{"class":111},[90,234,235],{"class":111}," \"",[90,237,239],{"class":238},"sfazB","npm:@nuxt\u002Fdevtools-nightly@latest",[90,241,242],{"class":111},"\"\n",[90,244,246],{"class":92,"line":245},4,[90,247,248],{"class":111},"  }\n",[90,250,252],{"class":92,"line":251},5,[90,253,254],{"class":111},"}\n",[80,256,259],{"className":193,"code":257,"filename":258,"language":196,"meta":86,"style":86},"{\n  \"resolutions\": {\n    \"@nuxt\u002Fdevtools\": \"npm:@nuxt\u002Fdevtools-nightly@latest\"\n  }\n}\n","yarn",[67,260,261,265,278,294,298],{"__ignoreMap":86},[90,262,263],{"class":92,"line":93},[90,264,112],{"class":111},[90,266,267,269,272,274,276],{"class":92,"line":115},[90,268,207],{"class":111},[90,270,271],{"class":210},"resolutions",[90,273,214],{"class":111},[90,275,78],{"class":111},[90,277,219],{"class":111},[90,279,280,282,284,286,288,290,292],{"class":92,"line":139},[90,281,224],{"class":111},[90,283,228],{"class":227},[90,285,214],{"class":111},[90,287,78],{"class":111},[90,289,235],{"class":111},[90,291,239],{"class":238},[90,293,242],{"class":111},[90,295,296],{"class":92,"line":245},[90,297,248],{"class":111},[90,299,300],{"class":92,"line":251},[90,301,254],{"class":111},[80,303,306],{"className":193,"code":304,"filename":305,"language":196,"meta":86,"style":86},"{\n  \"pnpm\": {\n    \"overrides\": {\n      \"@nuxt\u002Fdevtools\": \"npm:@nuxt\u002Fdevtools-nightly@latest\"\n    }\n  }\n}\n","pnpm",[67,307,308,312,324,336,354,359,364],{"__ignoreMap":86},[90,309,310],{"class":92,"line":93},[90,311,112],{"class":111},[90,313,314,316,318,320,322],{"class":92,"line":115},[90,315,207],{"class":111},[90,317,305],{"class":210},[90,319,214],{"class":111},[90,321,78],{"class":111},[90,323,219],{"class":111},[90,325,326,328,330,332,334],{"class":92,"line":139},[90,327,224],{"class":111},[90,329,211],{"class":227},[90,331,214],{"class":111},[90,333,78],{"class":111},[90,335,219],{"class":111},[90,337,338,341,344,346,348,350,352],{"class":92,"line":245},[90,339,340],{"class":111},"      \"",[90,342,228],{"class":343},"sbssI",[90,345,214],{"class":111},[90,347,78],{"class":111},[90,349,235],{"class":111},[90,351,239],{"class":238},[90,353,242],{"class":111},[90,355,356],{"class":92,"line":251},[90,357,358],{"class":111},"    }\n",[90,360,362],{"class":92,"line":361},6,[90,363,248],{"class":111},[90,365,367],{"class":92,"line":366},7,[90,368,254],{"class":111},[63,370,371,372,375,376,379,380,383],{},"Remove lockfile (",[67,373,374],{},"package-lock.json",", ",[67,377,378],{},"yarn.lock",", or ",[67,381,382],{},"pnpm-lock.yaml",") and reinstall dependencies.",[147,385,387],{"id":386},"nightly-release-channel","Nightly Release Channel",[63,389,390,391,396,397,400],{},"Similar to ",[181,392,395],{"href":393,"rel":394},"https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fguide\u002Fgoing-further\u002Fnightly-release-channel",[185],"Nuxt's Nightly Channel",", DevTools also offers a nightly release channel, that automatically releases for every commit to ",[67,398,399],{},"main"," branch.",[63,402,403],{},"You can opt-in to the nightly release channel by using package manager resolutions:",[189,405,406,450,494],{},[80,407,408],{"className":193,"code":194,"filename":195,"language":196,"meta":86,"style":86},[67,409,410,414,426,442,446],{"__ignoreMap":86},[90,411,412],{"class":92,"line":93},[90,413,112],{"class":111},[90,415,416,418,420,422,424],{"class":92,"line":115},[90,417,207],{"class":111},[90,419,211],{"class":210},[90,421,214],{"class":111},[90,423,78],{"class":111},[90,425,219],{"class":111},[90,427,428,430,432,434,436,438,440],{"class":92,"line":139},[90,429,224],{"class":111},[90,431,228],{"class":227},[90,433,214],{"class":111},[90,435,78],{"class":111},[90,437,235],{"class":111},[90,439,239],{"class":238},[90,441,242],{"class":111},[90,443,444],{"class":92,"line":245},[90,445,248],{"class":111},[90,447,448],{"class":92,"line":251},[90,449,254],{"class":111},[80,451,452],{"className":193,"code":257,"filename":258,"language":196,"meta":86,"style":86},[67,453,454,458,470,486,490],{"__ignoreMap":86},[90,455,456],{"class":92,"line":93},[90,457,112],{"class":111},[90,459,460,462,464,466,468],{"class":92,"line":115},[90,461,207],{"class":111},[90,463,271],{"class":210},[90,465,214],{"class":111},[90,467,78],{"class":111},[90,469,219],{"class":111},[90,471,472,474,476,478,480,482,484],{"class":92,"line":139},[90,473,224],{"class":111},[90,475,228],{"class":227},[90,477,214],{"class":111},[90,479,78],{"class":111},[90,481,235],{"class":111},[90,483,239],{"class":238},[90,485,242],{"class":111},[90,487,488],{"class":92,"line":245},[90,489,248],{"class":111},[90,491,492],{"class":92,"line":251},[90,493,254],{"class":111},[80,495,496],{"className":193,"code":304,"filename":305,"language":196,"meta":86,"style":86},[67,497,498,502,514,526,542,546,550],{"__ignoreMap":86},[90,499,500],{"class":92,"line":93},[90,501,112],{"class":111},[90,503,504,506,508,510,512],{"class":92,"line":115},[90,505,207],{"class":111},[90,507,305],{"class":210},[90,509,214],{"class":111},[90,511,78],{"class":111},[90,513,219],{"class":111},[90,515,516,518,520,522,524],{"class":92,"line":139},[90,517,224],{"class":111},[90,519,211],{"class":227},[90,521,214],{"class":111},[90,523,78],{"class":111},[90,525,219],{"class":111},[90,527,528,530,532,534,536,538,540],{"class":92,"line":245},[90,529,340],{"class":111},[90,531,228],{"class":343},[90,533,214],{"class":111},[90,535,78],{"class":111},[90,537,235],{"class":111},[90,539,239],{"class":238},[90,541,242],{"class":111},[90,543,544],{"class":92,"line":251},[90,545,358],{"class":111},[90,547,548],{"class":92,"line":361},[90,549,248],{"class":111},[90,551,552],{"class":92,"line":366},[90,553,254],{"class":111},[63,555,371,556,375,558,379,560,383],{},[67,557,374],{},[67,559,378],{},[67,561,382],{},[147,563,565],{"id":564},"module-options","Module Options",[63,567,568,569,571],{},"To configure Nuxt DevTools, you can pass the ",[67,570,69],{}," options.",[80,573,575],{"className":82,"code":574,"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 Coder code-server options (enabled by default)\n    codeServer: {},\n    \u002F\u002F ...other options\n  }\n})\n",[67,576,577,589,597,603,615,620,630,635,640],{"__ignoreMap":86},[90,578,579,581,583,585,587],{"class":92,"line":93},[90,580,97],{"class":96},[90,582,100],{"class":96},[90,584,104],{"class":103},[90,586,108],{"class":107},[90,588,112],{"class":111},[90,590,591,593,595],{"class":92,"line":115},[90,592,119],{"class":118},[90,594,78],{"class":111},[90,596,219],{"class":111},[90,598,599],{"class":92,"line":139},[90,600,602],{"class":601},"sHwdD","    \u002F\u002F Enable devtools (default: true)\n",[90,604,605,608,610,612],{"class":92,"line":245},[90,606,607],{"class":118},"    enabled",[90,609,78],{"class":111},[90,611,133],{"class":132},[90,613,614],{"class":111},",\n",[90,616,617],{"class":92,"line":251},[90,618,619],{"class":601},"    \u002F\u002F Coder code-server options (enabled by default)\n",[90,621,622,625,627],{"class":92,"line":361},[90,623,624],{"class":118},"    codeServer",[90,626,78],{"class":111},[90,628,629],{"class":111}," {},\n",[90,631,632],{"class":92,"line":366},[90,633,634],{"class":601},"    \u002F\u002F ...other options\n",[90,636,638],{"class":92,"line":637},8,[90,639,248],{"class":111},[90,641,643,645],{"class":92,"line":642},9,[90,644,142],{"class":111},[90,646,145],{"class":107},[63,648,649,650,655],{},"For all options available, please refer to TSDocs in your IDE, or the ",[181,651,654],{"href":652,"rel":653},"https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fdevtools\u002Fblob\u002Fmain\u002Fpackages\u002Fdevtools-kit\u002Fsrc\u002F_types\u002Foptions.ts#L6",[185],"type definition file",".",[657,658,659],"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":661},[662],{"id":60,"depth":115,"text":61,"children":663},[664,665,666,667],{"id":149,"depth":139,"text":150},{"id":175,"depth":139,"text":176},{"id":386,"depth":139,"text":387},{"id":564,"depth":139,"text":565},"Nuxt DevTools is shipped with Nuxt. Enable it in your config to get started.","md",{},true,{"title":10,"description":668},"mSuF1NoXBKB7EI7m3QdQKker_pF7NyoPc61fnXhR09w",[675,676],null,{"title":14,"path":15,"stem":16,"description":677,"children":-1},"Discover all the features the Nuxt Devtools can offer.",1784897451622]