[{"data":1,"prerenderedAt":800},["ShallowReactive",2],{"navigation":3,"docs-/guide/getting-started":37},[4,17,30],{"title":5,"_path":6,"children":7},"Guide","/guide",[8,11,14],{"title":9,"_path":10},"Getting Started","/guide/getting-started",{"title":12,"_path":13},"Features","/guide/features",{"title":15,"_path":16},"Composables","/guide/composables",{"title":18,"_path":19,"children":20},"Module","/module",[21,24,27],{"title":22,"_path":23},"Module Authors","/module/guide",{"title":25,"_path":26},"Utility Kit","/module/utils-kit",{"title":28,"_path":29},"UI Kit","/module/ui-kit",{"title":31,"_path":32,"children":33},"Development","/development",[34],{"title":35,"_path":36},"Contribution Guide","/development/contributing",{"_path":10,"_dir":38,"_draft":39,"_partial":39,"_locale":40,"title":9,"description":41,"body":42,"_type":794,"_id":795,"_source":796,"_file":797,"_stem":798,"_extension":799},"guide",false,"","Using Nuxt DevTools in your Nuxt project is only a command away.",{"type":43,"children":44,"toc":784},"root",[45,54,72,79,109,208,213,219,224,258,264,303,319,324,351,357,362,392,487,493,517,522,589,618,624,636,765,778],{"type":46,"tag":47,"props":48,"children":50},"element","h2",{"id":49},"installation",[51],{"type":52,"value":53},"text","Installation",{"type":46,"tag":55,"props":56,"children":57},"callout",{},[58],{"type":46,"tag":59,"props":60,"children":61},"p",{},[62,64,70],{"type":52,"value":63},"Nuxt DevTools v2 requires ",{"type":46,"tag":65,"props":66,"children":67},"strong",{},[68],{"type":52,"value":69},"Nuxt v3.15.0 or higher",{"type":52,"value":71},".",{"type":46,"tag":73,"props":74,"children":76},"h3",{"id":75},"auto-install",[77],{"type":52,"value":78},"Auto Install",{"type":46,"tag":59,"props":80,"children":81},{},[82,84,91,93,99,101,107],{"type":52,"value":83},"You just need to go to your ",{"type":46,"tag":85,"props":86,"children":88},"code",{"className":87},[],[89],{"type":52,"value":90},"nuxt.config",{"type":52,"value":92}," file and set ",{"type":46,"tag":85,"props":94,"children":96},{"className":95},[],[97],{"type":52,"value":98},"devtools",{"type":52,"value":100}," to ",{"type":46,"tag":85,"props":102,"children":104},{"className":103},[],[105],{"type":52,"value":106},"true",{"type":52,"value":108},":",{"type":46,"tag":110,"props":111,"children":116},"pre",{"className":112,"code":113,"filename":114,"language":115,"meta":40,"style":40},"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",[117],{"type":46,"tag":85,"props":118,"children":119},{"__ignoreMap":40},[120,155,194],{"type":46,"tag":121,"props":122,"children":125},"span",{"class":123,"line":124},"line",1,[126,132,137,143,149],{"type":46,"tag":121,"props":127,"children":129},{"style":128},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[130],{"type":52,"value":131},"export",{"type":46,"tag":121,"props":133,"children":134},{"style":128},[135],{"type":52,"value":136}," default",{"type":46,"tag":121,"props":138,"children":140},{"style":139},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[141],{"type":52,"value":142}," defineNuxtConfig",{"type":46,"tag":121,"props":144,"children":146},{"style":145},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[147],{"type":52,"value":148},"(",{"type":46,"tag":121,"props":150,"children":152},{"style":151},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[153],{"type":52,"value":154},"{\n",{"type":46,"tag":121,"props":156,"children":158},{"class":123,"line":157},2,[159,165,169,174,179,183,189],{"type":46,"tag":121,"props":160,"children":162},{"style":161},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[163],{"type":52,"value":164},"  devtools",{"type":46,"tag":121,"props":166,"children":167},{"style":151},[168],{"type":52,"value":108},{"type":46,"tag":121,"props":170,"children":171},{"style":151},[172],{"type":52,"value":173}," {",{"type":46,"tag":121,"props":175,"children":176},{"style":161},[177],{"type":52,"value":178}," enabled",{"type":46,"tag":121,"props":180,"children":181},{"style":151},[182],{"type":52,"value":108},{"type":46,"tag":121,"props":184,"children":186},{"style":185},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[187],{"type":52,"value":188}," true",{"type":46,"tag":121,"props":190,"children":191},{"style":151},[192],{"type":52,"value":193}," },\n",{"type":46,"tag":121,"props":195,"children":197},{"class":123,"line":196},3,[198,203],{"type":46,"tag":121,"props":199,"children":200},{"style":151},[201],{"type":52,"value":202},"}",{"type":46,"tag":121,"props":204,"children":205},{"style":145},[206],{"type":52,"value":207},")\n",{"type":46,"tag":59,"props":209,"children":210},{},[211],{"type":52,"value":212},"Nuxt will automatically install the DevTools module for you.",{"type":46,"tag":73,"props":214,"children":216},{"id":215},"install-using-nuxi",[217],{"type":52,"value":218},"Install using Nuxi",{"type":46,"tag":59,"props":220,"children":221},{},[222],{"type":52,"value":223},"You can opt-in Nuxt DevTools per-project by going to the project root and run:",{"type":46,"tag":110,"props":225,"children":229},{"className":226,"code":227,"language":228,"meta":40,"style":40},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx nuxi@latest devtools enable\n","bash",[230],{"type":46,"tag":85,"props":231,"children":232},{"__ignoreMap":40},[233],{"type":46,"tag":121,"props":234,"children":235},{"class":123,"line":124},[236,242,248,253],{"type":46,"tag":121,"props":237,"children":239},{"style":238},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[240],{"type":52,"value":241},"npx",{"type":46,"tag":121,"props":243,"children":245},{"style":244},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[246],{"type":52,"value":247}," nuxi@latest",{"type":46,"tag":121,"props":249,"children":250},{"style":244},[251],{"type":52,"value":252}," devtools",{"type":46,"tag":121,"props":254,"children":255},{"style":244},[256],{"type":52,"value":257}," enable\n",{"type":46,"tag":73,"props":259,"children":261},{"id":260},"open-the-devtools-panel",[262],{"type":52,"value":263},"Open the DevTools Panel",{"type":46,"tag":59,"props":265,"children":266},{},[267,269,275,277,282,284,289,290,295,296,301],{"type":52,"value":268},"Restart your Nuxt server and open your app in browser. Click the Nuxt icon on the bottom (or press ",{"type":46,"tag":270,"props":271,"children":272},"kbd",{},[273],{"type":52,"value":274},"Shift",{"type":52,"value":276}," + ",{"type":46,"tag":270,"props":278,"children":279},{},[280],{"type":52,"value":281},"Alt",{"type":52,"value":283}," / ",{"type":46,"tag":270,"props":285,"children":286},{},[287],{"type":52,"value":288},"⇧ Shift",{"type":52,"value":276},{"type":46,"tag":270,"props":291,"children":292},{},[293],{"type":52,"value":294},"⌥ Option",{"type":52,"value":276},{"type":46,"tag":270,"props":297,"children":298},{},[299],{"type":52,"value":300},"D",{"type":52,"value":302},") to toggle the DevTools.",{"type":46,"tag":55,"props":304,"children":305},{},[306],{"type":46,"tag":59,"props":307,"children":308},{},[309,311,317],{"type":52,"value":310},"If you using ",{"type":46,"tag":85,"props":312,"children":314},{"className":313},[],[315],{"type":52,"value":316},"nvm",{"type":52,"value":318}," or other Node version managers, we suggest to run the enable command again after switching Node version.",{"type":46,"tag":59,"props":320,"children":321},{},[322],{"type":52,"value":323},"Similarly, you can disable it per-project by running:",{"type":46,"tag":110,"props":325,"children":327},{"className":226,"code":326,"language":228,"meta":40,"style":40},"npx nuxi@latest devtools disable\n",[328],{"type":46,"tag":85,"props":329,"children":330},{"__ignoreMap":40},[331],{"type":46,"tag":121,"props":332,"children":333},{"class":123,"line":124},[334,338,342,346],{"type":46,"tag":121,"props":335,"children":336},{"style":238},[337],{"type":52,"value":241},{"type":46,"tag":121,"props":339,"children":340},{"style":244},[341],{"type":52,"value":247},{"type":46,"tag":121,"props":343,"children":344},{"style":244},[345],{"type":52,"value":252},{"type":46,"tag":121,"props":347,"children":348},{"style":244},[349],{"type":52,"value":350}," disable\n",{"type":46,"tag":73,"props":352,"children":354},{"id":353},"install-manually",[355],{"type":52,"value":356},"Install Manually",{"type":46,"tag":59,"props":358,"children":359},{},[360],{"type":52,"value":361},"Nuxt DevTools is currently provided as a module (might be changed in the future). If you prefer, you can also install it locally, which will be activated for all your team members.",{"type":46,"tag":110,"props":363,"children":365},{"className":226,"code":364,"language":228,"meta":40,"style":40},"npm i -D @nuxt/devtools\n",[366],{"type":46,"tag":85,"props":367,"children":368},{"__ignoreMap":40},[369],{"type":46,"tag":121,"props":370,"children":371},{"class":123,"line":124},[372,377,382,387],{"type":46,"tag":121,"props":373,"children":374},{"style":238},[375],{"type":52,"value":376},"npm",{"type":46,"tag":121,"props":378,"children":379},{"style":244},[380],{"type":52,"value":381}," i",{"type":46,"tag":121,"props":383,"children":384},{"style":244},[385],{"type":52,"value":386}," -D",{"type":46,"tag":121,"props":388,"children":389},{"style":244},[390],{"type":52,"value":391}," @nuxt/devtools\n",{"type":46,"tag":110,"props":393,"children":395},{"className":112,"code":394,"filename":114,"language":115,"meta":40,"style":40},"export default defineNuxtConfig({\n  modules: [\n    '@nuxt/devtools',\n  ],\n})\n",[396],{"type":46,"tag":85,"props":397,"children":398},{"__ignoreMap":40},[399,422,439,462,475],{"type":46,"tag":121,"props":400,"children":401},{"class":123,"line":124},[402,406,410,414,418],{"type":46,"tag":121,"props":403,"children":404},{"style":128},[405],{"type":52,"value":131},{"type":46,"tag":121,"props":407,"children":408},{"style":128},[409],{"type":52,"value":136},{"type":46,"tag":121,"props":411,"children":412},{"style":139},[413],{"type":52,"value":142},{"type":46,"tag":121,"props":415,"children":416},{"style":145},[417],{"type":52,"value":148},{"type":46,"tag":121,"props":419,"children":420},{"style":151},[421],{"type":52,"value":154},{"type":46,"tag":121,"props":423,"children":424},{"class":123,"line":157},[425,430,434],{"type":46,"tag":121,"props":426,"children":427},{"style":161},[428],{"type":52,"value":429},"  modules",{"type":46,"tag":121,"props":431,"children":432},{"style":151},[433],{"type":52,"value":108},{"type":46,"tag":121,"props":435,"children":436},{"style":145},[437],{"type":52,"value":438}," [\n",{"type":46,"tag":121,"props":440,"children":441},{"class":123,"line":196},[442,447,452,457],{"type":46,"tag":121,"props":443,"children":444},{"style":151},[445],{"type":52,"value":446},"    '",{"type":46,"tag":121,"props":448,"children":449},{"style":244},[450],{"type":52,"value":451},"@nuxt/devtools",{"type":46,"tag":121,"props":453,"children":454},{"style":151},[455],{"type":52,"value":456},"'",{"type":46,"tag":121,"props":458,"children":459},{"style":151},[460],{"type":52,"value":461},",\n",{"type":46,"tag":121,"props":463,"children":465},{"class":123,"line":464},4,[466,471],{"type":46,"tag":121,"props":467,"children":468},{"style":145},[469],{"type":52,"value":470},"  ]",{"type":46,"tag":121,"props":472,"children":473},{"style":151},[474],{"type":52,"value":461},{"type":46,"tag":121,"props":476,"children":478},{"class":123,"line":477},5,[479,483],{"type":46,"tag":121,"props":480,"children":481},{"style":151},[482],{"type":52,"value":202},{"type":46,"tag":121,"props":484,"children":485},{"style":145},[486],{"type":52,"value":207},{"type":46,"tag":73,"props":488,"children":490},{"id":489},"nightly-release-channel",[491],{"type":52,"value":492},"Nightly Release Channel",{"type":46,"tag":59,"props":494,"children":495},{},[496,498,507,509,515],{"type":52,"value":497},"Similar to ",{"type":46,"tag":499,"props":500,"children":504},"a",{"href":501,"rel":502},"https://nuxt.com/docs/guide/going-further/nightly-release-channel",[503],"nofollow",[505],{"type":52,"value":506},"Nuxt's Nightly Channel",{"type":52,"value":508},", DevTools also offers a nightly release channel, that automatically releases for every commit to ",{"type":46,"tag":85,"props":510,"children":512},{"className":511},[],[513],{"type":52,"value":514},"main",{"type":52,"value":516}," branch.",{"type":46,"tag":59,"props":518,"children":519},{},[520],{"type":52,"value":521},"You can opt-in to the nightly release channel by running:",{"type":46,"tag":110,"props":523,"children":527},{"className":524,"code":525,"language":526,"meta":40,"style":40},"language-diff shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"devDependencies\": {\n--    \"@nuxt/devtools\": \"^0.1.0\"\n++    \"@nuxt/devtools\": \"npm:@nuxt/devtools-nightly@latest\"\n  }\n}\n","diff",[528],{"type":46,"tag":85,"props":529,"children":530},{"__ignoreMap":40},[531,538,546,559,572,580],{"type":46,"tag":121,"props":532,"children":533},{"class":123,"line":124},[534],{"type":46,"tag":121,"props":535,"children":536},{"style":145},[537],{"type":52,"value":154},{"type":46,"tag":121,"props":539,"children":540},{"class":123,"line":157},[541],{"type":46,"tag":121,"props":542,"children":543},{"style":145},[544],{"type":52,"value":545},"  \"devDependencies\": {\n",{"type":46,"tag":121,"props":547,"children":548},{"class":123,"line":196},[549,554],{"type":46,"tag":121,"props":550,"children":551},{"style":151},[552],{"type":52,"value":553},"-",{"type":46,"tag":121,"props":555,"children":556},{"style":161},[557],{"type":52,"value":558},"-    \"@nuxt/devtools\": \"^0.1.0\"\n",{"type":46,"tag":121,"props":560,"children":561},{"class":123,"line":464},[562,567],{"type":46,"tag":121,"props":563,"children":564},{"style":151},[565],{"type":52,"value":566},"+",{"type":46,"tag":121,"props":568,"children":569},{"style":244},[570],{"type":52,"value":571},"+    \"@nuxt/devtools\": \"npm:@nuxt/devtools-nightly@latest\"\n",{"type":46,"tag":121,"props":573,"children":574},{"class":123,"line":477},[575],{"type":46,"tag":121,"props":576,"children":577},{"style":145},[578],{"type":52,"value":579},"  }\n",{"type":46,"tag":121,"props":581,"children":583},{"class":123,"line":582},6,[584],{"type":46,"tag":121,"props":585,"children":586},{"style":145},[587],{"type":52,"value":588},"}\n",{"type":46,"tag":59,"props":590,"children":591},{},[592,594,600,602,608,610,616],{"type":52,"value":593},"Remove lockfile (",{"type":46,"tag":85,"props":595,"children":597},{"className":596},[],[598],{"type":52,"value":599},"package-lock.json",{"type":52,"value":601},", ",{"type":46,"tag":85,"props":603,"children":605},{"className":604},[],[606],{"type":52,"value":607},"yarn.lock",{"type":52,"value":609},", or ",{"type":46,"tag":85,"props":611,"children":613},{"className":612},[],[614],{"type":52,"value":615},"pnpm-lock.yaml",{"type":52,"value":617},") and reinstall dependencies.",{"type":46,"tag":73,"props":619,"children":621},{"id":620},"module-options",[622],{"type":52,"value":623},"Module Options",{"type":46,"tag":59,"props":625,"children":626},{},[627,629,634],{"type":52,"value":628},"To configure Nuxt DevTools, you can pass the ",{"type":46,"tag":85,"props":630,"children":632},{"className":631},[],[633],{"type":52,"value":98},{"type":52,"value":635}," options.",{"type":46,"tag":110,"props":637,"children":639},{"className":112,"code":638,"filename":114,"language":115,"meta":40,"style":40},"export default defineNuxtConfig({\n  devtools: {\n    // Enable devtools (default: true)\n    enabled: true,\n    // VS Code Server options\n    vscode: {},\n    // ...other options\n  }\n})\n",[640],{"type":46,"tag":85,"props":641,"children":642},{"__ignoreMap":40},[643,666,682,691,711,719,736,745,753],{"type":46,"tag":121,"props":644,"children":645},{"class":123,"line":124},[646,650,654,658,662],{"type":46,"tag":121,"props":647,"children":648},{"style":128},[649],{"type":52,"value":131},{"type":46,"tag":121,"props":651,"children":652},{"style":128},[653],{"type":52,"value":136},{"type":46,"tag":121,"props":655,"children":656},{"style":139},[657],{"type":52,"value":142},{"type":46,"tag":121,"props":659,"children":660},{"style":145},[661],{"type":52,"value":148},{"type":46,"tag":121,"props":663,"children":664},{"style":151},[665],{"type":52,"value":154},{"type":46,"tag":121,"props":667,"children":668},{"class":123,"line":157},[669,673,677],{"type":46,"tag":121,"props":670,"children":671},{"style":161},[672],{"type":52,"value":164},{"type":46,"tag":121,"props":674,"children":675},{"style":151},[676],{"type":52,"value":108},{"type":46,"tag":121,"props":678,"children":679},{"style":151},[680],{"type":52,"value":681}," {\n",{"type":46,"tag":121,"props":683,"children":684},{"class":123,"line":196},[685],{"type":46,"tag":121,"props":686,"children":688},{"style":687},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[689],{"type":52,"value":690},"    // Enable devtools (default: true)\n",{"type":46,"tag":121,"props":692,"children":693},{"class":123,"line":464},[694,699,703,707],{"type":46,"tag":121,"props":695,"children":696},{"style":161},[697],{"type":52,"value":698},"    enabled",{"type":46,"tag":121,"props":700,"children":701},{"style":151},[702],{"type":52,"value":108},{"type":46,"tag":121,"props":704,"children":705},{"style":185},[706],{"type":52,"value":188},{"type":46,"tag":121,"props":708,"children":709},{"style":151},[710],{"type":52,"value":461},{"type":46,"tag":121,"props":712,"children":713},{"class":123,"line":477},[714],{"type":46,"tag":121,"props":715,"children":716},{"style":687},[717],{"type":52,"value":718},"    // VS Code Server options\n",{"type":46,"tag":121,"props":720,"children":721},{"class":123,"line":582},[722,727,731],{"type":46,"tag":121,"props":723,"children":724},{"style":161},[725],{"type":52,"value":726},"    vscode",{"type":46,"tag":121,"props":728,"children":729},{"style":151},[730],{"type":52,"value":108},{"type":46,"tag":121,"props":732,"children":733},{"style":151},[734],{"type":52,"value":735}," {},\n",{"type":46,"tag":121,"props":737,"children":739},{"class":123,"line":738},7,[740],{"type":46,"tag":121,"props":741,"children":742},{"style":687},[743],{"type":52,"value":744},"    // ...other options\n",{"type":46,"tag":121,"props":746,"children":748},{"class":123,"line":747},8,[749],{"type":46,"tag":121,"props":750,"children":751},{"style":151},[752],{"type":52,"value":579},{"type":46,"tag":121,"props":754,"children":756},{"class":123,"line":755},9,[757,761],{"type":46,"tag":121,"props":758,"children":759},{"style":151},[760],{"type":52,"value":202},{"type":46,"tag":121,"props":762,"children":763},{"style":145},[764],{"type":52,"value":207},{"type":46,"tag":59,"props":766,"children":767},{},[768,770,777],{"type":52,"value":769},"For all options available, please refer to TSDocs in your IDE, or the ",{"type":46,"tag":499,"props":771,"children":774},{"href":772,"rel":773},"https://github.com/nuxt/devtools/blob/main/packages/devtools-kit/src/_types/options.ts#L6",[503],[775],{"type":52,"value":776},"type definition file",{"type":52,"value":71},{"type":46,"tag":779,"props":780,"children":781},"style",{},[782],{"type":52,"value":783},"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);}",{"title":40,"searchDepth":157,"depth":157,"links":785},[786],{"id":49,"depth":157,"text":53,"children":787},[788,789,790,791,792,793],{"id":75,"depth":196,"text":78},{"id":215,"depth":196,"text":218},{"id":260,"depth":196,"text":263},{"id":353,"depth":196,"text":356},{"id":489,"depth":196,"text":492},{"id":620,"depth":196,"text":623},"markdown","content:1.guide:0.getting-started.md","content","1.guide/0.getting-started.md","1.guide/0.getting-started","md",1784868586793]