[{"data":1,"prerenderedAt":330},["ShallowReactive",2],{"navigation":3,"landing":52,"$fTTkhXFRg5gFGid3Dv7Vb-VL7OzHJSHspIRYrGpYKjSI":224},[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",[53,159],{"id":54,"title":55,"body":56,"description":152,"extension":153,"meta":154,"navigation":21,"path":155,"seo":156,"stem":157,"__hash__":158},"home\u002Fhome\u002Fget-started.md","Get Started",{"type":57,"value":58,"toc":150},"minimark",[59,76,143,146],[60,61,62,63,67,68,71,72,75],"p",{},"You just need to go to your ",[64,65,66],"code",{},"nuxt.config"," file and set ",[64,69,70],{},"devtools"," to ",[64,73,74],{},"true",":",[77,78,84],"pre",{"className":79,"code":80,"filename":81,"language":82,"meta":83,"style":83},"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","",[64,85,86,110,134],{"__ignoreMap":83},[87,88,91,95,98,102,106],"span",{"class":89,"line":90},"line",1,[87,92,94],{"class":93},"s7zQu","export",[87,96,97],{"class":93}," default",[87,99,101],{"class":100},"s2Zo4"," defineNuxtConfig",[87,103,105],{"class":104},"sTEyZ","(",[87,107,109],{"class":108},"sMK4o","{\n",[87,111,113,117,119,122,125,127,131],{"class":89,"line":112},2,[87,114,116],{"class":115},"swJcz","  devtools",[87,118,75],{"class":108},[87,120,121],{"class":108}," {",[87,123,124],{"class":115}," enabled",[87,126,75],{"class":108},[87,128,130],{"class":129},"sfNiH"," true",[87,132,133],{"class":108}," },\n",[87,135,137,140],{"class":89,"line":136},3,[87,138,139],{"class":108},"}",[87,141,142],{"class":104},")\n",[60,144,145],{},"Nuxt will automatically install the DevTools module for you.",[147,148,149],"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);}",{"title":83,"searchDepth":112,"depth":112,"links":151},[],"You just need to go to your nuxt.config file and set devtools to true:","md",{},"\u002Fhome\u002Fget-started",{"description":152},"home\u002Fget-started","E0fJdzZtuGFH8_9xIQUQx8FX_BV1X5xUTApzPY0Yr5k",{"id":160,"extension":161,"hero":162,"meta":166,"navigation":21,"sections":167,"stem":222,"__hash__":223},"landing\u002Findex.yml","yml",{"title":163,"description":164,"button":165},"Unleash Nuxt \u003Cbr>\u003Cspan class=\"text-primary-400\">Developer Experience\u003C\u002Fspan>","The Nuxt DevTools gives you insights and transparency about your Nuxt App. Identify performance gaps and seamlessly manage your app configurations.","Get started",{},[168,196,213,217],{"title":169,"slot":170,"toolsCards":171},"Enhance projects with\u003Cbr>\u003Cspan class=\"text-primary-400\">Advanced DevTools\u003C\u002Fspan>","tools",[172,176,180,184,188,192],{"title":173,"description":174,"icon":175,"to":83},"Developer experience","Enhance your DX even further, and adding an extra layer of enjoyment to the development journey!","i-ph-code-light",{"title":177,"description":178,"icon":179,"to":83},"Inspection & debug","See the relationships between your components, composables, modules and so much more.","i-ph-magnifying-glass",{"title":181,"description":182,"icon":183,"to":83},"Transparency conventions","Understand your Nuxt app structure to debug and optimize your Nuxt application effectively.","i-ph-wall",{"title":185,"description":186,"icon":187,"to":83},"Real-time insights","Get real-time insights into your app's performance. Analyze your data for seamless user experience.","i-ph-gradient",{"title":189,"description":190,"icon":191,"to":83},"Tailor-made documentation","Get personalized documentation for your Nuxt application, based on your usage patterns and needs.","i-ph-book-open",{"title":193,"description":194,"icon":195,"to":83},"Extendable & hackable","Provide interactive views for integrations. Making it easy to explore and understand your application's data and performance.","i-ph-plug",{"title":197,"slot":198,"button":199,"projectCards":200},"Explore the depths of your\u003Cbr>\u003Cspan class=\"text-primary-400\">Nuxt project\u003C\u002Fspan>","project","Explore all features",[201,205,209],{"title":202,"description":203,"to":204},"Pages","Display your current routes with useful information such as what layout or middleware it has, and provides a quick way to navigate between pages. You can also use the textbox to see how each route is matched.","\u002Fguide\u002Ffeatures#pages",{"title":206,"description":207,"to":208},"Components","Display all the components you are using in your app and where they are from. You can also search for them and go to the source code.","\u002Fguide\u002Ffeatures#components",{"title":210,"description":211,"to":212},"Imports","Discover all the auto-imports composables and utils registered in your app. You can see which files are importing them, and where they are from. Some entries can also provide short descriptions and documentation links.","\u002Fguide\u002Ffeatures#imports",{"slot":214,"title":215,"avatarText":216},"cta","Trusted and supported by our\u003Cbr \u002F>amazing community","Created and maintained by 50+ contributors",{"title":218,"description":219,"slot":220,"button":221},"Get started\u003Cbr>\u003Cspan class=\"text-primary-400\">Now\u003C\u002Fspan>","Start using Nuxt DevTools quickly by installing it in your projects in a few lines!","get-started","Read the documentation","index","3vEZQ558qL5Pjwej1olzhQWUnBBQ_ykjzxZIDCD-xCg",{"stats":225,"contributors":233},{"version":226,"downloads":227,"stars":228,"watchers":228,"forks":229,"defaultBranch":230,"publishedAt":231,"createdAt":232},"4.0.0-alpha.3",5570554,3262,202,"main",1774256486069,1675895165880,[234,238,242,246,250,254,258,262,265,268,272,276,279,282,285,288,291,294,297,300,303,306,309,312,315,318,321,324,327],{"id":235,"username":236,"contributions":237},11247099,"antfu",1022,{"id":239,"username":240,"contributions":241},38922203,"arashsheyda",104,{"id":243,"username":244,"contributions":245},904724,"atinux",50,{"id":247,"username":248,"contributions":249},5158436,"pi0",29,{"id":251,"username":252,"contributions":253},28706372,"danielroe",23,{"id":255,"username":256,"contributions":257},63512348,"huang-julien",9,{"id":259,"username":260,"contributions":261},22515951,"webfansplz",8,{"id":263,"username":264,"contributions":261},188172,"ManUtopiK",{"id":266,"username":267,"contributions":261},29743310,"Jannchie",{"id":269,"username":270,"contributions":271},1240374,"lustremedia",7,{"id":273,"username":274,"contributions":275},5326365,"harlan-zw",4,{"id":277,"username":278,"contributions":275},19751938,"noook",{"id":280,"username":281,"contributions":136},59717852,"zuixinwang",{"id":283,"username":284,"contributions":136},44604921,"shinGangan",{"id":286,"username":287,"contributions":136},54026110,"Lmmmmmm-bb",{"id":289,"username":290,"contributions":136},35883748,"Flowko",{"id":292,"username":293,"contributions":136},39936160,"pdx-xf",{"id":295,"username":296,"contributions":136},6311119,"userquin",{"id":298,"username":299,"contributions":136},6649305,"BobbieGoede",{"id":301,"username":302,"contributions":136},739984,"benjamincanac",{"id":304,"username":305,"contributions":112},602584,"gsxdsm",{"id":307,"username":308,"contributions":112},79358543,"zackha",{"id":310,"username":311,"contributions":112},40021217,"kingyue737",{"id":313,"username":314,"contributions":112},88418949,"doyuli",{"id":316,"username":317,"contributions":112},57720465,"hichem-dahi",{"id":319,"username":320,"contributions":112},6696789,"Flosciante",{"id":322,"username":323,"contributions":112},11806619,"thecuvii",{"id":325,"username":326,"contributions":112},1439623,"clemcode",{"id":328,"username":329,"contributions":112},640208,"TheAlexLichter",1774568844994]