[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"module-devtools":3,"versions":803},{"name":4,"description":5,"repo":6,"npm":7,"icon":8,"github":9,"website":10,"learn_more":11,"category":12,"type":13,"maintainers":14,"compatibility":20,"generatedAt":23,"contributors":24,"stats":122,"readme":130},"devtools","Visual tools that help you to know your Nuxt application better.","nuxt/devtools#main/packages/devtools","@nuxt/devtools","nuxt.svg","https://github.com/nuxt/devtools","https://devtools.nuxt.com","","Devtools","official",[15],{"name":16,"github":17,"twitter":18,"bluesky":19},"Anthony Fu","antfu","antfu7","antfu.me",{"nuxt":21,"requires":22},">=3.0.0",{},"2026-04-26T21:36:53.839Z",[25,28,32,36,40,44,48,52,55,58,62,66,69,73,76,79,82,85,88,91,94,98,101,104,107,110,113,116,119],{"id":26,"username":17,"contributions":27},11247099,1027,{"id":29,"username":30,"contributions":31},38922203,"arashsheyda",104,{"id":33,"username":34,"contributions":35},904724,"atinux",34,{"id":37,"username":38,"contributions":39},5158436,"pi0",29,{"id":41,"username":42,"contributions":43},28706372,"danielroe",24,{"id":45,"username":46,"contributions":47},63512348,"huang-julien",14,{"id":49,"username":50,"contributions":51},22515951,"webfansplz",8,{"id":53,"username":54,"contributions":51},188172,"ManUtopiK",{"id":56,"username":57,"contributions":51},29743310,"Jannchie",{"id":59,"username":60,"contributions":61},1240374,"lustremedia",7,{"id":63,"username":64,"contributions":65},5326365,"harlan-zw",4,{"id":67,"username":68,"contributions":65},19751938,"noook",{"id":70,"username":71,"contributions":72},59717852,"zuixinwang",3,{"id":74,"username":75,"contributions":72},44604921,"shinGangan",{"id":77,"username":78,"contributions":72},54026110,"Lmmmmmm-bb",{"id":80,"username":81,"contributions":72},35883748,"Flowko",{"id":83,"username":84,"contributions":72},39936160,"keepcalmqqf",{"id":86,"username":87,"contributions":72},6311119,"userquin",{"id":89,"username":90,"contributions":72},6649305,"BobbieGoede",{"id":92,"username":93,"contributions":72},739984,"benjamincanac",{"id":95,"username":96,"contributions":97},602584,"gsxdsm",2,{"id":99,"username":100,"contributions":97},79358543,"zackha",{"id":102,"username":103,"contributions":97},40021217,"kingyue737",{"id":105,"username":106,"contributions":97},88418949,"doyuli",{"id":108,"username":109,"contributions":97},57720465,"hichem-dahi",{"id":111,"username":112,"contributions":97},6696789,"Flosciante",{"id":114,"username":115,"contributions":97},11806619,"thecuvii",{"id":117,"username":118,"contributions":97},1439623,"clemcode",{"id":120,"username":121,"contributions":97},640208,"TheAlexLichter",{"version":123,"downloads":124,"stars":125,"watchers":125,"forks":126,"defaultBranch":127,"publishedAt":128,"createdAt":129},"4.0.0-alpha.4",5377055,3273,205,"main",1775609771051,1675895165880,{"data":131,"body":132,"toc":789},{"title":11,"description":11},{"type":133,"children":134},"root",[135,155,163,216,226,259,295,298,305,320,366,379,391,398,403,423,439,455,484,490,511,516,530,544,558,580,586,598,608,621,627,643,649,662,668,679,685,690,704,709,715,729,770,775,784],{"type":136,"tag":137,"props":138,"children":139},"element","p",{},[140,151],{"type":136,"tag":141,"props":142,"children":143},"a",{"href":10},[144],{"type":136,"tag":145,"props":146,"children":150},"img",{"width":147,"alt":148,"src":149},1200,"Nuxt DevTools","https://github-production-user-asset-6210df.s3.amazonaws.com/904724/261577617-a10567bd-ad33-48cc-9bda-9e37dbe1929f.png",[],{"type":136,"tag":152,"props":153,"children":154},"br",{},[],{"type":136,"tag":156,"props":157,"children":159},"h1",{"id":158},"nuxt-devtools",[160],{"type":161,"value":162},"text","\nNuxt DevTools\n",{"type":136,"tag":137,"props":164,"children":165},{},[166,177,187,196,206],{"type":136,"tag":141,"props":167,"children":171},{"href":168,"rel":169},"https://npmjs.com/package/@nuxt/devtools",[170],"nofollow",[172],{"type":136,"tag":145,"props":173,"children":176},{"alt":174,"src":175},"npm version","https://img.shields.io/npm/v/@nuxt/devtools/latest.svg?style=flat&colorA=18181B&colorB=28CF8D",[],{"type":136,"tag":141,"props":178,"children":181},{"href":179,"rel":180},"https://npm.chart.dev/@nuxt/devtools",[170],[182],{"type":136,"tag":145,"props":183,"children":186},{"alt":184,"src":185},"npm downloads","https://img.shields.io/npm/dm/@nuxt/devtools.svg?style=flat&colorA=18181B&colorB=28CF8D",[],{"type":136,"tag":141,"props":188,"children":190},{"href":168,"rel":189},[170],[191],{"type":136,"tag":145,"props":192,"children":195},{"alt":193,"src":194},"License","https://img.shields.io/npm/l/@nuxt/devtools.svg?style=flat&colorA=18181B&colorB=28CF8D",[],{"type":136,"tag":141,"props":197,"children":200},{"href":198,"rel":199},"https://nuxt.com",[170],[201],{"type":136,"tag":145,"props":202,"children":205},{"alt":203,"src":204},"Nuxt","https://img.shields.io/badge/Nuxt-18181B?logo=nuxt",[],{"type":136,"tag":141,"props":207,"children":210},{"href":208,"rel":209},"https://volta.net/nuxt/devtools?utm_source=nuxt_devtools_readme",[170],[211],{"type":136,"tag":145,"props":212,"children":215},{"alt":213,"src":214},"Volta","https://user-images.githubusercontent.com/904724/209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg",[],{"type":136,"tag":137,"props":217,"children":218},{},[219,221,224],{"type":161,"value":220},"\nUnleash Nuxt Developer Experience.\n",{"type":136,"tag":152,"props":222,"children":223},{},[],{"type":161,"value":225},"Nuxt DevTools is a set of visual tools that help you to know your app better.\n",{"type":136,"tag":137,"props":227,"children":228},{},[229,231,237,239,245,246,252,253],{"type":161,"value":230},"\n  ",{"type":136,"tag":141,"props":232,"children":234},{"href":233},"https://nuxt.com/blog/nuxt-devtools-v1-0",[235],{"type":161,"value":236},"👋 Introduction",{"type":161,"value":238}," |\n  ",{"type":136,"tag":141,"props":240,"children":242},{"href":241},"https://github.com/nuxt/devtools/discussions/29",[243],{"type":161,"value":244},"💡 Ideas & Suggestions",{"type":161,"value":238},{"type":136,"tag":141,"props":247,"children":249},{"href":248},"https://github.com/nuxt/devtools/discussions/31",[250],{"type":161,"value":251},"🗺️ Project Roadmap",{"type":161,"value":238},{"type":136,"tag":141,"props":254,"children":256},{"href":255},"https://devtools.nuxt.com/",[257],{"type":161,"value":258},"📚 Documentation",{"type":136,"tag":260,"props":261,"children":262},"blockquote",{},[263],{"type":136,"tag":137,"props":264,"children":265},{},[266,272,274,280,282,293],{"type":136,"tag":267,"props":268,"children":269},"span",{},[270],{"type":161,"value":271},"!NOTE",{"type":161,"value":273},"\nYou are current at the ",{"type":136,"tag":275,"props":276,"children":278},"code",{"className":277},[],[279],{"type":161,"value":127},{"type":161,"value":281}," branch for v4 development. The latest stable branch is ",{"type":136,"tag":141,"props":283,"children":286},{"href":284,"rel":285},"https://github.com/nuxt/devtools/tree/v3",[170],[287],{"type":136,"tag":275,"props":288,"children":290},{"className":289},[],[291],{"type":161,"value":292},"v3",{"type":161,"value":294},".",{"type":136,"tag":152,"props":296,"children":297},{},[],{"type":136,"tag":299,"props":300,"children":302},"h2",{"id":301},"installation",[303],{"type":161,"value":304},"Installation",{"type":136,"tag":260,"props":306,"children":307},{},[308],{"type":136,"tag":137,"props":309,"children":310},{},[311,313,319],{"type":161,"value":312},"Nuxt DevTools v2 requires ",{"type":136,"tag":314,"props":315,"children":316},"strong",{},[317],{"type":161,"value":318},"Nuxt v3.15.0 or higher",{"type":161,"value":294},{"type":136,"tag":137,"props":321,"children":322},{},[323,325,330,332,338,340,345,347,352,353,358,359,364],{"type":161,"value":324},"Nuxt DevTools is ",{"type":136,"tag":314,"props":326,"children":327},{},[328],{"type":161,"value":329},"enabled by default",{"type":161,"value":331}," in Nuxt v3.8.0. You can press ",{"type":136,"tag":333,"props":334,"children":335},"kbd",{},[336],{"type":161,"value":337},"Shift",{"type":161,"value":339}," + ",{"type":136,"tag":333,"props":341,"children":342},{},[343],{"type":161,"value":344},"Alt",{"type":161,"value":346}," / ",{"type":136,"tag":333,"props":348,"children":349},{},[350],{"type":161,"value":351},"⇧ Shift",{"type":161,"value":339},{"type":136,"tag":333,"props":354,"children":355},{},[356],{"type":161,"value":357},"⌥ Option",{"type":161,"value":339},{"type":136,"tag":333,"props":360,"children":361},{},[362],{"type":161,"value":363},"D",{"type":161,"value":365}," in your app to open it up.",{"type":136,"tag":137,"props":367,"children":368},{},[369,371,377],{"type":161,"value":370},"If you want to explicitly enable or disable Nuxt DevTools, you can update your ",{"type":136,"tag":275,"props":372,"children":374},{"className":373},[],[375],{"type":161,"value":376},"nuxt.config",{"type":161,"value":378}," with:",{"type":136,"tag":380,"props":381,"children":386},"pre",{"className":382,"code":383,"language":384,"meta":11,"style":385},"language-js","export default defineNuxtConfig({\n  devtools: {\n    enabled: true // or false to disable\n  }\n})\n","js","undefined",[387],{"type":136,"tag":275,"props":388,"children":389},{"__ignoreMap":11},[390],{"type":161,"value":383},{"type":136,"tag":392,"props":393,"children":395},"h3",{"id":394},"opting-in-to-v40",[396],{"type":161,"value":397},"Opting in to v4.0",{"type":136,"tag":137,"props":399,"children":400},{},[401],{"type":161,"value":402},"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:",{"type":136,"tag":404,"props":405,"children":406},"details",{},[407,413],{"type":136,"tag":408,"props":409,"children":410},"summary",{},[411],{"type":161,"value":412},"npm",{"type":136,"tag":380,"props":414,"children":418},{"className":415,"code":416,"language":417,"meta":11,"style":385},"language-json","{\n  \"overrides\": {\n    \"@nuxt/devtools\": \"npm:@nuxt/devtools-nightly@latest\"\n  }\n}\n","json",[419],{"type":136,"tag":275,"props":420,"children":421},{"__ignoreMap":11},[422],{"type":161,"value":416},{"type":136,"tag":404,"props":424,"children":425},{},[426,431],{"type":136,"tag":408,"props":427,"children":428},{},[429],{"type":161,"value":430},"yarn",{"type":136,"tag":380,"props":432,"children":434},{"className":415,"code":433,"language":417,"meta":11,"style":385},"{\n  \"resolutions\": {\n    \"@nuxt/devtools\": \"npm:@nuxt/devtools-nightly@latest\"\n  }\n}\n",[435],{"type":136,"tag":275,"props":436,"children":437},{"__ignoreMap":11},[438],{"type":161,"value":433},{"type":136,"tag":404,"props":440,"children":441},{},[442,447],{"type":136,"tag":408,"props":443,"children":444},{},[445],{"type":161,"value":446},"pnpm",{"type":136,"tag":380,"props":448,"children":450},{"className":415,"code":449,"language":417,"meta":11,"style":385},"{\n  \"pnpm\": {\n    \"overrides\": {\n      \"@nuxt/devtools\": \"npm:@nuxt/devtools-nightly@latest\"\n    }\n  }\n}\n",[451],{"type":136,"tag":275,"props":452,"children":453},{"__ignoreMap":11},[454],{"type":161,"value":449},{"type":136,"tag":137,"props":456,"children":457},{},[458,460,466,468,474,476,482],{"type":161,"value":459},"Remove lockfile (",{"type":136,"tag":275,"props":461,"children":463},{"className":462},[],[464],{"type":161,"value":465},"package-lock.json",{"type":161,"value":467},", ",{"type":136,"tag":275,"props":469,"children":471},{"className":470},[],[472],{"type":161,"value":473},"yarn.lock",{"type":161,"value":475},", or ",{"type":136,"tag":275,"props":477,"children":479},{"className":478},[],[480],{"type":161,"value":481},"pnpm-lock.yaml",{"type":161,"value":483},") and reinstall dependencies.",{"type":136,"tag":392,"props":485,"children":487},{"id":486},"nightly-release-channel",[488],{"type":161,"value":489},"Nightly Release Channel",{"type":136,"tag":137,"props":491,"children":492},{},[493,495,502,504,509],{"type":161,"value":494},"Similar to ",{"type":136,"tag":141,"props":496,"children":499},{"href":497,"rel":498},"https://nuxt.com/docs/guide/going-further/nightly-release-channel",[170],[500],{"type":161,"value":501},"Nuxt's Nightly Channel",{"type":161,"value":503},", DevTools also offers a nightly release channel, that automatically releases for every commit to ",{"type":136,"tag":275,"props":505,"children":507},{"className":506},[],[508],{"type":161,"value":127},{"type":161,"value":510}," branch.",{"type":136,"tag":137,"props":512,"children":513},{},[514],{"type":161,"value":515},"You can opt-in to the nightly release channel by using package manager resolutions:",{"type":136,"tag":404,"props":517,"children":518},{},[519,523],{"type":136,"tag":408,"props":520,"children":521},{},[522],{"type":161,"value":412},{"type":136,"tag":380,"props":524,"children":525},{"className":415,"code":416,"language":417,"meta":11,"style":385},[526],{"type":136,"tag":275,"props":527,"children":528},{"__ignoreMap":11},[529],{"type":161,"value":416},{"type":136,"tag":404,"props":531,"children":532},{},[533,537],{"type":136,"tag":408,"props":534,"children":535},{},[536],{"type":161,"value":430},{"type":136,"tag":380,"props":538,"children":539},{"className":415,"code":433,"language":417,"meta":11,"style":385},[540],{"type":136,"tag":275,"props":541,"children":542},{"__ignoreMap":11},[543],{"type":161,"value":433},{"type":136,"tag":404,"props":545,"children":546},{},[547,551],{"type":136,"tag":408,"props":548,"children":549},{},[550],{"type":161,"value":446},{"type":136,"tag":380,"props":552,"children":553},{"className":415,"code":449,"language":417,"meta":11,"style":385},[554],{"type":136,"tag":275,"props":555,"children":556},{"__ignoreMap":11},[557],{"type":161,"value":449},{"type":136,"tag":137,"props":559,"children":560},{},[561,562,567,568,573,574,579],{"type":161,"value":459},{"type":136,"tag":275,"props":563,"children":565},{"className":564},[],[566],{"type":161,"value":465},{"type":161,"value":467},{"type":136,"tag":275,"props":569,"children":571},{"className":570},[],[572],{"type":161,"value":473},{"type":161,"value":475},{"type":136,"tag":275,"props":575,"children":577},{"className":576},[],[578],{"type":161,"value":481},{"type":161,"value":483},{"type":136,"tag":392,"props":581,"children":583},{"id":582},"module-options",[584],{"type":161,"value":585},"Module Options",{"type":136,"tag":137,"props":587,"children":588},{},[589,591,596],{"type":161,"value":590},"To configure Nuxt DevTools, you can pass the ",{"type":136,"tag":275,"props":592,"children":594},{"className":593},[],[595],{"type":161,"value":4},{"type":161,"value":597}," options.",{"type":136,"tag":380,"props":599,"children":603},{"className":600,"code":601,"language":602,"meta":11,"style":385},"language-ts","// nuxt.config.ts\nexport 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","ts",[604],{"type":136,"tag":275,"props":605,"children":606},{"__ignoreMap":11},[607],{"type":161,"value":601},{"type":136,"tag":137,"props":609,"children":610},{},[611,613,620],{"type":161,"value":612},"For all options available, please refer to TSDocs in your IDE, or the ",{"type":136,"tag":141,"props":614,"children":617},{"href":615,"rel":616},"https://github.com/nuxt/devtools/blob/main/packages/devtools-kit/src/_types/options.ts",[170],[618],{"type":161,"value":619},"type definition file",{"type":161,"value":294},{"type":136,"tag":299,"props":622,"children":624},{"id":623},"features",[625],{"type":161,"value":626},"Features",{"type":136,"tag":137,"props":628,"children":629},{},[630,632,641],{"type":161,"value":631},"Read the ",{"type":136,"tag":141,"props":633,"children":635},{"href":233,"rel":634},[170],[636],{"type":136,"tag":314,"props":637,"children":638},{},[639],{"type":161,"value":640},"Announcement Blog Post 🎊",{"type":161,"value":642}," for why we built Nuxt DevTools and what it can do!",{"type":136,"tag":299,"props":644,"children":646},{"id":645},"module-authors",[647],{"type":161,"value":648},"Module Authors",{"type":136,"tag":137,"props":650,"children":651},{},[652,654,661],{"type":161,"value":653},"Please refer to the ",{"type":136,"tag":141,"props":655,"children":658},{"href":656,"rel":657},"https://devtools.nuxt.com/module/guide",[170],[659],{"type":161,"value":660},"Module Authors Guide",{"type":161,"value":294},{"type":136,"tag":299,"props":663,"children":665},{"id":664},"contribution-guide",[666],{"type":161,"value":667},"Contribution Guide",{"type":136,"tag":137,"props":669,"children":670},{},[671,672,678],{"type":161,"value":653},{"type":136,"tag":141,"props":673,"children":676},{"href":674,"rel":675},"https://devtools.nuxt.com/development/contributing",[170],[677],{"type":161,"value":667},{"type":161,"value":294},{"type":136,"tag":299,"props":680,"children":682},{"id":681},"anonymous-usage-analytics",[683],{"type":161,"value":684},"Anonymous Usage Analytics",{"type":136,"tag":137,"props":686,"children":687},{},[688],{"type":161,"value":689},"Nuxt DevTools collects anonymous telemetry data about general usage. This helps us to accurately gauge feature usage and customization across all our users. This data will let us better understand how each features in Nuxt DevTools are used, measuring improvements made (DX and performances) and their relevance. It would also help us to prioritize our efforts and focus on the features that matter the most to our users.",{"type":136,"tag":137,"props":691,"children":692},{},[693,695,702],{"type":161,"value":694},"Nuxt DevTools' telemetry data is piped through ",{"type":136,"tag":141,"props":696,"children":699},{"href":697,"rel":698},"https://github.com/nuxt/telemetry",[170],[700],{"type":161,"value":701},"Nuxt Telemetry",{"type":161,"value":703},", meaning that Nuxt DevTools will respect your local and global Nuxt Telemetry settings. You can also opt-out Nuxt DevTools' telemetry in the Nuxt DevTools settings.",{"type":136,"tag":137,"props":705,"children":706},{},[707],{"type":161,"value":708},"The data we collect is completely anonymous, not traceable to the source (using hash+seed), and only meaningful in aggregate form. No data we collect is personally identifiable or trackable.",{"type":136,"tag":392,"props":710,"children":712},{"id":711},"events",[713],{"type":161,"value":714},"Events",{"type":136,"tag":137,"props":716,"children":717},{},[718,720,727],{"type":161,"value":719},"On top of the ",{"type":136,"tag":141,"props":721,"children":724},{"href":722,"rel":723},"https://github.com/nuxt/telemetry#events",[170],[725],{"type":161,"value":726},"default Nuxt Telemetry events",{"type":161,"value":728},", Nuxt DevTools also collects the following events:",{"type":136,"tag":730,"props":731,"children":732},"ul",{},[733,739,752,765],{"type":136,"tag":734,"props":735,"children":736},"li",{},[737],{"type":161,"value":738},"Versions of Nuxt DevTools",{"type":136,"tag":734,"props":740,"children":741},{},[742,744],{"type":161,"value":743},"Navigations between tabs/feature\n",{"type":136,"tag":730,"props":745,"children":746},{},[747],{"type":136,"tag":734,"props":748,"children":749},{},[750],{"type":161,"value":751},"This helps us to understand which features are used the most to prioritize our efforts.",{"type":136,"tag":734,"props":753,"children":754},{},[755,757],{"type":161,"value":756},"Browser and OS names and versions\n",{"type":136,"tag":730,"props":758,"children":759},{},[760],{"type":136,"tag":734,"props":761,"children":762},{},[763],{"type":161,"value":764},"This helps us improve compatibility across different browsers and operating systems.",{"type":136,"tag":734,"props":766,"children":767},{},[768],{"type":161,"value":769},"Click event on some action buttons",{"type":136,"tag":299,"props":771,"children":773},{"id":772},"license",[774],{"type":161,"value":193},{"type":136,"tag":137,"props":776,"children":777},{},[778],{"type":136,"tag":141,"props":779,"children":781},{"href":780},"./LICENSE",[782],{"type":161,"value":783},"MIT",{"type":136,"tag":785,"props":786,"children":787},"style",{},[788],{"type":161,"value":11},{"title":11,"searchDepth":97,"depth":97,"links":790},[791,796,797,798,799,802],{"id":301,"depth":97,"text":304,"children":792},[793,794,795],{"id":394,"depth":72,"text":397},{"id":486,"depth":72,"text":489},{"id":582,"depth":72,"text":585},{"id":623,"depth":97,"text":626},{"id":645,"depth":97,"text":648},{"id":664,"depth":97,"text":667},{"id":681,"depth":97,"text":684,"children":800},[801],{"id":711,"depth":72,"text":714},{"id":772,"depth":97,"text":193},{"v3":804,"v4":805,"v2":806},"3.21.2","4.4.2","2.18.1"]