[{"data":1,"prerenderedAt":5508},["Reactive",2],{"navigation":3,"docs-/module/guide":37,"docs-/module/guide-surround":3291},[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":23,"_dir":38,"_draft":39,"_partial":39,"_locale":40,"title":22,"description":41,"body":42,"_type":3286,"_id":3287,"_source":3288,"_file":3289,"_extension":3290},"module",false,"","Add your own modules integration to the Nuxt DevTools.",{"type":43,"children":44,"toc":3277},"root",[45,58,63,70,75,146,151,157,162,167,565,570,943,955,961,966,1784,1796,1814,1820,1832,1838,1843,1848,2029,2034,2704,2709,3183,3189,3194,3204,3210,3215,3271],{"type":46,"tag":47,"props":48,"children":50},"element","callout",{"type":49},"warning",[51],{"type":46,"tag":52,"props":53,"children":54},"p",{},[55],{"type":56,"value":57},"text","APIs are subject to change.",{"type":46,"tag":52,"props":59,"children":60},{},[61],{"type":56,"value":62},"Nuxt DevTools is designed to be extensible. You can add your own modules integration to the DevTools.",{"type":46,"tag":64,"props":65,"children":67},"h2",{"id":66},"starter-template",[68],{"type":56,"value":69},"Starter Template",{"type":46,"tag":52,"props":71,"children":72},{},[73],{"type":56,"value":74},"If you want to try integrating with Nuxt DevTools, you can run",{"type":46,"tag":76,"props":77,"children":81},"pre",{"className":78,"code":79,"language":80,"meta":40},"language-bash material-theme_material-theme-palenight_material-theme-lighter","npx nuxi init my-module -t module-devtools\n","bash",[82],{"type":46,"tag":83,"props":84,"children":85},"code",{"__ignoreMap":40},[86],{"type":46,"tag":87,"props":88,"children":91},"span",{"class":89,"line":90},"line",1,[92,98,104,110,114,119,123,128,132,137,141],{"type":46,"tag":87,"props":93,"children":95},{"class":94},"ct-902167",[96],{"type":56,"value":97},"npx",{"type":46,"tag":87,"props":99,"children":101},{"class":100},"ct-521921",[102],{"type":56,"value":103}," ",{"type":46,"tag":87,"props":105,"children":107},{"class":106},"ct-083593",[108],{"type":56,"value":109},"nuxi",{"type":46,"tag":87,"props":111,"children":112},{"class":100},[113],{"type":56,"value":103},{"type":46,"tag":87,"props":115,"children":116},{"class":106},[117],{"type":56,"value":118},"init",{"type":46,"tag":87,"props":120,"children":121},{"class":100},[122],{"type":56,"value":103},{"type":46,"tag":87,"props":124,"children":125},{"class":106},[126],{"type":56,"value":127},"my-module",{"type":46,"tag":87,"props":129,"children":130},{"class":100},[131],{"type":56,"value":103},{"type":46,"tag":87,"props":133,"children":134},{"class":106},[135],{"type":56,"value":136},"-t",{"type":46,"tag":87,"props":138,"children":139},{"class":100},[140],{"type":56,"value":103},{"type":46,"tag":87,"props":142,"children":143},{"class":106},[144],{"type":56,"value":145},"module-devtools",{"type":46,"tag":52,"props":147,"children":148},{},[149],{"type":56,"value":150},"to create a new module starter with Nuxt DevTools integration pre-configured (contributing a fully custom view as a tab).",{"type":46,"tag":64,"props":152,"children":154},{"id":153},"contributing-to-view",[155],{"type":56,"value":156},"Contributing to View",{"type":46,"tag":52,"props":158,"children":159},{},[160],{"type":56,"value":161},"Currently the only way to contribute to Nuxt DevTools View is via iframe. You need to serve your module's view yourself and then register it to the DevTools.",{"type":46,"tag":52,"props":163,"children":164},{},[165],{"type":56,"value":166},"You can use the utility kit provided by Nuxt DevTools to register your custom tab:",{"type":46,"tag":76,"props":168,"children":172},{"className":169,"code":170,"language":171,"meta":40},"language-ts material-theme_material-theme-palenight_material-theme-lighter","import { addCustomTab } from '@nuxt/devtools-kit'\n\naddCustomTab({\n  // unique identifier\n  name: 'my-module',\n  // title to display in the tab\n  title: 'My Module',\n  // any icon from Iconify, or a URL to an image\n  icon: 'carbon:apps',\n  // iframe view\n  view: {\n    type: 'iframe',\n    src: '/url-to-your-module-view',\n  },\n})\n","ts",[173],{"type":46,"tag":83,"props":174,"children":175},{"__ignoreMap":40},[176,242,249,268,283,322,335,373,386,424,437,462,501,539,552],{"type":46,"tag":87,"props":177,"children":178},{"class":89,"line":90},[179,185,189,195,200,205,209,214,218,223,227,232,237],{"type":46,"tag":87,"props":180,"children":182},{"class":181},"ct-398028",[183],{"type":56,"value":184},"import",{"type":46,"tag":87,"props":186,"children":187},{"class":100},[188],{"type":56,"value":103},{"type":46,"tag":87,"props":190,"children":192},{"class":191},"ct-542793",[193],{"type":56,"value":194},"{",{"type":46,"tag":87,"props":196,"children":198},{"class":197},"ct-821147",[199],{"type":56,"value":103},{"type":46,"tag":87,"props":201,"children":202},{"class":100},[203],{"type":56,"value":204},"addCustomTab",{"type":46,"tag":87,"props":206,"children":207},{"class":197},[208],{"type":56,"value":103},{"type":46,"tag":87,"props":210,"children":211},{"class":191},[212],{"type":56,"value":213},"}",{"type":46,"tag":87,"props":215,"children":216},{"class":100},[217],{"type":56,"value":103},{"type":46,"tag":87,"props":219,"children":220},{"class":181},[221],{"type":56,"value":222},"from",{"type":46,"tag":87,"props":224,"children":225},{"class":100},[226],{"type":56,"value":103},{"type":46,"tag":87,"props":228,"children":229},{"class":191},[230],{"type":56,"value":231},"'",{"type":46,"tag":87,"props":233,"children":234},{"class":106},[235],{"type":56,"value":236},"@nuxt/devtools-kit",{"type":46,"tag":87,"props":238,"children":239},{"class":191},[240],{"type":56,"value":241},"'\n",{"type":46,"tag":87,"props":243,"children":245},{"class":89,"line":244},2,[246],{"type":46,"tag":87,"props":247,"children":248},{},[],{"type":46,"tag":87,"props":250,"children":252},{"class":89,"line":251},3,[253,258,263],{"type":46,"tag":87,"props":254,"children":256},{"class":255},"ct-021512",[257],{"type":56,"value":204},{"type":46,"tag":87,"props":259,"children":260},{"class":100},[261],{"type":56,"value":262},"(",{"type":46,"tag":87,"props":264,"children":265},{"class":191},[266],{"type":56,"value":267},"{\n",{"type":46,"tag":87,"props":269,"children":271},{"class":89,"line":270},4,[272,277],{"type":46,"tag":87,"props":273,"children":274},{"class":191},[275],{"type":56,"value":276},"  ",{"type":46,"tag":87,"props":278,"children":280},{"class":279},"ct-767688",[281],{"type":56,"value":282},"// unique identifier\n",{"type":46,"tag":87,"props":284,"children":286},{"class":89,"line":285},5,[287,291,296,301,305,309,313,317],{"type":46,"tag":87,"props":288,"children":289},{"class":100},[290],{"type":56,"value":276},{"type":46,"tag":87,"props":292,"children":293},{"class":197},[294],{"type":56,"value":295},"name",{"type":46,"tag":87,"props":297,"children":298},{"class":191},[299],{"type":56,"value":300},":",{"type":46,"tag":87,"props":302,"children":303},{"class":100},[304],{"type":56,"value":103},{"type":46,"tag":87,"props":306,"children":307},{"class":191},[308],{"type":56,"value":231},{"type":46,"tag":87,"props":310,"children":311},{"class":106},[312],{"type":56,"value":127},{"type":46,"tag":87,"props":314,"children":315},{"class":191},[316],{"type":56,"value":231},{"type":46,"tag":87,"props":318,"children":319},{"class":191},[320],{"type":56,"value":321},",\n",{"type":46,"tag":87,"props":323,"children":325},{"class":89,"line":324},6,[326,330],{"type":46,"tag":87,"props":327,"children":328},{"class":191},[329],{"type":56,"value":276},{"type":46,"tag":87,"props":331,"children":332},{"class":279},[333],{"type":56,"value":334},"// title to display in the tab\n",{"type":46,"tag":87,"props":336,"children":338},{"class":89,"line":337},7,[339,343,348,352,356,360,365,369],{"type":46,"tag":87,"props":340,"children":341},{"class":100},[342],{"type":56,"value":276},{"type":46,"tag":87,"props":344,"children":345},{"class":197},[346],{"type":56,"value":347},"title",{"type":46,"tag":87,"props":349,"children":350},{"class":191},[351],{"type":56,"value":300},{"type":46,"tag":87,"props":353,"children":354},{"class":100},[355],{"type":56,"value":103},{"type":46,"tag":87,"props":357,"children":358},{"class":191},[359],{"type":56,"value":231},{"type":46,"tag":87,"props":361,"children":362},{"class":106},[363],{"type":56,"value":364},"My Module",{"type":46,"tag":87,"props":366,"children":367},{"class":191},[368],{"type":56,"value":231},{"type":46,"tag":87,"props":370,"children":371},{"class":191},[372],{"type":56,"value":321},{"type":46,"tag":87,"props":374,"children":376},{"class":89,"line":375},8,[377,381],{"type":46,"tag":87,"props":378,"children":379},{"class":191},[380],{"type":56,"value":276},{"type":46,"tag":87,"props":382,"children":383},{"class":279},[384],{"type":56,"value":385},"// any icon from Iconify, or a URL to an image\n",{"type":46,"tag":87,"props":387,"children":389},{"class":89,"line":388},9,[390,394,399,403,407,411,416,420],{"type":46,"tag":87,"props":391,"children":392},{"class":100},[393],{"type":56,"value":276},{"type":46,"tag":87,"props":395,"children":396},{"class":197},[397],{"type":56,"value":398},"icon",{"type":46,"tag":87,"props":400,"children":401},{"class":191},[402],{"type":56,"value":300},{"type":46,"tag":87,"props":404,"children":405},{"class":100},[406],{"type":56,"value":103},{"type":46,"tag":87,"props":408,"children":409},{"class":191},[410],{"type":56,"value":231},{"type":46,"tag":87,"props":412,"children":413},{"class":106},[414],{"type":56,"value":415},"carbon:apps",{"type":46,"tag":87,"props":417,"children":418},{"class":191},[419],{"type":56,"value":231},{"type":46,"tag":87,"props":421,"children":422},{"class":191},[423],{"type":56,"value":321},{"type":46,"tag":87,"props":425,"children":427},{"class":89,"line":426},10,[428,432],{"type":46,"tag":87,"props":429,"children":430},{"class":191},[431],{"type":56,"value":276},{"type":46,"tag":87,"props":433,"children":434},{"class":279},[435],{"type":56,"value":436},"// iframe view\n",{"type":46,"tag":87,"props":438,"children":440},{"class":89,"line":439},11,[441,445,450,454,458],{"type":46,"tag":87,"props":442,"children":443},{"class":100},[444],{"type":56,"value":276},{"type":46,"tag":87,"props":446,"children":447},{"class":197},[448],{"type":56,"value":449},"view",{"type":46,"tag":87,"props":451,"children":452},{"class":191},[453],{"type":56,"value":300},{"type":46,"tag":87,"props":455,"children":456},{"class":100},[457],{"type":56,"value":103},{"type":46,"tag":87,"props":459,"children":460},{"class":191},[461],{"type":56,"value":267},{"type":46,"tag":87,"props":463,"children":465},{"class":89,"line":464},12,[466,471,476,480,484,488,493,497],{"type":46,"tag":87,"props":467,"children":468},{"class":100},[469],{"type":56,"value":470},"    ",{"type":46,"tag":87,"props":472,"children":473},{"class":197},[474],{"type":56,"value":475},"type",{"type":46,"tag":87,"props":477,"children":478},{"class":191},[479],{"type":56,"value":300},{"type":46,"tag":87,"props":481,"children":482},{"class":100},[483],{"type":56,"value":103},{"type":46,"tag":87,"props":485,"children":486},{"class":191},[487],{"type":56,"value":231},{"type":46,"tag":87,"props":489,"children":490},{"class":106},[491],{"type":56,"value":492},"iframe",{"type":46,"tag":87,"props":494,"children":495},{"class":191},[496],{"type":56,"value":231},{"type":46,"tag":87,"props":498,"children":499},{"class":191},[500],{"type":56,"value":321},{"type":46,"tag":87,"props":502,"children":504},{"class":89,"line":503},13,[505,509,514,518,522,526,531,535],{"type":46,"tag":87,"props":506,"children":507},{"class":100},[508],{"type":56,"value":470},{"type":46,"tag":87,"props":510,"children":511},{"class":197},[512],{"type":56,"value":513},"src",{"type":46,"tag":87,"props":515,"children":516},{"class":191},[517],{"type":56,"value":300},{"type":46,"tag":87,"props":519,"children":520},{"class":100},[521],{"type":56,"value":103},{"type":46,"tag":87,"props":523,"children":524},{"class":191},[525],{"type":56,"value":231},{"type":46,"tag":87,"props":527,"children":528},{"class":106},[529],{"type":56,"value":530},"/url-to-your-module-view",{"type":46,"tag":87,"props":532,"children":533},{"class":191},[534],{"type":56,"value":231},{"type":46,"tag":87,"props":536,"children":537},{"class":191},[538],{"type":56,"value":321},{"type":46,"tag":87,"props":540,"children":542},{"class":89,"line":541},14,[543,547],{"type":46,"tag":87,"props":544,"children":545},{"class":100},[546],{"type":56,"value":276},{"type":46,"tag":87,"props":548,"children":549},{"class":191},[550],{"type":56,"value":551},"},\n",{"type":46,"tag":87,"props":553,"children":555},{"class":89,"line":554},15,[556,560],{"type":46,"tag":87,"props":557,"children":558},{"class":191},[559],{"type":56,"value":213},{"type":46,"tag":87,"props":561,"children":562},{"class":100},[563],{"type":56,"value":564},")",{"type":46,"tag":52,"props":566,"children":567},{},[568],{"type":56,"value":569},"Or if you prefer to use Nuxt hooks:",{"type":46,"tag":76,"props":571,"children":573},{"className":169,"code":572,"language":171,"meta":40},"nuxt.hook('devtools:customTabs', (tabs) => {\n  tabs.push({\n    // unique identifier\n    name: 'my-module',\n    // title to display in the tab\n    title: 'My Module',\n    // any icon from Iconify, or a URL to an image\n    icon: 'carbon:apps',\n    // iframe view\n    view: {\n      type: 'iframe',\n      src: '/url-to-your-module-view',\n    },\n  })\n})\n",[574],{"type":46,"tag":83,"props":575,"children":576},{"__ignoreMap":40},[577,653,681,692,724,735,767,778,810,821,841,873,905,916,932],{"type":46,"tag":87,"props":578,"children":579},{"class":89,"line":90},[580,585,590,595,599,603,608,612,617,621,625,631,635,639,645,649],{"type":46,"tag":87,"props":581,"children":582},{"class":100},[583],{"type":56,"value":584},"nuxt",{"type":46,"tag":87,"props":586,"children":587},{"class":191},[588],{"type":56,"value":589},".",{"type":46,"tag":87,"props":591,"children":592},{"class":255},[593],{"type":56,"value":594},"hook",{"type":46,"tag":87,"props":596,"children":597},{"class":100},[598],{"type":56,"value":262},{"type":46,"tag":87,"props":600,"children":601},{"class":191},[602],{"type":56,"value":231},{"type":46,"tag":87,"props":604,"children":605},{"class":106},[606],{"type":56,"value":607},"devtools:customTabs",{"type":46,"tag":87,"props":609,"children":610},{"class":191},[611],{"type":56,"value":231},{"type":46,"tag":87,"props":613,"children":614},{"class":191},[615],{"type":56,"value":616},",",{"type":46,"tag":87,"props":618,"children":619},{"class":100},[620],{"type":56,"value":103},{"type":46,"tag":87,"props":622,"children":623},{"class":191},[624],{"type":56,"value":262},{"type":46,"tag":87,"props":626,"children":628},{"class":627},"ct-377156",[629],{"type":56,"value":630},"tabs",{"type":46,"tag":87,"props":632,"children":633},{"class":191},[634],{"type":56,"value":564},{"type":46,"tag":87,"props":636,"children":637},{"class":100},[638],{"type":56,"value":103},{"type":46,"tag":87,"props":640,"children":642},{"class":641},"ct-366012",[643],{"type":56,"value":644},"=>",{"type":46,"tag":87,"props":646,"children":647},{"class":100},[648],{"type":56,"value":103},{"type":46,"tag":87,"props":650,"children":651},{"class":191},[652],{"type":56,"value":267},{"type":46,"tag":87,"props":654,"children":655},{"class":89,"line":244},[656,660,664,668,673,677],{"type":46,"tag":87,"props":657,"children":658},{"class":197},[659],{"type":56,"value":276},{"type":46,"tag":87,"props":661,"children":662},{"class":100},[663],{"type":56,"value":630},{"type":46,"tag":87,"props":665,"children":666},{"class":191},[667],{"type":56,"value":589},{"type":46,"tag":87,"props":669,"children":670},{"class":255},[671],{"type":56,"value":672},"push",{"type":46,"tag":87,"props":674,"children":675},{"class":197},[676],{"type":56,"value":262},{"type":46,"tag":87,"props":678,"children":679},{"class":191},[680],{"type":56,"value":267},{"type":46,"tag":87,"props":682,"children":683},{"class":89,"line":251},[684,688],{"type":46,"tag":87,"props":685,"children":686},{"class":191},[687],{"type":56,"value":470},{"type":46,"tag":87,"props":689,"children":690},{"class":279},[691],{"type":56,"value":282},{"type":46,"tag":87,"props":693,"children":694},{"class":89,"line":270},[695,700,704,708,712,716,720],{"type":46,"tag":87,"props":696,"children":697},{"class":197},[698],{"type":56,"value":699},"    name",{"type":46,"tag":87,"props":701,"children":702},{"class":191},[703],{"type":56,"value":300},{"type":46,"tag":87,"props":705,"children":706},{"class":197},[707],{"type":56,"value":103},{"type":46,"tag":87,"props":709,"children":710},{"class":191},[711],{"type":56,"value":231},{"type":46,"tag":87,"props":713,"children":714},{"class":106},[715],{"type":56,"value":127},{"type":46,"tag":87,"props":717,"children":718},{"class":191},[719],{"type":56,"value":231},{"type":46,"tag":87,"props":721,"children":722},{"class":191},[723],{"type":56,"value":321},{"type":46,"tag":87,"props":725,"children":726},{"class":89,"line":285},[727,731],{"type":46,"tag":87,"props":728,"children":729},{"class":191},[730],{"type":56,"value":470},{"type":46,"tag":87,"props":732,"children":733},{"class":279},[734],{"type":56,"value":334},{"type":46,"tag":87,"props":736,"children":737},{"class":89,"line":324},[738,743,747,751,755,759,763],{"type":46,"tag":87,"props":739,"children":740},{"class":197},[741],{"type":56,"value":742},"    title",{"type":46,"tag":87,"props":744,"children":745},{"class":191},[746],{"type":56,"value":300},{"type":46,"tag":87,"props":748,"children":749},{"class":197},[750],{"type":56,"value":103},{"type":46,"tag":87,"props":752,"children":753},{"class":191},[754],{"type":56,"value":231},{"type":46,"tag":87,"props":756,"children":757},{"class":106},[758],{"type":56,"value":364},{"type":46,"tag":87,"props":760,"children":761},{"class":191},[762],{"type":56,"value":231},{"type":46,"tag":87,"props":764,"children":765},{"class":191},[766],{"type":56,"value":321},{"type":46,"tag":87,"props":768,"children":769},{"class":89,"line":337},[770,774],{"type":46,"tag":87,"props":771,"children":772},{"class":191},[773],{"type":56,"value":470},{"type":46,"tag":87,"props":775,"children":776},{"class":279},[777],{"type":56,"value":385},{"type":46,"tag":87,"props":779,"children":780},{"class":89,"line":375},[781,786,790,794,798,802,806],{"type":46,"tag":87,"props":782,"children":783},{"class":197},[784],{"type":56,"value":785},"    icon",{"type":46,"tag":87,"props":787,"children":788},{"class":191},[789],{"type":56,"value":300},{"type":46,"tag":87,"props":791,"children":792},{"class":197},[793],{"type":56,"value":103},{"type":46,"tag":87,"props":795,"children":796},{"class":191},[797],{"type":56,"value":231},{"type":46,"tag":87,"props":799,"children":800},{"class":106},[801],{"type":56,"value":415},{"type":46,"tag":87,"props":803,"children":804},{"class":191},[805],{"type":56,"value":231},{"type":46,"tag":87,"props":807,"children":808},{"class":191},[809],{"type":56,"value":321},{"type":46,"tag":87,"props":811,"children":812},{"class":89,"line":388},[813,817],{"type":46,"tag":87,"props":814,"children":815},{"class":191},[816],{"type":56,"value":470},{"type":46,"tag":87,"props":818,"children":819},{"class":279},[820],{"type":56,"value":436},{"type":46,"tag":87,"props":822,"children":823},{"class":89,"line":426},[824,829,833,837],{"type":46,"tag":87,"props":825,"children":826},{"class":197},[827],{"type":56,"value":828},"    view",{"type":46,"tag":87,"props":830,"children":831},{"class":191},[832],{"type":56,"value":300},{"type":46,"tag":87,"props":834,"children":835},{"class":197},[836],{"type":56,"value":103},{"type":46,"tag":87,"props":838,"children":839},{"class":191},[840],{"type":56,"value":267},{"type":46,"tag":87,"props":842,"children":843},{"class":89,"line":439},[844,849,853,857,861,865,869],{"type":46,"tag":87,"props":845,"children":846},{"class":197},[847],{"type":56,"value":848},"      type",{"type":46,"tag":87,"props":850,"children":851},{"class":191},[852],{"type":56,"value":300},{"type":46,"tag":87,"props":854,"children":855},{"class":197},[856],{"type":56,"value":103},{"type":46,"tag":87,"props":858,"children":859},{"class":191},[860],{"type":56,"value":231},{"type":46,"tag":87,"props":862,"children":863},{"class":106},[864],{"type":56,"value":492},{"type":46,"tag":87,"props":866,"children":867},{"class":191},[868],{"type":56,"value":231},{"type":46,"tag":87,"props":870,"children":871},{"class":191},[872],{"type":56,"value":321},{"type":46,"tag":87,"props":874,"children":875},{"class":89,"line":464},[876,881,885,889,893,897,901],{"type":46,"tag":87,"props":877,"children":878},{"class":197},[879],{"type":56,"value":880},"      src",{"type":46,"tag":87,"props":882,"children":883},{"class":191},[884],{"type":56,"value":300},{"type":46,"tag":87,"props":886,"children":887},{"class":197},[888],{"type":56,"value":103},{"type":46,"tag":87,"props":890,"children":891},{"class":191},[892],{"type":56,"value":231},{"type":46,"tag":87,"props":894,"children":895},{"class":106},[896],{"type":56,"value":530},{"type":46,"tag":87,"props":898,"children":899},{"class":191},[900],{"type":56,"value":231},{"type":46,"tag":87,"props":902,"children":903},{"class":191},[904],{"type":56,"value":321},{"type":46,"tag":87,"props":906,"children":907},{"class":89,"line":503},[908,912],{"type":46,"tag":87,"props":909,"children":910},{"class":197},[911],{"type":56,"value":470},{"type":46,"tag":87,"props":913,"children":914},{"class":191},[915],{"type":56,"value":551},{"type":46,"tag":87,"props":917,"children":918},{"class":89,"line":541},[919,923,927],{"type":46,"tag":87,"props":920,"children":921},{"class":197},[922],{"type":56,"value":276},{"type":46,"tag":87,"props":924,"children":925},{"class":191},[926],{"type":56,"value":213},{"type":46,"tag":87,"props":928,"children":929},{"class":197},[930],{"type":56,"value":931},")\n",{"type":46,"tag":87,"props":933,"children":934},{"class":89,"line":554},[935,939],{"type":46,"tag":87,"props":936,"children":937},{"class":191},[938],{"type":56,"value":213},{"type":46,"tag":87,"props":940,"children":941},{"class":100},[942],{"type":56,"value":564},{"type":46,"tag":52,"props":944,"children":945},{},[946,948,954],{"type":56,"value":947},"Learn more about ",{"type":46,"tag":949,"props":950,"children":951},"a",{"href":26},[952],{"type":56,"value":953},"DevTools Utility Kit",{"type":56,"value":589},{"type":46,"tag":64,"props":956,"children":958},{"id":957},"lazy-service-launching",[959],{"type":56,"value":960},"Lazy Service Launching",{"type":46,"tag":52,"props":962,"children":963},{},[964],{"type":56,"value":965},"If the view you are contributing is heavy to load, you can have the tab first and let user launch it when they need it.",{"type":46,"tag":76,"props":967,"children":969},{"className":169,"code":968,"language":171,"meta":40},"let isReady = false\nconst promise: Promise\u003Cany> | null = null\n\nasync function launchService() {\n  // ...launch your service\n  isReady = true\n}\n\nnuxt.hook('devtools:customTabs', (tabs) => {\n  tabs.push({\n    name: 'my-module',\n    title: 'My Module',\n    view: isReady\n      ? {\n          type: 'iframe',\n          src: '/url-to-your-module-view',\n        }\n      : {\n          type: 'launch',\n          description: 'Launch My Module',\n          actions: [{\n            label: 'Start',\n            async handle() {\n              if (!promise)\n                promise = launchService()\n              await promise\n            },\n          }]\n        },\n  })\n})\n",[970],{"type":46,"tag":83,"props":971,"children":972},{"__ignoreMap":40},[973,1001,1077,1083,1122,1134,1163,1171,1177,1244,1271,1302,1333,1353,1374,1406,1439,1452,1472,1505,1539,1561,1595,1625,1658,1692,1714,1726,1744,1756,1772],{"type":46,"tag":87,"props":974,"children":975},{"class":89,"line":90},[976,981,986,991,995],{"type":46,"tag":87,"props":977,"children":978},{"class":641},[979],{"type":56,"value":980},"let",{"type":46,"tag":87,"props":982,"children":983},{"class":100},[984],{"type":56,"value":985}," isReady ",{"type":46,"tag":87,"props":987,"children":988},{"class":191},[989],{"type":56,"value":990},"=",{"type":46,"tag":87,"props":992,"children":993},{"class":100},[994],{"type":56,"value":103},{"type":46,"tag":87,"props":996,"children":998},{"class":997},"ct-358248",[999],{"type":56,"value":1000},"false\n",{"type":46,"tag":87,"props":1002,"children":1003},{"class":89,"line":244},[1004,1009,1014,1018,1022,1027,1032,1037,1042,1046,1051,1055,1060,1064,1068,1072],{"type":46,"tag":87,"props":1005,"children":1006},{"class":641},[1007],{"type":56,"value":1008},"const",{"type":46,"tag":87,"props":1010,"children":1011},{"class":100},[1012],{"type":56,"value":1013}," promise",{"type":46,"tag":87,"props":1015,"children":1016},{"class":191},[1017],{"type":56,"value":300},{"type":46,"tag":87,"props":1019,"children":1020},{"class":100},[1021],{"type":56,"value":103},{"type":46,"tag":87,"props":1023,"children":1024},{"class":94},[1025],{"type":56,"value":1026},"Promise",{"type":46,"tag":87,"props":1028,"children":1029},{"class":191},[1030],{"type":56,"value":1031},"\u003C",{"type":46,"tag":87,"props":1033,"children":1034},{"class":94},[1035],{"type":56,"value":1036},"any",{"type":46,"tag":87,"props":1038,"children":1039},{"class":191},[1040],{"type":56,"value":1041},">",{"type":46,"tag":87,"props":1043,"children":1044},{"class":100},[1045],{"type":56,"value":103},{"type":46,"tag":87,"props":1047,"children":1048},{"class":191},[1049],{"type":56,"value":1050},"|",{"type":46,"tag":87,"props":1052,"children":1053},{"class":100},[1054],{"type":56,"value":103},{"type":46,"tag":87,"props":1056,"children":1057},{"class":94},[1058],{"type":56,"value":1059},"null",{"type":46,"tag":87,"props":1061,"children":1062},{"class":100},[1063],{"type":56,"value":103},{"type":46,"tag":87,"props":1065,"children":1066},{"class":191},[1067],{"type":56,"value":990},{"type":46,"tag":87,"props":1069,"children":1070},{"class":100},[1071],{"type":56,"value":103},{"type":46,"tag":87,"props":1073,"children":1074},{"class":191},[1075],{"type":56,"value":1076},"null\n",{"type":46,"tag":87,"props":1078,"children":1079},{"class":89,"line":251},[1080],{"type":46,"tag":87,"props":1081,"children":1082},{},[],{"type":46,"tag":87,"props":1084,"children":1085},{"class":89,"line":270},[1086,1091,1095,1100,1104,1109,1114,1118],{"type":46,"tag":87,"props":1087,"children":1088},{"class":641},[1089],{"type":56,"value":1090},"async",{"type":46,"tag":87,"props":1092,"children":1093},{"class":100},[1094],{"type":56,"value":103},{"type":46,"tag":87,"props":1096,"children":1097},{"class":641},[1098],{"type":56,"value":1099},"function",{"type":46,"tag":87,"props":1101,"children":1102},{"class":100},[1103],{"type":56,"value":103},{"type":46,"tag":87,"props":1105,"children":1106},{"class":255},[1107],{"type":56,"value":1108},"launchService",{"type":46,"tag":87,"props":1110,"children":1111},{"class":191},[1112],{"type":56,"value":1113},"()",{"type":46,"tag":87,"props":1115,"children":1116},{"class":100},[1117],{"type":56,"value":103},{"type":46,"tag":87,"props":1119,"children":1120},{"class":191},[1121],{"type":56,"value":267},{"type":46,"tag":87,"props":1123,"children":1124},{"class":89,"line":285},[1125,1129],{"type":46,"tag":87,"props":1126,"children":1127},{"class":191},[1128],{"type":56,"value":276},{"type":46,"tag":87,"props":1130,"children":1131},{"class":279},[1132],{"type":56,"value":1133},"// ...launch your service\n",{"type":46,"tag":87,"props":1135,"children":1136},{"class":89,"line":324},[1137,1141,1146,1150,1154,1158],{"type":46,"tag":87,"props":1138,"children":1139},{"class":197},[1140],{"type":56,"value":276},{"type":46,"tag":87,"props":1142,"children":1143},{"class":100},[1144],{"type":56,"value":1145},"isReady",{"type":46,"tag":87,"props":1147,"children":1148},{"class":197},[1149],{"type":56,"value":103},{"type":46,"tag":87,"props":1151,"children":1152},{"class":191},[1153],{"type":56,"value":990},{"type":46,"tag":87,"props":1155,"children":1156},{"class":197},[1157],{"type":56,"value":103},{"type":46,"tag":87,"props":1159,"children":1160},{"class":997},[1161],{"type":56,"value":1162},"true\n",{"type":46,"tag":87,"props":1164,"children":1165},{"class":89,"line":337},[1166],{"type":46,"tag":87,"props":1167,"children":1168},{"class":191},[1169],{"type":56,"value":1170},"}\n",{"type":46,"tag":87,"props":1172,"children":1173},{"class":89,"line":375},[1174],{"type":46,"tag":87,"props":1175,"children":1176},{},[],{"type":46,"tag":87,"props":1178,"children":1179},{"class":89,"line":388},[1180,1184,1188,1192,1196,1200,1204,1208,1212,1216,1220,1224,1228,1232,1236,1240],{"type":46,"tag":87,"props":1181,"children":1182},{"class":100},[1183],{"type":56,"value":584},{"type":46,"tag":87,"props":1185,"children":1186},{"class":191},[1187],{"type":56,"value":589},{"type":46,"tag":87,"props":1189,"children":1190},{"class":255},[1191],{"type":56,"value":594},{"type":46,"tag":87,"props":1193,"children":1194},{"class":100},[1195],{"type":56,"value":262},{"type":46,"tag":87,"props":1197,"children":1198},{"class":191},[1199],{"type":56,"value":231},{"type":46,"tag":87,"props":1201,"children":1202},{"class":106},[1203],{"type":56,"value":607},{"type":46,"tag":87,"props":1205,"children":1206},{"class":191},[1207],{"type":56,"value":231},{"type":46,"tag":87,"props":1209,"children":1210},{"class":191},[1211],{"type":56,"value":616},{"type":46,"tag":87,"props":1213,"children":1214},{"class":100},[1215],{"type":56,"value":103},{"type":46,"tag":87,"props":1217,"children":1218},{"class":191},[1219],{"type":56,"value":262},{"type":46,"tag":87,"props":1221,"children":1222},{"class":627},[1223],{"type":56,"value":630},{"type":46,"tag":87,"props":1225,"children":1226},{"class":191},[1227],{"type":56,"value":564},{"type":46,"tag":87,"props":1229,"children":1230},{"class":100},[1231],{"type":56,"value":103},{"type":46,"tag":87,"props":1233,"children":1234},{"class":641},[1235],{"type":56,"value":644},{"type":46,"tag":87,"props":1237,"children":1238},{"class":100},[1239],{"type":56,"value":103},{"type":46,"tag":87,"props":1241,"children":1242},{"class":191},[1243],{"type":56,"value":267},{"type":46,"tag":87,"props":1245,"children":1246},{"class":89,"line":426},[1247,1251,1255,1259,1263,1267],{"type":46,"tag":87,"props":1248,"children":1249},{"class":197},[1250],{"type":56,"value":276},{"type":46,"tag":87,"props":1252,"children":1253},{"class":100},[1254],{"type":56,"value":630},{"type":46,"tag":87,"props":1256,"children":1257},{"class":191},[1258],{"type":56,"value":589},{"type":46,"tag":87,"props":1260,"children":1261},{"class":255},[1262],{"type":56,"value":672},{"type":46,"tag":87,"props":1264,"children":1265},{"class":197},[1266],{"type":56,"value":262},{"type":46,"tag":87,"props":1268,"children":1269},{"class":191},[1270],{"type":56,"value":267},{"type":46,"tag":87,"props":1272,"children":1273},{"class":89,"line":439},[1274,1278,1282,1286,1290,1294,1298],{"type":46,"tag":87,"props":1275,"children":1276},{"class":197},[1277],{"type":56,"value":699},{"type":46,"tag":87,"props":1279,"children":1280},{"class":191},[1281],{"type":56,"value":300},{"type":46,"tag":87,"props":1283,"children":1284},{"class":197},[1285],{"type":56,"value":103},{"type":46,"tag":87,"props":1287,"children":1288},{"class":191},[1289],{"type":56,"value":231},{"type":46,"tag":87,"props":1291,"children":1292},{"class":106},[1293],{"type":56,"value":127},{"type":46,"tag":87,"props":1295,"children":1296},{"class":191},[1297],{"type":56,"value":231},{"type":46,"tag":87,"props":1299,"children":1300},{"class":191},[1301],{"type":56,"value":321},{"type":46,"tag":87,"props":1303,"children":1304},{"class":89,"line":464},[1305,1309,1313,1317,1321,1325,1329],{"type":46,"tag":87,"props":1306,"children":1307},{"class":197},[1308],{"type":56,"value":742},{"type":46,"tag":87,"props":1310,"children":1311},{"class":191},[1312],{"type":56,"value":300},{"type":46,"tag":87,"props":1314,"children":1315},{"class":197},[1316],{"type":56,"value":103},{"type":46,"tag":87,"props":1318,"children":1319},{"class":191},[1320],{"type":56,"value":231},{"type":46,"tag":87,"props":1322,"children":1323},{"class":106},[1324],{"type":56,"value":364},{"type":46,"tag":87,"props":1326,"children":1327},{"class":191},[1328],{"type":56,"value":231},{"type":46,"tag":87,"props":1330,"children":1331},{"class":191},[1332],{"type":56,"value":321},{"type":46,"tag":87,"props":1334,"children":1335},{"class":89,"line":503},[1336,1340,1344,1348],{"type":46,"tag":87,"props":1337,"children":1338},{"class":197},[1339],{"type":56,"value":828},{"type":46,"tag":87,"props":1341,"children":1342},{"class":191},[1343],{"type":56,"value":300},{"type":46,"tag":87,"props":1345,"children":1346},{"class":197},[1347],{"type":56,"value":103},{"type":46,"tag":87,"props":1349,"children":1350},{"class":100},[1351],{"type":56,"value":1352},"isReady\n",{"type":46,"tag":87,"props":1354,"children":1355},{"class":89,"line":541},[1356,1361,1366,1370],{"type":46,"tag":87,"props":1357,"children":1358},{"class":197},[1359],{"type":56,"value":1360},"      ",{"type":46,"tag":87,"props":1362,"children":1363},{"class":191},[1364],{"type":56,"value":1365},"?",{"type":46,"tag":87,"props":1367,"children":1368},{"class":197},[1369],{"type":56,"value":103},{"type":46,"tag":87,"props":1371,"children":1372},{"class":191},[1373],{"type":56,"value":267},{"type":46,"tag":87,"props":1375,"children":1376},{"class":89,"line":554},[1377,1382,1386,1390,1394,1398,1402],{"type":46,"tag":87,"props":1378,"children":1379},{"class":197},[1380],{"type":56,"value":1381},"          type",{"type":46,"tag":87,"props":1383,"children":1384},{"class":191},[1385],{"type":56,"value":300},{"type":46,"tag":87,"props":1387,"children":1388},{"class":197},[1389],{"type":56,"value":103},{"type":46,"tag":87,"props":1391,"children":1392},{"class":191},[1393],{"type":56,"value":231},{"type":46,"tag":87,"props":1395,"children":1396},{"class":106},[1397],{"type":56,"value":492},{"type":46,"tag":87,"props":1399,"children":1400},{"class":191},[1401],{"type":56,"value":231},{"type":46,"tag":87,"props":1403,"children":1404},{"class":191},[1405],{"type":56,"value":321},{"type":46,"tag":87,"props":1407,"children":1409},{"class":89,"line":1408},16,[1410,1415,1419,1423,1427,1431,1435],{"type":46,"tag":87,"props":1411,"children":1412},{"class":197},[1413],{"type":56,"value":1414},"          src",{"type":46,"tag":87,"props":1416,"children":1417},{"class":191},[1418],{"type":56,"value":300},{"type":46,"tag":87,"props":1420,"children":1421},{"class":197},[1422],{"type":56,"value":103},{"type":46,"tag":87,"props":1424,"children":1425},{"class":191},[1426],{"type":56,"value":231},{"type":46,"tag":87,"props":1428,"children":1429},{"class":106},[1430],{"type":56,"value":530},{"type":46,"tag":87,"props":1432,"children":1433},{"class":191},[1434],{"type":56,"value":231},{"type":46,"tag":87,"props":1436,"children":1437},{"class":191},[1438],{"type":56,"value":321},{"type":46,"tag":87,"props":1440,"children":1442},{"class":89,"line":1441},17,[1443,1448],{"type":46,"tag":87,"props":1444,"children":1445},{"class":197},[1446],{"type":56,"value":1447},"        ",{"type":46,"tag":87,"props":1449,"children":1450},{"class":191},[1451],{"type":56,"value":1170},{"type":46,"tag":87,"props":1453,"children":1455},{"class":89,"line":1454},18,[1456,1460,1464,1468],{"type":46,"tag":87,"props":1457,"children":1458},{"class":197},[1459],{"type":56,"value":1360},{"type":46,"tag":87,"props":1461,"children":1462},{"class":191},[1463],{"type":56,"value":300},{"type":46,"tag":87,"props":1465,"children":1466},{"class":197},[1467],{"type":56,"value":103},{"type":46,"tag":87,"props":1469,"children":1470},{"class":191},[1471],{"type":56,"value":267},{"type":46,"tag":87,"props":1473,"children":1475},{"class":89,"line":1474},19,[1476,1480,1484,1488,1492,1497,1501],{"type":46,"tag":87,"props":1477,"children":1478},{"class":197},[1479],{"type":56,"value":1381},{"type":46,"tag":87,"props":1481,"children":1482},{"class":191},[1483],{"type":56,"value":300},{"type":46,"tag":87,"props":1485,"children":1486},{"class":197},[1487],{"type":56,"value":103},{"type":46,"tag":87,"props":1489,"children":1490},{"class":191},[1491],{"type":56,"value":231},{"type":46,"tag":87,"props":1493,"children":1494},{"class":106},[1495],{"type":56,"value":1496},"launch",{"type":46,"tag":87,"props":1498,"children":1499},{"class":191},[1500],{"type":56,"value":231},{"type":46,"tag":87,"props":1502,"children":1503},{"class":191},[1504],{"type":56,"value":321},{"type":46,"tag":87,"props":1506,"children":1508},{"class":89,"line":1507},20,[1509,1514,1518,1522,1526,1531,1535],{"type":46,"tag":87,"props":1510,"children":1511},{"class":197},[1512],{"type":56,"value":1513},"          description",{"type":46,"tag":87,"props":1515,"children":1516},{"class":191},[1517],{"type":56,"value":300},{"type":46,"tag":87,"props":1519,"children":1520},{"class":197},[1521],{"type":56,"value":103},{"type":46,"tag":87,"props":1523,"children":1524},{"class":191},[1525],{"type":56,"value":231},{"type":46,"tag":87,"props":1527,"children":1528},{"class":106},[1529],{"type":56,"value":1530},"Launch My Module",{"type":46,"tag":87,"props":1532,"children":1533},{"class":191},[1534],{"type":56,"value":231},{"type":46,"tag":87,"props":1536,"children":1537},{"class":191},[1538],{"type":56,"value":321},{"type":46,"tag":87,"props":1540,"children":1542},{"class":89,"line":1541},21,[1543,1548,1552,1557],{"type":46,"tag":87,"props":1544,"children":1545},{"class":197},[1546],{"type":56,"value":1547},"          actions",{"type":46,"tag":87,"props":1549,"children":1550},{"class":191},[1551],{"type":56,"value":300},{"type":46,"tag":87,"props":1553,"children":1554},{"class":197},[1555],{"type":56,"value":1556}," [",{"type":46,"tag":87,"props":1558,"children":1559},{"class":191},[1560],{"type":56,"value":267},{"type":46,"tag":87,"props":1562,"children":1564},{"class":89,"line":1563},22,[1565,1570,1574,1578,1582,1587,1591],{"type":46,"tag":87,"props":1566,"children":1567},{"class":197},[1568],{"type":56,"value":1569},"            label",{"type":46,"tag":87,"props":1571,"children":1572},{"class":191},[1573],{"type":56,"value":300},{"type":46,"tag":87,"props":1575,"children":1576},{"class":197},[1577],{"type":56,"value":103},{"type":46,"tag":87,"props":1579,"children":1580},{"class":191},[1581],{"type":56,"value":231},{"type":46,"tag":87,"props":1583,"children":1584},{"class":106},[1585],{"type":56,"value":1586},"Start",{"type":46,"tag":87,"props":1588,"children":1589},{"class":191},[1590],{"type":56,"value":231},{"type":46,"tag":87,"props":1592,"children":1593},{"class":191},[1594],{"type":56,"value":321},{"type":46,"tag":87,"props":1596,"children":1598},{"class":89,"line":1597},23,[1599,1604,1608,1613,1617,1621],{"type":46,"tag":87,"props":1600,"children":1601},{"class":197},[1602],{"type":56,"value":1603},"            ",{"type":46,"tag":87,"props":1605,"children":1606},{"class":641},[1607],{"type":56,"value":1090},{"type":46,"tag":87,"props":1609,"children":1610},{"class":197},[1611],{"type":56,"value":1612}," handle",{"type":46,"tag":87,"props":1614,"children":1615},{"class":191},[1616],{"type":56,"value":1113},{"type":46,"tag":87,"props":1618,"children":1619},{"class":197},[1620],{"type":56,"value":103},{"type":46,"tag":87,"props":1622,"children":1623},{"class":191},[1624],{"type":56,"value":267},{"type":46,"tag":87,"props":1626,"children":1628},{"class":89,"line":1627},24,[1629,1634,1639,1644,1649,1654],{"type":46,"tag":87,"props":1630,"children":1631},{"class":197},[1632],{"type":56,"value":1633},"              ",{"type":46,"tag":87,"props":1635,"children":1636},{"class":181},[1637],{"type":56,"value":1638},"if",{"type":46,"tag":87,"props":1640,"children":1641},{"class":197},[1642],{"type":56,"value":1643}," (",{"type":46,"tag":87,"props":1645,"children":1646},{"class":191},[1647],{"type":56,"value":1648},"!",{"type":46,"tag":87,"props":1650,"children":1651},{"class":100},[1652],{"type":56,"value":1653},"promise",{"type":46,"tag":87,"props":1655,"children":1656},{"class":197},[1657],{"type":56,"value":931},{"type":46,"tag":87,"props":1659,"children":1661},{"class":89,"line":1660},25,[1662,1667,1671,1675,1679,1683,1687],{"type":46,"tag":87,"props":1663,"children":1664},{"class":197},[1665],{"type":56,"value":1666},"                ",{"type":46,"tag":87,"props":1668,"children":1669},{"class":100},[1670],{"type":56,"value":1653},{"type":46,"tag":87,"props":1672,"children":1673},{"class":197},[1674],{"type":56,"value":103},{"type":46,"tag":87,"props":1676,"children":1677},{"class":191},[1678],{"type":56,"value":990},{"type":46,"tag":87,"props":1680,"children":1681},{"class":197},[1682],{"type":56,"value":103},{"type":46,"tag":87,"props":1684,"children":1685},{"class":255},[1686],{"type":56,"value":1108},{"type":46,"tag":87,"props":1688,"children":1689},{"class":197},[1690],{"type":56,"value":1691},"()\n",{"type":46,"tag":87,"props":1693,"children":1695},{"class":89,"line":1694},26,[1696,1700,1705,1709],{"type":46,"tag":87,"props":1697,"children":1698},{"class":197},[1699],{"type":56,"value":1633},{"type":46,"tag":87,"props":1701,"children":1702},{"class":181},[1703],{"type":56,"value":1704},"await",{"type":46,"tag":87,"props":1706,"children":1707},{"class":197},[1708],{"type":56,"value":103},{"type":46,"tag":87,"props":1710,"children":1711},{"class":100},[1712],{"type":56,"value":1713},"promise\n",{"type":46,"tag":87,"props":1715,"children":1717},{"class":89,"line":1716},27,[1718,1722],{"type":46,"tag":87,"props":1719,"children":1720},{"class":197},[1721],{"type":56,"value":1603},{"type":46,"tag":87,"props":1723,"children":1724},{"class":191},[1725],{"type":56,"value":551},{"type":46,"tag":87,"props":1727,"children":1729},{"class":89,"line":1728},28,[1730,1735,1739],{"type":46,"tag":87,"props":1731,"children":1732},{"class":197},[1733],{"type":56,"value":1734},"          ",{"type":46,"tag":87,"props":1736,"children":1737},{"class":191},[1738],{"type":56,"value":213},{"type":46,"tag":87,"props":1740,"children":1741},{"class":197},[1742],{"type":56,"value":1743},"]\n",{"type":46,"tag":87,"props":1745,"children":1747},{"class":89,"line":1746},29,[1748,1752],{"type":46,"tag":87,"props":1749,"children":1750},{"class":197},[1751],{"type":56,"value":1447},{"type":46,"tag":87,"props":1753,"children":1754},{"class":191},[1755],{"type":56,"value":551},{"type":46,"tag":87,"props":1757,"children":1759},{"class":89,"line":1758},30,[1760,1764,1768],{"type":46,"tag":87,"props":1761,"children":1762},{"class":197},[1763],{"type":56,"value":276},{"type":46,"tag":87,"props":1765,"children":1766},{"class":191},[1767],{"type":56,"value":213},{"type":46,"tag":87,"props":1769,"children":1770},{"class":197},[1771],{"type":56,"value":931},{"type":46,"tag":87,"props":1773,"children":1775},{"class":89,"line":1774},31,[1776,1780],{"type":46,"tag":87,"props":1777,"children":1778},{"class":191},[1779],{"type":56,"value":213},{"type":46,"tag":87,"props":1781,"children":1782},{"class":100},[1783],{"type":56,"value":564},{"type":46,"tag":52,"props":1785,"children":1786},{},[1787,1789,1794],{"type":56,"value":1788},"It will first display a launch page with a button to start the service. When user click the button, the ",{"type":46,"tag":83,"props":1790,"children":1791},{},[1792],{"type":56,"value":1793},"handle()",{"type":56,"value":1795}," will be called, and the view will be updated to iframe.",{"type":46,"tag":52,"props":1797,"children":1798},{},[1799,1801,1806,1808,1812],{"type":56,"value":1800},"When you need to refresh the custom tabs, you can call ",{"type":46,"tag":83,"props":1802,"children":1803},{},[1804],{"type":56,"value":1805},"nuxt.callHook('devtools:customTabs:refresh')",{"type":56,"value":1807}," and the hooks on ",{"type":46,"tag":83,"props":1809,"children":1810},{},[1811],{"type":56,"value":607},{"type":56,"value":1813}," will be revaluated again.",{"type":46,"tag":64,"props":1815,"children":1817},{"id":1816},"api-for-custom-view",[1818],{"type":56,"value":1819},"API for Custom View",{"type":46,"tag":52,"props":1821,"children":1822},{},[1823,1825,1831],{"type":56,"value":1824},"Please refer to ",{"type":46,"tag":949,"props":1826,"children":1828},{"href":1827},"/module/utils-kit#nuxtdevtools-kitiframe-client",[1829],{"type":56,"value":1830},"Iframe Client",{"type":56,"value":589},{"type":46,"tag":64,"props":1833,"children":1835},{"id":1834},"custom-rpc-functions",[1836],{"type":56,"value":1837},"Custom RPC Functions",{"type":46,"tag":52,"props":1839,"children":1840},{},[1841],{"type":56,"value":1842},"Nuxt DevTools uses Remote Procedure Call (RPC) to communicate between the server and client. For modules you can also leverage that to communicate your server code.",{"type":46,"tag":52,"props":1844,"children":1845},{},[1846],{"type":56,"value":1847},"To do that, we recommend to define your types in a shared TypeScript file first:",{"type":46,"tag":76,"props":1849,"children":1851},{"className":169,"code":1850,"language":171,"meta":40},"// rpc-types.ts\n\nexport interface ServerFunctions {\n  getMyModuleOptions(): MyModuleOptions\n}\n\nexport interface ClientFunctions {\n  showNotification(message: string): void\n}\n",[1852],{"type":46,"tag":83,"props":1853,"children":1854},{"__ignoreMap":40},[1855,1863,1869,1903,1929,1936,1942,1974,2022],{"type":46,"tag":87,"props":1856,"children":1857},{"class":89,"line":90},[1858],{"type":46,"tag":87,"props":1859,"children":1860},{"class":279},[1861],{"type":56,"value":1862},"// rpc-types.ts\n",{"type":46,"tag":87,"props":1864,"children":1865},{"class":89,"line":244},[1866],{"type":46,"tag":87,"props":1867,"children":1868},{},[],{"type":46,"tag":87,"props":1870,"children":1871},{"class":89,"line":251},[1872,1877,1881,1886,1890,1895,1899],{"type":46,"tag":87,"props":1873,"children":1874},{"class":181},[1875],{"type":56,"value":1876},"export",{"type":46,"tag":87,"props":1878,"children":1879},{"class":100},[1880],{"type":56,"value":103},{"type":46,"tag":87,"props":1882,"children":1883},{"class":641},[1884],{"type":56,"value":1885},"interface",{"type":46,"tag":87,"props":1887,"children":1888},{"class":100},[1889],{"type":56,"value":103},{"type":46,"tag":87,"props":1891,"children":1892},{"class":94},[1893],{"type":56,"value":1894},"ServerFunctions",{"type":46,"tag":87,"props":1896,"children":1897},{"class":100},[1898],{"type":56,"value":103},{"type":46,"tag":87,"props":1900,"children":1901},{"class":191},[1902],{"type":56,"value":267},{"type":46,"tag":87,"props":1904,"children":1905},{"class":89,"line":270},[1906,1910,1915,1920,1924],{"type":46,"tag":87,"props":1907,"children":1908},{"class":100},[1909],{"type":56,"value":276},{"type":46,"tag":87,"props":1911,"children":1912},{"class":197},[1913],{"type":56,"value":1914},"getMyModuleOptions",{"type":46,"tag":87,"props":1916,"children":1917},{"class":191},[1918],{"type":56,"value":1919},"():",{"type":46,"tag":87,"props":1921,"children":1922},{"class":100},[1923],{"type":56,"value":103},{"type":46,"tag":87,"props":1925,"children":1926},{"class":94},[1927],{"type":56,"value":1928},"MyModuleOptions\n",{"type":46,"tag":87,"props":1930,"children":1931},{"class":89,"line":285},[1932],{"type":46,"tag":87,"props":1933,"children":1934},{"class":191},[1935],{"type":56,"value":1170},{"type":46,"tag":87,"props":1937,"children":1938},{"class":89,"line":324},[1939],{"type":46,"tag":87,"props":1940,"children":1941},{},[],{"type":46,"tag":87,"props":1943,"children":1944},{"class":89,"line":337},[1945,1949,1953,1957,1961,1966,1970],{"type":46,"tag":87,"props":1946,"children":1947},{"class":181},[1948],{"type":56,"value":1876},{"type":46,"tag":87,"props":1950,"children":1951},{"class":100},[1952],{"type":56,"value":103},{"type":46,"tag":87,"props":1954,"children":1955},{"class":641},[1956],{"type":56,"value":1885},{"type":46,"tag":87,"props":1958,"children":1959},{"class":100},[1960],{"type":56,"value":103},{"type":46,"tag":87,"props":1962,"children":1963},{"class":94},[1964],{"type":56,"value":1965},"ClientFunctions",{"type":46,"tag":87,"props":1967,"children":1968},{"class":100},[1969],{"type":56,"value":103},{"type":46,"tag":87,"props":1971,"children":1972},{"class":191},[1973],{"type":56,"value":267},{"type":46,"tag":87,"props":1975,"children":1976},{"class":89,"line":375},[1977,1981,1986,1990,1995,1999,2003,2008,2013,2017],{"type":46,"tag":87,"props":1978,"children":1979},{"class":100},[1980],{"type":56,"value":276},{"type":46,"tag":87,"props":1982,"children":1983},{"class":197},[1984],{"type":56,"value":1985},"showNotification",{"type":46,"tag":87,"props":1987,"children":1988},{"class":191},[1989],{"type":56,"value":262},{"type":46,"tag":87,"props":1991,"children":1992},{"class":627},[1993],{"type":56,"value":1994},"message",{"type":46,"tag":87,"props":1996,"children":1997},{"class":191},[1998],{"type":56,"value":300},{"type":46,"tag":87,"props":2000,"children":2001},{"class":100},[2002],{"type":56,"value":103},{"type":46,"tag":87,"props":2004,"children":2005},{"class":94},[2006],{"type":56,"value":2007},"string",{"type":46,"tag":87,"props":2009,"children":2010},{"class":191},[2011],{"type":56,"value":2012},"):",{"type":46,"tag":87,"props":2014,"children":2015},{"class":100},[2016],{"type":56,"value":103},{"type":46,"tag":87,"props":2018,"children":2019},{"class":94},[2020],{"type":56,"value":2021},"void\n",{"type":46,"tag":87,"props":2023,"children":2024},{"class":89,"line":388},[2025],{"type":46,"tag":87,"props":2026,"children":2027},{"class":191},[2028],{"type":56,"value":213},{"type":46,"tag":52,"props":2030,"children":2031},{},[2032],{"type":56,"value":2033},"And then in your module code:",{"type":46,"tag":76,"props":2035,"children":2037},{"className":169,"code":2036,"language":171,"meta":40},"import { defineNuxtModule } from '@nuxt/kit'\nimport { extendServerRpc, onDevToolsInitialized } from '@nuxt/devtools-kit'\nimport type { ClientFunctions, ServerFunctions } from './rpc-types'\n\nconst RPC_NAMESPACE = 'my-module-rpc'\n\nexport default defineNuxtModule({\n  setup(options, nuxt) {\n    // wait for DevTools to be initialized\n    onDevToolsInitialized(async () => {\n      const rpc = extendServerRpc\u003CClientFunctions, ServerFunctions>(RPC_NAMESPACE, {\n        // register server RPC functions\n        getMyModuleOptions() {\n          return options\n        },\n      })\n\n      // call client RPC functions\n      // since it might have multiple clients connected, we use `broadcast` to call all of them\n      await rpc.broadcast.showNotification('Hello from My Module!')\n    })\n  }\n})\n",[2038],{"type":46,"tag":83,"props":2039,"children":2040},{"__ignoreMap":40},[2041,2098,2167,2243,2249,2282,2288,2320,2365,2377,2420,2501,2513,2533,2554,2565,2580,2586,2598,2610,2667,2682,2693],{"type":46,"tag":87,"props":2042,"children":2043},{"class":89,"line":90},[2044,2048,2052,2056,2060,2065,2069,2073,2077,2081,2085,2089,2094],{"type":46,"tag":87,"props":2045,"children":2046},{"class":181},[2047],{"type":56,"value":184},{"type":46,"tag":87,"props":2049,"children":2050},{"class":100},[2051],{"type":56,"value":103},{"type":46,"tag":87,"props":2053,"children":2054},{"class":191},[2055],{"type":56,"value":194},{"type":46,"tag":87,"props":2057,"children":2058},{"class":197},[2059],{"type":56,"value":103},{"type":46,"tag":87,"props":2061,"children":2062},{"class":100},[2063],{"type":56,"value":2064},"defineNuxtModule",{"type":46,"tag":87,"props":2066,"children":2067},{"class":197},[2068],{"type":56,"value":103},{"type":46,"tag":87,"props":2070,"children":2071},{"class":191},[2072],{"type":56,"value":213},{"type":46,"tag":87,"props":2074,"children":2075},{"class":100},[2076],{"type":56,"value":103},{"type":46,"tag":87,"props":2078,"children":2079},{"class":181},[2080],{"type":56,"value":222},{"type":46,"tag":87,"props":2082,"children":2083},{"class":100},[2084],{"type":56,"value":103},{"type":46,"tag":87,"props":2086,"children":2087},{"class":191},[2088],{"type":56,"value":231},{"type":46,"tag":87,"props":2090,"children":2091},{"class":106},[2092],{"type":56,"value":2093},"@nuxt/kit",{"type":46,"tag":87,"props":2095,"children":2096},{"class":191},[2097],{"type":56,"value":241},{"type":46,"tag":87,"props":2099,"children":2100},{"class":89,"line":244},[2101,2105,2109,2113,2117,2122,2126,2130,2135,2139,2143,2147,2151,2155,2159,2163],{"type":46,"tag":87,"props":2102,"children":2103},{"class":181},[2104],{"type":56,"value":184},{"type":46,"tag":87,"props":2106,"children":2107},{"class":100},[2108],{"type":56,"value":103},{"type":46,"tag":87,"props":2110,"children":2111},{"class":191},[2112],{"type":56,"value":194},{"type":46,"tag":87,"props":2114,"children":2115},{"class":197},[2116],{"type":56,"value":103},{"type":46,"tag":87,"props":2118,"children":2119},{"class":100},[2120],{"type":56,"value":2121},"extendServerRpc",{"type":46,"tag":87,"props":2123,"children":2124},{"class":191},[2125],{"type":56,"value":616},{"type":46,"tag":87,"props":2127,"children":2128},{"class":197},[2129],{"type":56,"value":103},{"type":46,"tag":87,"props":2131,"children":2132},{"class":100},[2133],{"type":56,"value":2134},"onDevToolsInitialized",{"type":46,"tag":87,"props":2136,"children":2137},{"class":197},[2138],{"type":56,"value":103},{"type":46,"tag":87,"props":2140,"children":2141},{"class":191},[2142],{"type":56,"value":213},{"type":46,"tag":87,"props":2144,"children":2145},{"class":100},[2146],{"type":56,"value":103},{"type":46,"tag":87,"props":2148,"children":2149},{"class":181},[2150],{"type":56,"value":222},{"type":46,"tag":87,"props":2152,"children":2153},{"class":100},[2154],{"type":56,"value":103},{"type":46,"tag":87,"props":2156,"children":2157},{"class":191},[2158],{"type":56,"value":231},{"type":46,"tag":87,"props":2160,"children":2161},{"class":106},[2162],{"type":56,"value":236},{"type":46,"tag":87,"props":2164,"children":2165},{"class":191},[2166],{"type":56,"value":241},{"type":46,"tag":87,"props":2168,"children":2169},{"class":89,"line":251},[2170,2174,2178,2182,2186,2190,2194,2198,2202,2206,2210,2214,2218,2222,2226,2230,2234,2239],{"type":46,"tag":87,"props":2171,"children":2172},{"class":181},[2173],{"type":56,"value":184},{"type":46,"tag":87,"props":2175,"children":2176},{"class":100},[2177],{"type":56,"value":103},{"type":46,"tag":87,"props":2179,"children":2180},{"class":181},[2181],{"type":56,"value":475},{"type":46,"tag":87,"props":2183,"children":2184},{"class":100},[2185],{"type":56,"value":103},{"type":46,"tag":87,"props":2187,"children":2188},{"class":191},[2189],{"type":56,"value":194},{"type":46,"tag":87,"props":2191,"children":2192},{"class":197},[2193],{"type":56,"value":103},{"type":46,"tag":87,"props":2195,"children":2196},{"class":100},[2197],{"type":56,"value":1965},{"type":46,"tag":87,"props":2199,"children":2200},{"class":191},[2201],{"type":56,"value":616},{"type":46,"tag":87,"props":2203,"children":2204},{"class":197},[2205],{"type":56,"value":103},{"type":46,"tag":87,"props":2207,"children":2208},{"class":100},[2209],{"type":56,"value":1894},{"type":46,"tag":87,"props":2211,"children":2212},{"class":197},[2213],{"type":56,"value":103},{"type":46,"tag":87,"props":2215,"children":2216},{"class":191},[2217],{"type":56,"value":213},{"type":46,"tag":87,"props":2219,"children":2220},{"class":100},[2221],{"type":56,"value":103},{"type":46,"tag":87,"props":2223,"children":2224},{"class":181},[2225],{"type":56,"value":222},{"type":46,"tag":87,"props":2227,"children":2228},{"class":100},[2229],{"type":56,"value":103},{"type":46,"tag":87,"props":2231,"children":2232},{"class":191},[2233],{"type":56,"value":231},{"type":46,"tag":87,"props":2235,"children":2236},{"class":106},[2237],{"type":56,"value":2238},"./rpc-types",{"type":46,"tag":87,"props":2240,"children":2241},{"class":191},[2242],{"type":56,"value":241},{"type":46,"tag":87,"props":2244,"children":2245},{"class":89,"line":270},[2246],{"type":46,"tag":87,"props":2247,"children":2248},{},[],{"type":46,"tag":87,"props":2250,"children":2251},{"class":89,"line":285},[2252,2256,2261,2265,2269,2273,2278],{"type":46,"tag":87,"props":2253,"children":2254},{"class":641},[2255],{"type":56,"value":1008},{"type":46,"tag":87,"props":2257,"children":2258},{"class":100},[2259],{"type":56,"value":2260}," RPC_NAMESPACE ",{"type":46,"tag":87,"props":2262,"children":2263},{"class":191},[2264],{"type":56,"value":990},{"type":46,"tag":87,"props":2266,"children":2267},{"class":100},[2268],{"type":56,"value":103},{"type":46,"tag":87,"props":2270,"children":2271},{"class":191},[2272],{"type":56,"value":231},{"type":46,"tag":87,"props":2274,"children":2275},{"class":106},[2276],{"type":56,"value":2277},"my-module-rpc",{"type":46,"tag":87,"props":2279,"children":2280},{"class":191},[2281],{"type":56,"value":241},{"type":46,"tag":87,"props":2283,"children":2284},{"class":89,"line":324},[2285],{"type":46,"tag":87,"props":2286,"children":2287},{},[],{"type":46,"tag":87,"props":2289,"children":2290},{"class":89,"line":337},[2291,2295,2299,2304,2308,2312,2316],{"type":46,"tag":87,"props":2292,"children":2293},{"class":181},[2294],{"type":56,"value":1876},{"type":46,"tag":87,"props":2296,"children":2297},{"class":100},[2298],{"type":56,"value":103},{"type":46,"tag":87,"props":2300,"children":2301},{"class":181},[2302],{"type":56,"value":2303},"default",{"type":46,"tag":87,"props":2305,"children":2306},{"class":100},[2307],{"type":56,"value":103},{"type":46,"tag":87,"props":2309,"children":2310},{"class":255},[2311],{"type":56,"value":2064},{"type":46,"tag":87,"props":2313,"children":2314},{"class":100},[2315],{"type":56,"value":262},{"type":46,"tag":87,"props":2317,"children":2318},{"class":191},[2319],{"type":56,"value":267},{"type":46,"tag":87,"props":2321,"children":2322},{"class":89,"line":375},[2323,2327,2332,2336,2341,2345,2349,2353,2357,2361],{"type":46,"tag":87,"props":2324,"children":2325},{"class":100},[2326],{"type":56,"value":276},{"type":46,"tag":87,"props":2328,"children":2329},{"class":197},[2330],{"type":56,"value":2331},"setup",{"type":46,"tag":87,"props":2333,"children":2334},{"class":191},[2335],{"type":56,"value":262},{"type":46,"tag":87,"props":2337,"children":2338},{"class":627},[2339],{"type":56,"value":2340},"options",{"type":46,"tag":87,"props":2342,"children":2343},{"class":191},[2344],{"type":56,"value":616},{"type":46,"tag":87,"props":2346,"children":2347},{"class":100},[2348],{"type":56,"value":103},{"type":46,"tag":87,"props":2350,"children":2351},{"class":627},[2352],{"type":56,"value":584},{"type":46,"tag":87,"props":2354,"children":2355},{"class":191},[2356],{"type":56,"value":564},{"type":46,"tag":87,"props":2358,"children":2359},{"class":100},[2360],{"type":56,"value":103},{"type":46,"tag":87,"props":2362,"children":2363},{"class":191},[2364],{"type":56,"value":267},{"type":46,"tag":87,"props":2366,"children":2367},{"class":89,"line":388},[2368,2372],{"type":46,"tag":87,"props":2369,"children":2370},{"class":191},[2371],{"type":56,"value":470},{"type":46,"tag":87,"props":2373,"children":2374},{"class":279},[2375],{"type":56,"value":2376},"// wait for DevTools to be initialized\n",{"type":46,"tag":87,"props":2378,"children":2379},{"class":89,"line":426},[2380,2384,2388,2392,2396,2400,2404,2408,2412,2416],{"type":46,"tag":87,"props":2381,"children":2382},{"class":197},[2383],{"type":56,"value":470},{"type":46,"tag":87,"props":2385,"children":2386},{"class":255},[2387],{"type":56,"value":2134},{"type":46,"tag":87,"props":2389,"children":2390},{"class":197},[2391],{"type":56,"value":262},{"type":46,"tag":87,"props":2393,"children":2394},{"class":641},[2395],{"type":56,"value":1090},{"type":46,"tag":87,"props":2397,"children":2398},{"class":197},[2399],{"type":56,"value":103},{"type":46,"tag":87,"props":2401,"children":2402},{"class":191},[2403],{"type":56,"value":1113},{"type":46,"tag":87,"props":2405,"children":2406},{"class":197},[2407],{"type":56,"value":103},{"type":46,"tag":87,"props":2409,"children":2410},{"class":641},[2411],{"type":56,"value":644},{"type":46,"tag":87,"props":2413,"children":2414},{"class":197},[2415],{"type":56,"value":103},{"type":46,"tag":87,"props":2417,"children":2418},{"class":191},[2419],{"type":56,"value":267},{"type":46,"tag":87,"props":2421,"children":2422},{"class":89,"line":439},[2423,2427,2431,2435,2440,2444,2448,2452,2456,2460,2464,2468,2472,2476,2480,2484,2489,2493,2497],{"type":46,"tag":87,"props":2424,"children":2425},{"class":197},[2426],{"type":56,"value":1360},{"type":46,"tag":87,"props":2428,"children":2429},{"class":641},[2430],{"type":56,"value":1008},{"type":46,"tag":87,"props":2432,"children":2433},{"class":197},[2434],{"type":56,"value":103},{"type":46,"tag":87,"props":2436,"children":2437},{"class":100},[2438],{"type":56,"value":2439},"rpc",{"type":46,"tag":87,"props":2441,"children":2442},{"class":197},[2443],{"type":56,"value":103},{"type":46,"tag":87,"props":2445,"children":2446},{"class":191},[2447],{"type":56,"value":990},{"type":46,"tag":87,"props":2449,"children":2450},{"class":197},[2451],{"type":56,"value":103},{"type":46,"tag":87,"props":2453,"children":2454},{"class":255},[2455],{"type":56,"value":2121},{"type":46,"tag":87,"props":2457,"children":2458},{"class":191},[2459],{"type":56,"value":1031},{"type":46,"tag":87,"props":2461,"children":2462},{"class":94},[2463],{"type":56,"value":1965},{"type":46,"tag":87,"props":2465,"children":2466},{"class":191},[2467],{"type":56,"value":616},{"type":46,"tag":87,"props":2469,"children":2470},{"class":197},[2471],{"type":56,"value":103},{"type":46,"tag":87,"props":2473,"children":2474},{"class":94},[2475],{"type":56,"value":1894},{"type":46,"tag":87,"props":2477,"children":2478},{"class":191},[2479],{"type":56,"value":1041},{"type":46,"tag":87,"props":2481,"children":2482},{"class":197},[2483],{"type":56,"value":262},{"type":46,"tag":87,"props":2485,"children":2486},{"class":100},[2487],{"type":56,"value":2488},"RPC_NAMESPACE",{"type":46,"tag":87,"props":2490,"children":2491},{"class":191},[2492],{"type":56,"value":616},{"type":46,"tag":87,"props":2494,"children":2495},{"class":197},[2496],{"type":56,"value":103},{"type":46,"tag":87,"props":2498,"children":2499},{"class":191},[2500],{"type":56,"value":267},{"type":46,"tag":87,"props":2502,"children":2503},{"class":89,"line":464},[2504,2508],{"type":46,"tag":87,"props":2505,"children":2506},{"class":191},[2507],{"type":56,"value":1447},{"type":46,"tag":87,"props":2509,"children":2510},{"class":279},[2511],{"type":56,"value":2512},"// register server RPC functions\n",{"type":46,"tag":87,"props":2514,"children":2515},{"class":89,"line":503},[2516,2521,2525,2529],{"type":46,"tag":87,"props":2517,"children":2518},{"class":197},[2519],{"type":56,"value":2520},"        getMyModuleOptions",{"type":46,"tag":87,"props":2522,"children":2523},{"class":191},[2524],{"type":56,"value":1113},{"type":46,"tag":87,"props":2526,"children":2527},{"class":197},[2528],{"type":56,"value":103},{"type":46,"tag":87,"props":2530,"children":2531},{"class":191},[2532],{"type":56,"value":267},{"type":46,"tag":87,"props":2534,"children":2535},{"class":89,"line":541},[2536,2540,2545,2549],{"type":46,"tag":87,"props":2537,"children":2538},{"class":197},[2539],{"type":56,"value":1734},{"type":46,"tag":87,"props":2541,"children":2542},{"class":181},[2543],{"type":56,"value":2544},"return",{"type":46,"tag":87,"props":2546,"children":2547},{"class":197},[2548],{"type":56,"value":103},{"type":46,"tag":87,"props":2550,"children":2551},{"class":100},[2552],{"type":56,"value":2553},"options\n",{"type":46,"tag":87,"props":2555,"children":2556},{"class":89,"line":554},[2557,2561],{"type":46,"tag":87,"props":2558,"children":2559},{"class":197},[2560],{"type":56,"value":1447},{"type":46,"tag":87,"props":2562,"children":2563},{"class":191},[2564],{"type":56,"value":551},{"type":46,"tag":87,"props":2566,"children":2567},{"class":89,"line":1408},[2568,2572,2576],{"type":46,"tag":87,"props":2569,"children":2570},{"class":197},[2571],{"type":56,"value":1360},{"type":46,"tag":87,"props":2573,"children":2574},{"class":191},[2575],{"type":56,"value":213},{"type":46,"tag":87,"props":2577,"children":2578},{"class":197},[2579],{"type":56,"value":931},{"type":46,"tag":87,"props":2581,"children":2582},{"class":89,"line":1441},[2583],{"type":46,"tag":87,"props":2584,"children":2585},{},[],{"type":46,"tag":87,"props":2587,"children":2588},{"class":89,"line":1454},[2589,2593],{"type":46,"tag":87,"props":2590,"children":2591},{"class":191},[2592],{"type":56,"value":1360},{"type":46,"tag":87,"props":2594,"children":2595},{"class":279},[2596],{"type":56,"value":2597},"// call client RPC functions\n",{"type":46,"tag":87,"props":2599,"children":2600},{"class":89,"line":1474},[2601,2605],{"type":46,"tag":87,"props":2602,"children":2603},{"class":191},[2604],{"type":56,"value":1360},{"type":46,"tag":87,"props":2606,"children":2607},{"class":279},[2608],{"type":56,"value":2609},"// since it might have multiple clients connected, we use `broadcast` to call all of them\n",{"type":46,"tag":87,"props":2611,"children":2612},{"class":89,"line":1507},[2613,2617,2621,2625,2629,2633,2638,2642,2646,2650,2654,2659,2663],{"type":46,"tag":87,"props":2614,"children":2615},{"class":197},[2616],{"type":56,"value":1360},{"type":46,"tag":87,"props":2618,"children":2619},{"class":181},[2620],{"type":56,"value":1704},{"type":46,"tag":87,"props":2622,"children":2623},{"class":197},[2624],{"type":56,"value":103},{"type":46,"tag":87,"props":2626,"children":2627},{"class":100},[2628],{"type":56,"value":2439},{"type":46,"tag":87,"props":2630,"children":2631},{"class":191},[2632],{"type":56,"value":589},{"type":46,"tag":87,"props":2634,"children":2635},{"class":100},[2636],{"type":56,"value":2637},"broadcast",{"type":46,"tag":87,"props":2639,"children":2640},{"class":191},[2641],{"type":56,"value":589},{"type":46,"tag":87,"props":2643,"children":2644},{"class":255},[2645],{"type":56,"value":1985},{"type":46,"tag":87,"props":2647,"children":2648},{"class":197},[2649],{"type":56,"value":262},{"type":46,"tag":87,"props":2651,"children":2652},{"class":191},[2653],{"type":56,"value":231},{"type":46,"tag":87,"props":2655,"children":2656},{"class":106},[2657],{"type":56,"value":2658},"Hello from My Module!",{"type":46,"tag":87,"props":2660,"children":2661},{"class":191},[2662],{"type":56,"value":231},{"type":46,"tag":87,"props":2664,"children":2665},{"class":197},[2666],{"type":56,"value":931},{"type":46,"tag":87,"props":2668,"children":2669},{"class":89,"line":1541},[2670,2674,2678],{"type":46,"tag":87,"props":2671,"children":2672},{"class":197},[2673],{"type":56,"value":470},{"type":46,"tag":87,"props":2675,"children":2676},{"class":191},[2677],{"type":56,"value":213},{"type":46,"tag":87,"props":2679,"children":2680},{"class":197},[2681],{"type":56,"value":931},{"type":46,"tag":87,"props":2683,"children":2684},{"class":89,"line":1563},[2685,2689],{"type":46,"tag":87,"props":2686,"children":2687},{"class":197},[2688],{"type":56,"value":276},{"type":46,"tag":87,"props":2690,"children":2691},{"class":191},[2692],{"type":56,"value":1170},{"type":46,"tag":87,"props":2694,"children":2695},{"class":89,"line":1597},[2696,2700],{"type":46,"tag":87,"props":2697,"children":2698},{"class":191},[2699],{"type":56,"value":213},{"type":46,"tag":87,"props":2701,"children":2702},{"class":100},[2703],{"type":56,"value":564},{"type":46,"tag":52,"props":2705,"children":2706},{},[2707],{"type":56,"value":2708},"And on the client side, you can do:",{"type":46,"tag":76,"props":2710,"children":2712},{"className":169,"code":2711,"language":171,"meta":40},"import { onDevtoolsClientConnected } from '@nuxt/devtools-kit/iframe-client'\nimport type { ClientFunctions, ServerFunctions } from './rpc-types'\n\nconst RPC_NAMESPACE = 'my-module-rpc'\n\nonDevtoolsClientConnected(async (client) => {\n  const rpc = client.devtools.extendClientRpc(RPC_NAMESPACE, {\n    showNotification(message) {\n      console.log(message)\n    },\n  })\n\n  // call server RPC functions\n  const options = await rpc.getMyModuleOptions()\n})\n",[2713],{"type":46,"tag":83,"props":2714,"children":2715},{"__ignoreMap":40},[2716,2773,2848,2854,2885,2891,2939,3012,3040,3073,3084,3099,3105,3117,3172],{"type":46,"tag":87,"props":2717,"children":2718},{"class":89,"line":90},[2719,2723,2727,2731,2735,2740,2744,2748,2752,2756,2760,2764,2769],{"type":46,"tag":87,"props":2720,"children":2721},{"class":181},[2722],{"type":56,"value":184},{"type":46,"tag":87,"props":2724,"children":2725},{"class":100},[2726],{"type":56,"value":103},{"type":46,"tag":87,"props":2728,"children":2729},{"class":191},[2730],{"type":56,"value":194},{"type":46,"tag":87,"props":2732,"children":2733},{"class":197},[2734],{"type":56,"value":103},{"type":46,"tag":87,"props":2736,"children":2737},{"class":100},[2738],{"type":56,"value":2739},"onDevtoolsClientConnected",{"type":46,"tag":87,"props":2741,"children":2742},{"class":197},[2743],{"type":56,"value":103},{"type":46,"tag":87,"props":2745,"children":2746},{"class":191},[2747],{"type":56,"value":213},{"type":46,"tag":87,"props":2749,"children":2750},{"class":100},[2751],{"type":56,"value":103},{"type":46,"tag":87,"props":2753,"children":2754},{"class":181},[2755],{"type":56,"value":222},{"type":46,"tag":87,"props":2757,"children":2758},{"class":100},[2759],{"type":56,"value":103},{"type":46,"tag":87,"props":2761,"children":2762},{"class":191},[2763],{"type":56,"value":231},{"type":46,"tag":87,"props":2765,"children":2766},{"class":106},[2767],{"type":56,"value":2768},"@nuxt/devtools-kit/iframe-client",{"type":46,"tag":87,"props":2770,"children":2771},{"class":191},[2772],{"type":56,"value":241},{"type":46,"tag":87,"props":2774,"children":2775},{"class":89,"line":244},[2776,2780,2784,2788,2792,2796,2800,2804,2808,2812,2816,2820,2824,2828,2832,2836,2840,2844],{"type":46,"tag":87,"props":2777,"children":2778},{"class":181},[2779],{"type":56,"value":184},{"type":46,"tag":87,"props":2781,"children":2782},{"class":100},[2783],{"type":56,"value":103},{"type":46,"tag":87,"props":2785,"children":2786},{"class":181},[2787],{"type":56,"value":475},{"type":46,"tag":87,"props":2789,"children":2790},{"class":100},[2791],{"type":56,"value":103},{"type":46,"tag":87,"props":2793,"children":2794},{"class":191},[2795],{"type":56,"value":194},{"type":46,"tag":87,"props":2797,"children":2798},{"class":197},[2799],{"type":56,"value":103},{"type":46,"tag":87,"props":2801,"children":2802},{"class":100},[2803],{"type":56,"value":1965},{"type":46,"tag":87,"props":2805,"children":2806},{"class":191},[2807],{"type":56,"value":616},{"type":46,"tag":87,"props":2809,"children":2810},{"class":197},[2811],{"type":56,"value":103},{"type":46,"tag":87,"props":2813,"children":2814},{"class":100},[2815],{"type":56,"value":1894},{"type":46,"tag":87,"props":2817,"children":2818},{"class":197},[2819],{"type":56,"value":103},{"type":46,"tag":87,"props":2821,"children":2822},{"class":191},[2823],{"type":56,"value":213},{"type":46,"tag":87,"props":2825,"children":2826},{"class":100},[2827],{"type":56,"value":103},{"type":46,"tag":87,"props":2829,"children":2830},{"class":181},[2831],{"type":56,"value":222},{"type":46,"tag":87,"props":2833,"children":2834},{"class":100},[2835],{"type":56,"value":103},{"type":46,"tag":87,"props":2837,"children":2838},{"class":191},[2839],{"type":56,"value":231},{"type":46,"tag":87,"props":2841,"children":2842},{"class":106},[2843],{"type":56,"value":2238},{"type":46,"tag":87,"props":2845,"children":2846},{"class":191},[2847],{"type":56,"value":241},{"type":46,"tag":87,"props":2849,"children":2850},{"class":89,"line":251},[2851],{"type":46,"tag":87,"props":2852,"children":2853},{},[],{"type":46,"tag":87,"props":2855,"children":2856},{"class":89,"line":270},[2857,2861,2865,2869,2873,2877,2881],{"type":46,"tag":87,"props":2858,"children":2859},{"class":641},[2860],{"type":56,"value":1008},{"type":46,"tag":87,"props":2862,"children":2863},{"class":100},[2864],{"type":56,"value":2260},{"type":46,"tag":87,"props":2866,"children":2867},{"class":191},[2868],{"type":56,"value":990},{"type":46,"tag":87,"props":2870,"children":2871},{"class":100},[2872],{"type":56,"value":103},{"type":46,"tag":87,"props":2874,"children":2875},{"class":191},[2876],{"type":56,"value":231},{"type":46,"tag":87,"props":2878,"children":2879},{"class":106},[2880],{"type":56,"value":2277},{"type":46,"tag":87,"props":2882,"children":2883},{"class":191},[2884],{"type":56,"value":241},{"type":46,"tag":87,"props":2886,"children":2887},{"class":89,"line":285},[2888],{"type":46,"tag":87,"props":2889,"children":2890},{},[],{"type":46,"tag":87,"props":2892,"children":2893},{"class":89,"line":324},[2894,2898,2902,2906,2910,2914,2919,2923,2927,2931,2935],{"type":46,"tag":87,"props":2895,"children":2896},{"class":255},[2897],{"type":56,"value":2739},{"type":46,"tag":87,"props":2899,"children":2900},{"class":100},[2901],{"type":56,"value":262},{"type":46,"tag":87,"props":2903,"children":2904},{"class":641},[2905],{"type":56,"value":1090},{"type":46,"tag":87,"props":2907,"children":2908},{"class":100},[2909],{"type":56,"value":103},{"type":46,"tag":87,"props":2911,"children":2912},{"class":191},[2913],{"type":56,"value":262},{"type":46,"tag":87,"props":2915,"children":2916},{"class":627},[2917],{"type":56,"value":2918},"client",{"type":46,"tag":87,"props":2920,"children":2921},{"class":191},[2922],{"type":56,"value":564},{"type":46,"tag":87,"props":2924,"children":2925},{"class":100},[2926],{"type":56,"value":103},{"type":46,"tag":87,"props":2928,"children":2929},{"class":641},[2930],{"type":56,"value":644},{"type":46,"tag":87,"props":2932,"children":2933},{"class":100},[2934],{"type":56,"value":103},{"type":46,"tag":87,"props":2936,"children":2937},{"class":191},[2938],{"type":56,"value":267},{"type":46,"tag":87,"props":2940,"children":2941},{"class":89,"line":337},[2942,2946,2950,2954,2958,2962,2966,2970,2974,2978,2983,2987,2992,2996,3000,3004,3008],{"type":46,"tag":87,"props":2943,"children":2944},{"class":197},[2945],{"type":56,"value":276},{"type":46,"tag":87,"props":2947,"children":2948},{"class":641},[2949],{"type":56,"value":1008},{"type":46,"tag":87,"props":2951,"children":2952},{"class":197},[2953],{"type":56,"value":103},{"type":46,"tag":87,"props":2955,"children":2956},{"class":100},[2957],{"type":56,"value":2439},{"type":46,"tag":87,"props":2959,"children":2960},{"class":197},[2961],{"type":56,"value":103},{"type":46,"tag":87,"props":2963,"children":2964},{"class":191},[2965],{"type":56,"value":990},{"type":46,"tag":87,"props":2967,"children":2968},{"class":197},[2969],{"type":56,"value":103},{"type":46,"tag":87,"props":2971,"children":2972},{"class":100},[2973],{"type":56,"value":2918},{"type":46,"tag":87,"props":2975,"children":2976},{"class":191},[2977],{"type":56,"value":589},{"type":46,"tag":87,"props":2979,"children":2980},{"class":100},[2981],{"type":56,"value":2982},"devtools",{"type":46,"tag":87,"props":2984,"children":2985},{"class":191},[2986],{"type":56,"value":589},{"type":46,"tag":87,"props":2988,"children":2989},{"class":255},[2990],{"type":56,"value":2991},"extendClientRpc",{"type":46,"tag":87,"props":2993,"children":2994},{"class":197},[2995],{"type":56,"value":262},{"type":46,"tag":87,"props":2997,"children":2998},{"class":100},[2999],{"type":56,"value":2488},{"type":46,"tag":87,"props":3001,"children":3002},{"class":191},[3003],{"type":56,"value":616},{"type":46,"tag":87,"props":3005,"children":3006},{"class":197},[3007],{"type":56,"value":103},{"type":46,"tag":87,"props":3009,"children":3010},{"class":191},[3011],{"type":56,"value":267},{"type":46,"tag":87,"props":3013,"children":3014},{"class":89,"line":375},[3015,3020,3024,3028,3032,3036],{"type":46,"tag":87,"props":3016,"children":3017},{"class":197},[3018],{"type":56,"value":3019},"    showNotification",{"type":46,"tag":87,"props":3021,"children":3022},{"class":191},[3023],{"type":56,"value":262},{"type":46,"tag":87,"props":3025,"children":3026},{"class":627},[3027],{"type":56,"value":1994},{"type":46,"tag":87,"props":3029,"children":3030},{"class":191},[3031],{"type":56,"value":564},{"type":46,"tag":87,"props":3033,"children":3034},{"class":197},[3035],{"type":56,"value":103},{"type":46,"tag":87,"props":3037,"children":3038},{"class":191},[3039],{"type":56,"value":267},{"type":46,"tag":87,"props":3041,"children":3042},{"class":89,"line":388},[3043,3047,3052,3056,3061,3065,3069],{"type":46,"tag":87,"props":3044,"children":3045},{"class":197},[3046],{"type":56,"value":1360},{"type":46,"tag":87,"props":3048,"children":3049},{"class":100},[3050],{"type":56,"value":3051},"console",{"type":46,"tag":87,"props":3053,"children":3054},{"class":191},[3055],{"type":56,"value":589},{"type":46,"tag":87,"props":3057,"children":3058},{"class":255},[3059],{"type":56,"value":3060},"log",{"type":46,"tag":87,"props":3062,"children":3063},{"class":197},[3064],{"type":56,"value":262},{"type":46,"tag":87,"props":3066,"children":3067},{"class":100},[3068],{"type":56,"value":1994},{"type":46,"tag":87,"props":3070,"children":3071},{"class":197},[3072],{"type":56,"value":931},{"type":46,"tag":87,"props":3074,"children":3075},{"class":89,"line":426},[3076,3080],{"type":46,"tag":87,"props":3077,"children":3078},{"class":197},[3079],{"type":56,"value":470},{"type":46,"tag":87,"props":3081,"children":3082},{"class":191},[3083],{"type":56,"value":551},{"type":46,"tag":87,"props":3085,"children":3086},{"class":89,"line":439},[3087,3091,3095],{"type":46,"tag":87,"props":3088,"children":3089},{"class":197},[3090],{"type":56,"value":276},{"type":46,"tag":87,"props":3092,"children":3093},{"class":191},[3094],{"type":56,"value":213},{"type":46,"tag":87,"props":3096,"children":3097},{"class":197},[3098],{"type":56,"value":931},{"type":46,"tag":87,"props":3100,"children":3101},{"class":89,"line":464},[3102],{"type":46,"tag":87,"props":3103,"children":3104},{},[],{"type":46,"tag":87,"props":3106,"children":3107},{"class":89,"line":503},[3108,3112],{"type":46,"tag":87,"props":3109,"children":3110},{"class":191},[3111],{"type":56,"value":276},{"type":46,"tag":87,"props":3113,"children":3114},{"class":279},[3115],{"type":56,"value":3116},"// call server RPC functions\n",{"type":46,"tag":87,"props":3118,"children":3119},{"class":89,"line":541},[3120,3124,3128,3132,3136,3140,3144,3148,3152,3156,3160,3164,3168],{"type":46,"tag":87,"props":3121,"children":3122},{"class":197},[3123],{"type":56,"value":276},{"type":46,"tag":87,"props":3125,"children":3126},{"class":641},[3127],{"type":56,"value":1008},{"type":46,"tag":87,"props":3129,"children":3130},{"class":197},[3131],{"type":56,"value":103},{"type":46,"tag":87,"props":3133,"children":3134},{"class":100},[3135],{"type":56,"value":2340},{"type":46,"tag":87,"props":3137,"children":3138},{"class":197},[3139],{"type":56,"value":103},{"type":46,"tag":87,"props":3141,"children":3142},{"class":191},[3143],{"type":56,"value":990},{"type":46,"tag":87,"props":3145,"children":3146},{"class":197},[3147],{"type":56,"value":103},{"type":46,"tag":87,"props":3149,"children":3150},{"class":181},[3151],{"type":56,"value":1704},{"type":46,"tag":87,"props":3153,"children":3154},{"class":197},[3155],{"type":56,"value":103},{"type":46,"tag":87,"props":3157,"children":3158},{"class":100},[3159],{"type":56,"value":2439},{"type":46,"tag":87,"props":3161,"children":3162},{"class":191},[3163],{"type":56,"value":589},{"type":46,"tag":87,"props":3165,"children":3166},{"class":255},[3167],{"type":56,"value":1914},{"type":46,"tag":87,"props":3169,"children":3170},{"class":197},[3171],{"type":56,"value":1691},{"type":46,"tag":87,"props":3173,"children":3174},{"class":89,"line":554},[3175,3179],{"type":46,"tag":87,"props":3176,"children":3177},{"class":191},[3178],{"type":56,"value":213},{"type":46,"tag":87,"props":3180,"children":3181},{"class":100},[3182],{"type":56,"value":564},{"type":46,"tag":64,"props":3184,"children":3186},{"id":3185},"trying-local-changes",[3187],{"type":56,"value":3188},"Trying Local Changes",{"type":46,"tag":52,"props":3190,"children":3191},{},[3192],{"type":56,"value":3193},"You can clone Nuxt DevTools repo and try your changes locally.",{"type":46,"tag":52,"props":3195,"children":3196},{},[3197,3198,3203],{"type":56,"value":1824},{"type":46,"tag":949,"props":3199,"children":3201},{"href":3200},"/development/contributing#trying-local-changes",[3202],{"type":56,"value":3188},{"type":56,"value":589},{"type":46,"tag":64,"props":3205,"children":3207},{"id":3206},"examples",[3208],{"type":56,"value":3209},"Examples",{"type":46,"tag":52,"props":3211,"children":3212},{},[3213],{"type":56,"value":3214},"Here are a few examples of how to integrate Nuxt DevTools in modules:",{"type":46,"tag":3216,"props":3217,"children":3218},"ul",{},[3219,3231,3241,3251,3261],{"type":46,"tag":3220,"props":3221,"children":3222},"li",{},[3223],{"type":46,"tag":949,"props":3224,"children":3228},{"href":3225,"rel":3226},"https://github.com/nuxt/devtools/blob/main/packages/devtools/src/integrations/vscode.ts",[3227],"nofollow",[3229],{"type":56,"value":3230},"Built-in VS Code integration with lazy initialize",{"type":46,"tag":3220,"props":3232,"children":3233},{},[3234],{"type":46,"tag":949,"props":3235,"children":3238},{"href":3236,"rel":3237},"https://github.com/vueuse/vueuse/blob/ce28cef154489c73abe308104bef8568594a9bcd/packages/nuxt/index.ts#L89-L99",[3227],[3239],{"type":56,"value":3240},"VueUse adds a docs tab",{"type":46,"tag":3220,"props":3242,"children":3243},{},[3244],{"type":46,"tag":949,"props":3245,"children":3248},{"href":3246,"rel":3247},"https://github.com/unocss/unocss/blob/25021a751494e99e85cfd82cca3855cdf78f6a12/packages/nuxt/src/index.ts#L81-L94",[3227],[3249],{"type":56,"value":3250},"UnoCSS Inspector",{"type":46,"tag":3220,"props":3252,"children":3253},{},[3254],{"type":46,"tag":949,"props":3255,"children":3258},{"href":3256,"rel":3257},"https://github.com/danielroe/nuxt-vitest/blob/7bac68d96f27dea6c30c198b7caaaf0b495574ab/packages/nuxt-vitest/src/module.ts#L139-L181",[3227],[3259],{"type":56,"value":3260},"Nuxt Vitest runner",{"type":46,"tag":3220,"props":3262,"children":3263},{},[3264],{"type":46,"tag":949,"props":3265,"children":3268},{"href":3266,"rel":3267},"https://github.com/harlan-zw/nuxt-og-image/blob/main/src/module.ts#L136",[3227],[3269],{"type":56,"value":3270},"Nuxt OG Image Playground",{"type":46,"tag":3272,"props":3273,"children":3274},"style",{},[3275],{"type":56,"value":3276},".material-theme_material-theme-palenight_material-theme-lighter{color:#EEFFFF;background:#263238;}.dark .material-theme_material-theme-palenight_material-theme-lighter{color:#A6ACCD;background:#292D3E;}.light .material-theme_material-theme-palenight_material-theme-lighter{color:#90A4AE;background:#FAFAFA;}.ct-902167{color:#FFCB6B;}.light .ct-902167{color:#E2931D;}.ct-521921{color:#EEFFFF;}.dark .ct-521921{color:#A6ACCD;}.light .ct-521921{color:#90A4AE;}.ct-083593{color:#C3E88D;}.light .ct-083593{color:#91B859;}.ct-398028{color:#89DDFF;font-style:italic;}.light .ct-398028{color:#39ADB5;font-style:italic;}.ct-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}.ct-021512{color:#82AAFF;}.light .ct-021512{color:#6182B8;}.ct-767688{color:#546E7A;font-style:italic;}.dark .ct-767688{color:#676E95;font-style:italic;}.light .ct-767688{color:#90A4AE;font-style:italic;}.ct-377156{color:#EEFFFF;font-style:italic;}.dark .ct-377156{color:#A6ACCD;font-style:italic;}.light .ct-377156{color:#90A4AE;font-style:italic;}.ct-366012{color:#C792EA;}.light .ct-366012{color:#9C3EDA;}.ct-358248{color:#FF9CAC;}.light .ct-358248{color:#FF5370;}",{"title":40,"searchDepth":244,"depth":244,"links":3278},[3279,3280,3281,3282,3283,3284,3285],{"id":66,"depth":244,"text":69},{"id":153,"depth":244,"text":156},{"id":957,"depth":244,"text":960},{"id":1816,"depth":244,"text":1819},{"id":1834,"depth":244,"text":1837},{"id":3185,"depth":244,"text":3188},{"id":3206,"depth":244,"text":3209},"markdown","content:2.module:0.guide.md","content","2.module/0.guide.md","md",[3292,3644],{"_path":16,"_dir":3293,"_draft":39,"_partial":39,"_locale":40,"title":15,"description":3294,"body":3295,"_type":3286,"_id":3642,"_source":3288,"_file":3643,"_extension":3290},"guide","Open or control Nuxt DevTools with the useNuxtDevtools composable.",{"type":43,"children":3296,"toc":3640},[3297,3309,3562,3567,3630,3635],{"type":46,"tag":52,"props":3298,"children":3299},{},[3300,3302,3307],{"type":56,"value":3301},"In case you might want to open or control the Nuxt DevTools in your application on development, a composable ",{"type":46,"tag":83,"props":3303,"children":3304},{},[3305],{"type":56,"value":3306},"useNuxtDevtools",{"type":56,"value":3308}," is registered with auto-import.",{"type":46,"tag":76,"props":3310,"children":3314},{"className":3311,"code":3312,"language":3313,"meta":40},"language-vue material-theme_material-theme-palenight_material-theme-lighter","\u003Cscript setup>\n// Returns undefined in production mode or when the DevTools are not enabled\nconst devtoolsClient = useNuxtDevtools() // NuxtDevToolsHostClient | undefined\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cbutton\n    v-if=\"devtoolsClient\"\n    @click=\"devtoolsClient.devtools.navigate('/modules/components')\"\n  >\n    \u003C!-- Open the DevTools and navigate to the components tab -->\n    Open DevTools\n  \u003C/button>\n\u003C/template>\n","vue",[3315],{"type":46,"tag":83,"props":3316,"children":3317},{"__ignoreMap":40},[3318,3343,3351,3385,3401,3407,3423,3439,3470,3499,3507,3519,3527,3547],{"type":46,"tag":87,"props":3319,"children":3320},{"class":89,"line":90},[3321,3325,3330,3334,3338],{"type":46,"tag":87,"props":3322,"children":3323},{"class":191},[3324],{"type":56,"value":1031},{"type":46,"tag":87,"props":3326,"children":3327},{"class":197},[3328],{"type":56,"value":3329},"script",{"type":46,"tag":87,"props":3331,"children":3332},{"class":100},[3333],{"type":56,"value":103},{"type":46,"tag":87,"props":3335,"children":3336},{"class":641},[3337],{"type":56,"value":2331},{"type":46,"tag":87,"props":3339,"children":3340},{"class":191},[3341],{"type":56,"value":3342},">\n",{"type":46,"tag":87,"props":3344,"children":3345},{"class":89,"line":244},[3346],{"type":46,"tag":87,"props":3347,"children":3348},{"class":279},[3349],{"type":56,"value":3350},"// Returns undefined in production mode or when the DevTools are not enabled\n",{"type":46,"tag":87,"props":3352,"children":3353},{"class":89,"line":251},[3354,3358,3363,3367,3371,3375,3380],{"type":46,"tag":87,"props":3355,"children":3356},{"class":641},[3357],{"type":56,"value":1008},{"type":46,"tag":87,"props":3359,"children":3360},{"class":100},[3361],{"type":56,"value":3362}," devtoolsClient ",{"type":46,"tag":87,"props":3364,"children":3365},{"class":191},[3366],{"type":56,"value":990},{"type":46,"tag":87,"props":3368,"children":3369},{"class":100},[3370],{"type":56,"value":103},{"type":46,"tag":87,"props":3372,"children":3373},{"class":255},[3374],{"type":56,"value":3306},{"type":46,"tag":87,"props":3376,"children":3377},{"class":100},[3378],{"type":56,"value":3379},"() ",{"type":46,"tag":87,"props":3381,"children":3382},{"class":279},[3383],{"type":56,"value":3384},"// NuxtDevToolsHostClient | undefined\n",{"type":46,"tag":87,"props":3386,"children":3387},{"class":89,"line":270},[3388,3393,3397],{"type":46,"tag":87,"props":3389,"children":3390},{"class":191},[3391],{"type":56,"value":3392},"\u003C/",{"type":46,"tag":87,"props":3394,"children":3395},{"class":197},[3396],{"type":56,"value":3329},{"type":46,"tag":87,"props":3398,"children":3399},{"class":191},[3400],{"type":56,"value":3342},{"type":46,"tag":87,"props":3402,"children":3403},{"class":89,"line":285},[3404],{"type":46,"tag":87,"props":3405,"children":3406},{},[],{"type":46,"tag":87,"props":3408,"children":3409},{"class":89,"line":324},[3410,3414,3419],{"type":46,"tag":87,"props":3411,"children":3412},{"class":191},[3413],{"type":56,"value":1031},{"type":46,"tag":87,"props":3415,"children":3416},{"class":197},[3417],{"type":56,"value":3418},"template",{"type":46,"tag":87,"props":3420,"children":3421},{"class":191},[3422],{"type":56,"value":3342},{"type":46,"tag":87,"props":3424,"children":3425},{"class":89,"line":337},[3426,3430,3434],{"type":46,"tag":87,"props":3427,"children":3428},{"class":100},[3429],{"type":56,"value":276},{"type":46,"tag":87,"props":3431,"children":3432},{"class":191},[3433],{"type":56,"value":1031},{"type":46,"tag":87,"props":3435,"children":3436},{"class":197},[3437],{"type":56,"value":3438},"button\n",{"type":46,"tag":87,"props":3440,"children":3441},{"class":89,"line":375},[3442,3446,3451,3455,3460,3465],{"type":46,"tag":87,"props":3443,"children":3444},{"class":191},[3445],{"type":56,"value":470},{"type":46,"tag":87,"props":3447,"children":3448},{"class":641},[3449],{"type":56,"value":3450},"v-if",{"type":46,"tag":87,"props":3452,"children":3453},{"class":191},[3454],{"type":56,"value":990},{"type":46,"tag":87,"props":3456,"children":3457},{"class":191},[3458],{"type":56,"value":3459},"\"",{"type":46,"tag":87,"props":3461,"children":3462},{"class":106},[3463],{"type":56,"value":3464},"devtoolsClient",{"type":46,"tag":87,"props":3466,"children":3467},{"class":191},[3468],{"type":56,"value":3469},"\"\n",{"type":46,"tag":87,"props":3471,"children":3472},{"class":89,"line":388},[3473,3477,3482,3486,3490,3495],{"type":46,"tag":87,"props":3474,"children":3475},{"class":191},[3476],{"type":56,"value":470},{"type":46,"tag":87,"props":3478,"children":3479},{"class":641},[3480],{"type":56,"value":3481},"@click",{"type":46,"tag":87,"props":3483,"children":3484},{"class":191},[3485],{"type":56,"value":990},{"type":46,"tag":87,"props":3487,"children":3488},{"class":191},[3489],{"type":56,"value":3459},{"type":46,"tag":87,"props":3491,"children":3492},{"class":106},[3493],{"type":56,"value":3494},"devtoolsClient.devtools.navigate('/modules/components')",{"type":46,"tag":87,"props":3496,"children":3497},{"class":191},[3498],{"type":56,"value":3469},{"type":46,"tag":87,"props":3500,"children":3501},{"class":89,"line":426},[3502],{"type":46,"tag":87,"props":3503,"children":3504},{"class":191},[3505],{"type":56,"value":3506},"  >\n",{"type":46,"tag":87,"props":3508,"children":3509},{"class":89,"line":439},[3510,3514],{"type":46,"tag":87,"props":3511,"children":3512},{"class":100},[3513],{"type":56,"value":470},{"type":46,"tag":87,"props":3515,"children":3516},{"class":279},[3517],{"type":56,"value":3518},"\u003C!-- Open the DevTools and navigate to the components tab -->\n",{"type":46,"tag":87,"props":3520,"children":3521},{"class":89,"line":464},[3522],{"type":46,"tag":87,"props":3523,"children":3524},{"class":100},[3525],{"type":56,"value":3526},"    Open DevTools\n",{"type":46,"tag":87,"props":3528,"children":3529},{"class":89,"line":503},[3530,3534,3538,3543],{"type":46,"tag":87,"props":3531,"children":3532},{"class":100},[3533],{"type":56,"value":276},{"type":46,"tag":87,"props":3535,"children":3536},{"class":191},[3537],{"type":56,"value":3392},{"type":46,"tag":87,"props":3539,"children":3540},{"class":197},[3541],{"type":56,"value":3542},"button",{"type":46,"tag":87,"props":3544,"children":3545},{"class":191},[3546],{"type":56,"value":3342},{"type":46,"tag":87,"props":3548,"children":3549},{"class":89,"line":541},[3550,3554,3558],{"type":46,"tag":87,"props":3551,"children":3552},{"class":191},[3553],{"type":56,"value":3392},{"type":46,"tag":87,"props":3555,"children":3556},{"class":197},[3557],{"type":56,"value":3418},{"type":46,"tag":87,"props":3559,"children":3560},{"class":191},[3561],{"type":56,"value":1041},{"type":46,"tag":52,"props":3563,"children":3564},{},[3565],{"type":56,"value":3566},"When you have auto-import disabled, you can also import it explicitly:",{"type":46,"tag":76,"props":3568,"children":3570},{"className":169,"code":3569,"language":171,"meta":40},"import { useNuxtDevtools } from '#imports'\n",[3571],{"type":46,"tag":83,"props":3572,"children":3573},{"__ignoreMap":40},[3574],{"type":46,"tag":87,"props":3575,"children":3576},{"class":89,"line":90},[3577,3581,3585,3589,3593,3597,3601,3605,3609,3613,3617,3621,3626],{"type":46,"tag":87,"props":3578,"children":3579},{"class":181},[3580],{"type":56,"value":184},{"type":46,"tag":87,"props":3582,"children":3583},{"class":100},[3584],{"type":56,"value":103},{"type":46,"tag":87,"props":3586,"children":3587},{"class":191},[3588],{"type":56,"value":194},{"type":46,"tag":87,"props":3590,"children":3591},{"class":197},[3592],{"type":56,"value":103},{"type":46,"tag":87,"props":3594,"children":3595},{"class":100},[3596],{"type":56,"value":3306},{"type":46,"tag":87,"props":3598,"children":3599},{"class":197},[3600],{"type":56,"value":103},{"type":46,"tag":87,"props":3602,"children":3603},{"class":191},[3604],{"type":56,"value":213},{"type":46,"tag":87,"props":3606,"children":3607},{"class":100},[3608],{"type":56,"value":103},{"type":46,"tag":87,"props":3610,"children":3611},{"class":181},[3612],{"type":56,"value":222},{"type":46,"tag":87,"props":3614,"children":3615},{"class":100},[3616],{"type":56,"value":103},{"type":46,"tag":87,"props":3618,"children":3619},{"class":191},[3620],{"type":56,"value":231},{"type":46,"tag":87,"props":3622,"children":3623},{"class":106},[3624],{"type":56,"value":3625},"#imports",{"type":46,"tag":87,"props":3627,"children":3628},{"class":191},[3629],{"type":56,"value":231},{"type":46,"tag":52,"props":3631,"children":3632},{},[3633],{"type":56,"value":3634},"Checkout it's type definition for more available methods.",{"type":46,"tag":3272,"props":3636,"children":3637},{},[3638],{"type":56,"value":3639},".material-theme_material-theme-palenight_material-theme-lighter{color:#EEFFFF;background:#263238;}.dark .material-theme_material-theme-palenight_material-theme-lighter{color:#A6ACCD;background:#292D3E;}.light .material-theme_material-theme-palenight_material-theme-lighter{color:#90A4AE;background:#FAFAFA;}.ct-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}.ct-521921{color:#EEFFFF;}.dark .ct-521921{color:#A6ACCD;}.light .ct-521921{color:#90A4AE;}.ct-366012{color:#C792EA;}.light .ct-366012{color:#9C3EDA;}.ct-767688{color:#546E7A;font-style:italic;}.dark .ct-767688{color:#676E95;font-style:italic;}.light .ct-767688{color:#90A4AE;font-style:italic;}.ct-021512{color:#82AAFF;}.light .ct-021512{color:#6182B8;}.ct-083593{color:#C3E88D;}.light .ct-083593{color:#91B859;}.ct-398028{color:#89DDFF;font-style:italic;}.light .ct-398028{color:#39ADB5;font-style:italic;}",{"title":40,"searchDepth":244,"depth":244,"links":3641},[],"content:1.guide:2.composables.md","1.guide/2.composables.md",{"_path":26,"_dir":38,"_draft":39,"_partial":39,"_locale":40,"title":25,"description":3645,"body":3646,"_type":3286,"_id":5506,"_source":3288,"_file":5507,"_extension":3290},"Utility kit for easier DevTools integrations.",{"type":43,"children":3647,"toc":5494},[3648,3655,3665,3697,3759,3777,3785,3795,3805,4169,4178,4190,4199,4211,4647,4695,4704,4709,4911,4922,4930,4935,4940,5044,5063,5071,5089,5098,5120,5129,5134,5249,5258,5269,5489],{"type":46,"tag":47,"props":3649,"children":3650},{"type":49},[3651],{"type":46,"tag":52,"props":3652,"children":3653},{},[3654],{"type":56,"value":57},{"type":46,"tag":52,"props":3656,"children":3657},{},[3658,3660,3664],{"type":56,"value":3659},"Since v0.3.0, we are now providing a utility kit for easier DevTools integrations, similar to ",{"type":46,"tag":83,"props":3661,"children":3662},{},[3663],{"type":56,"value":2093},{"type":56,"value":589},{"type":46,"tag":76,"props":3666,"children":3668},{"className":78,"code":3667,"language":80,"meta":40},"npm i @nuxt/devtools-kit\n",[3669],{"type":46,"tag":83,"props":3670,"children":3671},{"__ignoreMap":40},[3672],{"type":46,"tag":87,"props":3673,"children":3674},{"class":89,"line":90},[3675,3680,3684,3689,3693],{"type":46,"tag":87,"props":3676,"children":3677},{"class":94},[3678],{"type":56,"value":3679},"npm",{"type":46,"tag":87,"props":3681,"children":3682},{"class":100},[3683],{"type":56,"value":103},{"type":46,"tag":87,"props":3685,"children":3686},{"class":106},[3687],{"type":56,"value":3688},"i",{"type":46,"tag":87,"props":3690,"children":3691},{"class":100},[3692],{"type":56,"value":103},{"type":46,"tag":87,"props":3694,"children":3695},{"class":106},[3696],{"type":56,"value":236},{"type":46,"tag":76,"props":3698,"children":3700},{"className":169,"code":3699,"language":171,"meta":40},"import { addCustomTab } from '@nuxt/devtools-kit'\n",[3701],{"type":46,"tag":83,"props":3702,"children":3703},{"__ignoreMap":40},[3704],{"type":46,"tag":87,"props":3705,"children":3706},{"class":89,"line":90},[3707,3711,3715,3719,3723,3727,3731,3735,3739,3743,3747,3751,3755],{"type":46,"tag":87,"props":3708,"children":3709},{"class":181},[3710],{"type":56,"value":184},{"type":46,"tag":87,"props":3712,"children":3713},{"class":100},[3714],{"type":56,"value":103},{"type":46,"tag":87,"props":3716,"children":3717},{"class":191},[3718],{"type":56,"value":194},{"type":46,"tag":87,"props":3720,"children":3721},{"class":197},[3722],{"type":56,"value":103},{"type":46,"tag":87,"props":3724,"children":3725},{"class":100},[3726],{"type":56,"value":204},{"type":46,"tag":87,"props":3728,"children":3729},{"class":197},[3730],{"type":56,"value":103},{"type":46,"tag":87,"props":3732,"children":3733},{"class":191},[3734],{"type":56,"value":213},{"type":46,"tag":87,"props":3736,"children":3737},{"class":100},[3738],{"type":56,"value":103},{"type":46,"tag":87,"props":3740,"children":3741},{"class":181},[3742],{"type":56,"value":222},{"type":46,"tag":87,"props":3744,"children":3745},{"class":100},[3746],{"type":56,"value":103},{"type":46,"tag":87,"props":3748,"children":3749},{"class":191},[3750],{"type":56,"value":231},{"type":46,"tag":87,"props":3752,"children":3753},{"class":106},[3754],{"type":56,"value":236},{"type":46,"tag":87,"props":3756,"children":3757},{"class":191},[3758],{"type":56,"value":231},{"type":46,"tag":52,"props":3760,"children":3761},{},[3762,3764,3768,3770,3775],{"type":56,"value":3763},"We recommend module authors to install ",{"type":46,"tag":83,"props":3765,"children":3766},{},[3767],{"type":56,"value":236},{"type":56,"value":3769}," as a dependency and ",{"type":46,"tag":83,"props":3771,"children":3772},{},[3773],{"type":56,"value":3774},"@nuxt/devtools",{"type":56,"value":3776}," as a dev dependency.",{"type":46,"tag":64,"props":3778,"children":3780},{"id":3779},"nuxtdevtools-kit",[3781],{"type":46,"tag":83,"props":3782,"children":3783},{},[3784],{"type":56,"value":236},{"type":46,"tag":3786,"props":3787,"children":3789},"h3",{"id":3788},"addcustomtab",[3790],{"type":46,"tag":83,"props":3791,"children":3792},{},[3793],{"type":56,"value":3794},"addCustomTab()",{"type":46,"tag":52,"props":3796,"children":3797},{},[3798,3800,3804],{"type":56,"value":3799},"A shorthand for calling the hook ",{"type":46,"tag":83,"props":3801,"children":3802},{},[3803],{"type":56,"value":607},{"type":56,"value":589},{"type":46,"tag":76,"props":3806,"children":3808},{"className":169,"code":3807,"language":171,"meta":40},"import { addCustomTab } from '@nuxt/devtools-kit'\n\naddCustomTab(() => ({\n  // unique identifier\n  name: 'my-module',\n  // title to display in the tab\n  title: 'My Module',\n  // any icon from Iconify, or a URL to an image\n  icon: 'carbon:apps',\n  // iframe view\n  view: {\n    type: 'iframe',\n    src: '/url-to-your-module-view',\n  },\n}))\n",[3809],{"type":46,"tag":83,"props":3810,"children":3811},{"__ignoreMap":40},[3812,3867,3873,3904,3915,3950,3961,3996,4007,4042,4053,4076,4111,4146,4157],{"type":46,"tag":87,"props":3813,"children":3814},{"class":89,"line":90},[3815,3819,3823,3827,3831,3835,3839,3843,3847,3851,3855,3859,3863],{"type":46,"tag":87,"props":3816,"children":3817},{"class":181},[3818],{"type":56,"value":184},{"type":46,"tag":87,"props":3820,"children":3821},{"class":100},[3822],{"type":56,"value":103},{"type":46,"tag":87,"props":3824,"children":3825},{"class":191},[3826],{"type":56,"value":194},{"type":46,"tag":87,"props":3828,"children":3829},{"class":197},[3830],{"type":56,"value":103},{"type":46,"tag":87,"props":3832,"children":3833},{"class":100},[3834],{"type":56,"value":204},{"type":46,"tag":87,"props":3836,"children":3837},{"class":197},[3838],{"type":56,"value":103},{"type":46,"tag":87,"props":3840,"children":3841},{"class":191},[3842],{"type":56,"value":213},{"type":46,"tag":87,"props":3844,"children":3845},{"class":100},[3846],{"type":56,"value":103},{"type":46,"tag":87,"props":3848,"children":3849},{"class":181},[3850],{"type":56,"value":222},{"type":46,"tag":87,"props":3852,"children":3853},{"class":100},[3854],{"type":56,"value":103},{"type":46,"tag":87,"props":3856,"children":3857},{"class":191},[3858],{"type":56,"value":231},{"type":46,"tag":87,"props":3860,"children":3861},{"class":106},[3862],{"type":56,"value":236},{"type":46,"tag":87,"props":3864,"children":3865},{"class":191},[3866],{"type":56,"value":241},{"type":46,"tag":87,"props":3868,"children":3869},{"class":89,"line":244},[3870],{"type":46,"tag":87,"props":3871,"children":3872},{},[],{"type":46,"tag":87,"props":3874,"children":3875},{"class":89,"line":251},[3876,3880,3884,3888,3892,3896,3900],{"type":46,"tag":87,"props":3877,"children":3878},{"class":255},[3879],{"type":56,"value":204},{"type":46,"tag":87,"props":3881,"children":3882},{"class":100},[3883],{"type":56,"value":262},{"type":46,"tag":87,"props":3885,"children":3886},{"class":191},[3887],{"type":56,"value":1113},{"type":46,"tag":87,"props":3889,"children":3890},{"class":100},[3891],{"type":56,"value":103},{"type":46,"tag":87,"props":3893,"children":3894},{"class":641},[3895],{"type":56,"value":644},{"type":46,"tag":87,"props":3897,"children":3898},{"class":100},[3899],{"type":56,"value":1643},{"type":46,"tag":87,"props":3901,"children":3902},{"class":191},[3903],{"type":56,"value":267},{"type":46,"tag":87,"props":3905,"children":3906},{"class":89,"line":270},[3907,3911],{"type":46,"tag":87,"props":3908,"children":3909},{"class":191},[3910],{"type":56,"value":276},{"type":46,"tag":87,"props":3912,"children":3913},{"class":279},[3914],{"type":56,"value":282},{"type":46,"tag":87,"props":3916,"children":3917},{"class":89,"line":285},[3918,3922,3926,3930,3934,3938,3942,3946],{"type":46,"tag":87,"props":3919,"children":3920},{"class":100},[3921],{"type":56,"value":276},{"type":46,"tag":87,"props":3923,"children":3924},{"class":197},[3925],{"type":56,"value":295},{"type":46,"tag":87,"props":3927,"children":3928},{"class":191},[3929],{"type":56,"value":300},{"type":46,"tag":87,"props":3931,"children":3932},{"class":100},[3933],{"type":56,"value":103},{"type":46,"tag":87,"props":3935,"children":3936},{"class":191},[3937],{"type":56,"value":231},{"type":46,"tag":87,"props":3939,"children":3940},{"class":106},[3941],{"type":56,"value":127},{"type":46,"tag":87,"props":3943,"children":3944},{"class":191},[3945],{"type":56,"value":231},{"type":46,"tag":87,"props":3947,"children":3948},{"class":191},[3949],{"type":56,"value":321},{"type":46,"tag":87,"props":3951,"children":3952},{"class":89,"line":324},[3953,3957],{"type":46,"tag":87,"props":3954,"children":3955},{"class":191},[3956],{"type":56,"value":276},{"type":46,"tag":87,"props":3958,"children":3959},{"class":279},[3960],{"type":56,"value":334},{"type":46,"tag":87,"props":3962,"children":3963},{"class":89,"line":337},[3964,3968,3972,3976,3980,3984,3988,3992],{"type":46,"tag":87,"props":3965,"children":3966},{"class":100},[3967],{"type":56,"value":276},{"type":46,"tag":87,"props":3969,"children":3970},{"class":197},[3971],{"type":56,"value":347},{"type":46,"tag":87,"props":3973,"children":3974},{"class":191},[3975],{"type":56,"value":300},{"type":46,"tag":87,"props":3977,"children":3978},{"class":100},[3979],{"type":56,"value":103},{"type":46,"tag":87,"props":3981,"children":3982},{"class":191},[3983],{"type":56,"value":231},{"type":46,"tag":87,"props":3985,"children":3986},{"class":106},[3987],{"type":56,"value":364},{"type":46,"tag":87,"props":3989,"children":3990},{"class":191},[3991],{"type":56,"value":231},{"type":46,"tag":87,"props":3993,"children":3994},{"class":191},[3995],{"type":56,"value":321},{"type":46,"tag":87,"props":3997,"children":3998},{"class":89,"line":375},[3999,4003],{"type":46,"tag":87,"props":4000,"children":4001},{"class":191},[4002],{"type":56,"value":276},{"type":46,"tag":87,"props":4004,"children":4005},{"class":279},[4006],{"type":56,"value":385},{"type":46,"tag":87,"props":4008,"children":4009},{"class":89,"line":388},[4010,4014,4018,4022,4026,4030,4034,4038],{"type":46,"tag":87,"props":4011,"children":4012},{"class":100},[4013],{"type":56,"value":276},{"type":46,"tag":87,"props":4015,"children":4016},{"class":197},[4017],{"type":56,"value":398},{"type":46,"tag":87,"props":4019,"children":4020},{"class":191},[4021],{"type":56,"value":300},{"type":46,"tag":87,"props":4023,"children":4024},{"class":100},[4025],{"type":56,"value":103},{"type":46,"tag":87,"props":4027,"children":4028},{"class":191},[4029],{"type":56,"value":231},{"type":46,"tag":87,"props":4031,"children":4032},{"class":106},[4033],{"type":56,"value":415},{"type":46,"tag":87,"props":4035,"children":4036},{"class":191},[4037],{"type":56,"value":231},{"type":46,"tag":87,"props":4039,"children":4040},{"class":191},[4041],{"type":56,"value":321},{"type":46,"tag":87,"props":4043,"children":4044},{"class":89,"line":426},[4045,4049],{"type":46,"tag":87,"props":4046,"children":4047},{"class":191},[4048],{"type":56,"value":276},{"type":46,"tag":87,"props":4050,"children":4051},{"class":279},[4052],{"type":56,"value":436},{"type":46,"tag":87,"props":4054,"children":4055},{"class":89,"line":439},[4056,4060,4064,4068,4072],{"type":46,"tag":87,"props":4057,"children":4058},{"class":100},[4059],{"type":56,"value":276},{"type":46,"tag":87,"props":4061,"children":4062},{"class":197},[4063],{"type":56,"value":449},{"type":46,"tag":87,"props":4065,"children":4066},{"class":191},[4067],{"type":56,"value":300},{"type":46,"tag":87,"props":4069,"children":4070},{"class":100},[4071],{"type":56,"value":103},{"type":46,"tag":87,"props":4073,"children":4074},{"class":191},[4075],{"type":56,"value":267},{"type":46,"tag":87,"props":4077,"children":4078},{"class":89,"line":464},[4079,4083,4087,4091,4095,4099,4103,4107],{"type":46,"tag":87,"props":4080,"children":4081},{"class":100},[4082],{"type":56,"value":470},{"type":46,"tag":87,"props":4084,"children":4085},{"class":197},[4086],{"type":56,"value":475},{"type":46,"tag":87,"props":4088,"children":4089},{"class":191},[4090],{"type":56,"value":300},{"type":46,"tag":87,"props":4092,"children":4093},{"class":100},[4094],{"type":56,"value":103},{"type":46,"tag":87,"props":4096,"children":4097},{"class":191},[4098],{"type":56,"value":231},{"type":46,"tag":87,"props":4100,"children":4101},{"class":106},[4102],{"type":56,"value":492},{"type":46,"tag":87,"props":4104,"children":4105},{"class":191},[4106],{"type":56,"value":231},{"type":46,"tag":87,"props":4108,"children":4109},{"class":191},[4110],{"type":56,"value":321},{"type":46,"tag":87,"props":4112,"children":4113},{"class":89,"line":503},[4114,4118,4122,4126,4130,4134,4138,4142],{"type":46,"tag":87,"props":4115,"children":4116},{"class":100},[4117],{"type":56,"value":470},{"type":46,"tag":87,"props":4119,"children":4120},{"class":197},[4121],{"type":56,"value":513},{"type":46,"tag":87,"props":4123,"children":4124},{"class":191},[4125],{"type":56,"value":300},{"type":46,"tag":87,"props":4127,"children":4128},{"class":100},[4129],{"type":56,"value":103},{"type":46,"tag":87,"props":4131,"children":4132},{"class":191},[4133],{"type":56,"value":231},{"type":46,"tag":87,"props":4135,"children":4136},{"class":106},[4137],{"type":56,"value":530},{"type":46,"tag":87,"props":4139,"children":4140},{"class":191},[4141],{"type":56,"value":231},{"type":46,"tag":87,"props":4143,"children":4144},{"class":191},[4145],{"type":56,"value":321},{"type":46,"tag":87,"props":4147,"children":4148},{"class":89,"line":541},[4149,4153],{"type":46,"tag":87,"props":4150,"children":4151},{"class":100},[4152],{"type":56,"value":276},{"type":46,"tag":87,"props":4154,"children":4155},{"class":191},[4156],{"type":56,"value":551},{"type":46,"tag":87,"props":4158,"children":4159},{"class":89,"line":554},[4160,4164],{"type":46,"tag":87,"props":4161,"children":4162},{"class":191},[4163],{"type":56,"value":213},{"type":46,"tag":87,"props":4165,"children":4166},{"class":100},[4167],{"type":56,"value":4168},"))",{"type":46,"tag":3786,"props":4170,"children":4172},{"id":4171},"refreshcustomtabs",[4173],{"type":46,"tag":83,"props":4174,"children":4175},{},[4176],{"type":56,"value":4177},"refreshCustomTabs()",{"type":46,"tag":52,"props":4179,"children":4180},{},[4181,4183,4188],{"type":56,"value":4182},"A shorthand for call hook ",{"type":46,"tag":83,"props":4184,"children":4185},{},[4186],{"type":56,"value":4187},"devtools:customTabs:refresh",{"type":56,"value":4189},". It will refresh all custom tabs.",{"type":46,"tag":3786,"props":4191,"children":4193},{"id":4192},"startsubprocess",[4194],{"type":46,"tag":83,"props":4195,"children":4196},{},[4197],{"type":56,"value":4198},"startSubprocess()",{"type":46,"tag":52,"props":4200,"children":4201},{},[4202,4204,4209],{"type":56,"value":4203},"Start a sub process using ",{"type":46,"tag":83,"props":4205,"children":4206},{},[4207],{"type":56,"value":4208},"execa",{"type":56,"value":4210}," and create a terminal tab in DevTools.",{"type":46,"tag":76,"props":4212,"children":4214},{"className":169,"code":4213,"language":171,"meta":40},"import { startSubprocess } from '@nuxt/devtools-kit'\n\nconst subprocess = startSubprocess(\n  {\n    command: 'code-server',\n    args: [\n      'serve-local',\n      '--accept-server-license-terms',\n      '--without-connection-token',\n      `--port=${port}`,\n    ],\n  },\n  {\n    id: 'devtools:vscode',\n    name: 'VS Code Server',\n    icon: 'logos-visual-studio-code',\n  },\n)\n",[4215],{"type":46,"tag":83,"props":4216,"children":4217},{"__ignoreMap":40},[4218,4274,4280,4309,4320,4357,4378,4402,4426,4450,4486,4498,4509,4520,4557,4593,4629,4640],{"type":46,"tag":87,"props":4219,"children":4220},{"class":89,"line":90},[4221,4225,4229,4233,4237,4242,4246,4250,4254,4258,4262,4266,4270],{"type":46,"tag":87,"props":4222,"children":4223},{"class":181},[4224],{"type":56,"value":184},{"type":46,"tag":87,"props":4226,"children":4227},{"class":100},[4228],{"type":56,"value":103},{"type":46,"tag":87,"props":4230,"children":4231},{"class":191},[4232],{"type":56,"value":194},{"type":46,"tag":87,"props":4234,"children":4235},{"class":197},[4236],{"type":56,"value":103},{"type":46,"tag":87,"props":4238,"children":4239},{"class":100},[4240],{"type":56,"value":4241},"startSubprocess",{"type":46,"tag":87,"props":4243,"children":4244},{"class":197},[4245],{"type":56,"value":103},{"type":46,"tag":87,"props":4247,"children":4248},{"class":191},[4249],{"type":56,"value":213},{"type":46,"tag":87,"props":4251,"children":4252},{"class":100},[4253],{"type":56,"value":103},{"type":46,"tag":87,"props":4255,"children":4256},{"class":181},[4257],{"type":56,"value":222},{"type":46,"tag":87,"props":4259,"children":4260},{"class":100},[4261],{"type":56,"value":103},{"type":46,"tag":87,"props":4263,"children":4264},{"class":191},[4265],{"type":56,"value":231},{"type":46,"tag":87,"props":4267,"children":4268},{"class":106},[4269],{"type":56,"value":236},{"type":46,"tag":87,"props":4271,"children":4272},{"class":191},[4273],{"type":56,"value":241},{"type":46,"tag":87,"props":4275,"children":4276},{"class":89,"line":244},[4277],{"type":46,"tag":87,"props":4278,"children":4279},{},[],{"type":46,"tag":87,"props":4281,"children":4282},{"class":89,"line":251},[4283,4287,4292,4296,4300,4304],{"type":46,"tag":87,"props":4284,"children":4285},{"class":641},[4286],{"type":56,"value":1008},{"type":46,"tag":87,"props":4288,"children":4289},{"class":100},[4290],{"type":56,"value":4291}," subprocess ",{"type":46,"tag":87,"props":4293,"children":4294},{"class":191},[4295],{"type":56,"value":990},{"type":46,"tag":87,"props":4297,"children":4298},{"class":100},[4299],{"type":56,"value":103},{"type":46,"tag":87,"props":4301,"children":4302},{"class":255},[4303],{"type":56,"value":4241},{"type":46,"tag":87,"props":4305,"children":4306},{"class":100},[4307],{"type":56,"value":4308},"(\n",{"type":46,"tag":87,"props":4310,"children":4311},{"class":89,"line":270},[4312,4316],{"type":46,"tag":87,"props":4313,"children":4314},{"class":100},[4315],{"type":56,"value":276},{"type":46,"tag":87,"props":4317,"children":4318},{"class":191},[4319],{"type":56,"value":267},{"type":46,"tag":87,"props":4321,"children":4322},{"class":89,"line":285},[4323,4327,4332,4336,4340,4344,4349,4353],{"type":46,"tag":87,"props":4324,"children":4325},{"class":100},[4326],{"type":56,"value":470},{"type":46,"tag":87,"props":4328,"children":4329},{"class":197},[4330],{"type":56,"value":4331},"command",{"type":46,"tag":87,"props":4333,"children":4334},{"class":191},[4335],{"type":56,"value":300},{"type":46,"tag":87,"props":4337,"children":4338},{"class":100},[4339],{"type":56,"value":103},{"type":46,"tag":87,"props":4341,"children":4342},{"class":191},[4343],{"type":56,"value":231},{"type":46,"tag":87,"props":4345,"children":4346},{"class":106},[4347],{"type":56,"value":4348},"code-server",{"type":46,"tag":87,"props":4350,"children":4351},{"class":191},[4352],{"type":56,"value":231},{"type":46,"tag":87,"props":4354,"children":4355},{"class":191},[4356],{"type":56,"value":321},{"type":46,"tag":87,"props":4358,"children":4359},{"class":89,"line":324},[4360,4364,4369,4373],{"type":46,"tag":87,"props":4361,"children":4362},{"class":100},[4363],{"type":56,"value":470},{"type":46,"tag":87,"props":4365,"children":4366},{"class":197},[4367],{"type":56,"value":4368},"args",{"type":46,"tag":87,"props":4370,"children":4371},{"class":191},[4372],{"type":56,"value":300},{"type":46,"tag":87,"props":4374,"children":4375},{"class":100},[4376],{"type":56,"value":4377}," [\n",{"type":46,"tag":87,"props":4379,"children":4380},{"class":89,"line":337},[4381,4385,4389,4394,4398],{"type":46,"tag":87,"props":4382,"children":4383},{"class":100},[4384],{"type":56,"value":1360},{"type":46,"tag":87,"props":4386,"children":4387},{"class":191},[4388],{"type":56,"value":231},{"type":46,"tag":87,"props":4390,"children":4391},{"class":106},[4392],{"type":56,"value":4393},"serve-local",{"type":46,"tag":87,"props":4395,"children":4396},{"class":191},[4397],{"type":56,"value":231},{"type":46,"tag":87,"props":4399,"children":4400},{"class":191},[4401],{"type":56,"value":321},{"type":46,"tag":87,"props":4403,"children":4404},{"class":89,"line":375},[4405,4409,4413,4418,4422],{"type":46,"tag":87,"props":4406,"children":4407},{"class":100},[4408],{"type":56,"value":1360},{"type":46,"tag":87,"props":4410,"children":4411},{"class":191},[4412],{"type":56,"value":231},{"type":46,"tag":87,"props":4414,"children":4415},{"class":106},[4416],{"type":56,"value":4417},"--accept-server-license-terms",{"type":46,"tag":87,"props":4419,"children":4420},{"class":191},[4421],{"type":56,"value":231},{"type":46,"tag":87,"props":4423,"children":4424},{"class":191},[4425],{"type":56,"value":321},{"type":46,"tag":87,"props":4427,"children":4428},{"class":89,"line":388},[4429,4433,4437,4442,4446],{"type":46,"tag":87,"props":4430,"children":4431},{"class":100},[4432],{"type":56,"value":1360},{"type":46,"tag":87,"props":4434,"children":4435},{"class":191},[4436],{"type":56,"value":231},{"type":46,"tag":87,"props":4438,"children":4439},{"class":106},[4440],{"type":56,"value":4441},"--without-connection-token",{"type":46,"tag":87,"props":4443,"children":4444},{"class":191},[4445],{"type":56,"value":231},{"type":46,"tag":87,"props":4447,"children":4448},{"class":191},[4449],{"type":56,"value":321},{"type":46,"tag":87,"props":4451,"children":4452},{"class":89,"line":426},[4453,4457,4462,4467,4472,4477,4482],{"type":46,"tag":87,"props":4454,"children":4455},{"class":100},[4456],{"type":56,"value":1360},{"type":46,"tag":87,"props":4458,"children":4459},{"class":191},[4460],{"type":56,"value":4461},"`",{"type":46,"tag":87,"props":4463,"children":4464},{"class":106},[4465],{"type":56,"value":4466},"--port=",{"type":46,"tag":87,"props":4468,"children":4469},{"class":191},[4470],{"type":56,"value":4471},"${",{"type":46,"tag":87,"props":4473,"children":4474},{"class":100},[4475],{"type":56,"value":4476},"port",{"type":46,"tag":87,"props":4478,"children":4479},{"class":191},[4480],{"type":56,"value":4481},"}`",{"type":46,"tag":87,"props":4483,"children":4484},{"class":191},[4485],{"type":56,"value":321},{"type":46,"tag":87,"props":4487,"children":4488},{"class":89,"line":439},[4489,4494],{"type":46,"tag":87,"props":4490,"children":4491},{"class":100},[4492],{"type":56,"value":4493},"    ]",{"type":46,"tag":87,"props":4495,"children":4496},{"class":191},[4497],{"type":56,"value":321},{"type":46,"tag":87,"props":4499,"children":4500},{"class":89,"line":464},[4501,4505],{"type":46,"tag":87,"props":4502,"children":4503},{"class":100},[4504],{"type":56,"value":276},{"type":46,"tag":87,"props":4506,"children":4507},{"class":191},[4508],{"type":56,"value":551},{"type":46,"tag":87,"props":4510,"children":4511},{"class":89,"line":503},[4512,4516],{"type":46,"tag":87,"props":4513,"children":4514},{"class":100},[4515],{"type":56,"value":276},{"type":46,"tag":87,"props":4517,"children":4518},{"class":191},[4519],{"type":56,"value":267},{"type":46,"tag":87,"props":4521,"children":4522},{"class":89,"line":541},[4523,4527,4532,4536,4540,4544,4549,4553],{"type":46,"tag":87,"props":4524,"children":4525},{"class":100},[4526],{"type":56,"value":470},{"type":46,"tag":87,"props":4528,"children":4529},{"class":197},[4530],{"type":56,"value":4531},"id",{"type":46,"tag":87,"props":4533,"children":4534},{"class":191},[4535],{"type":56,"value":300},{"type":46,"tag":87,"props":4537,"children":4538},{"class":100},[4539],{"type":56,"value":103},{"type":46,"tag":87,"props":4541,"children":4542},{"class":191},[4543],{"type":56,"value":231},{"type":46,"tag":87,"props":4545,"children":4546},{"class":106},[4547],{"type":56,"value":4548},"devtools:vscode",{"type":46,"tag":87,"props":4550,"children":4551},{"class":191},[4552],{"type":56,"value":231},{"type":46,"tag":87,"props":4554,"children":4555},{"class":191},[4556],{"type":56,"value":321},{"type":46,"tag":87,"props":4558,"children":4559},{"class":89,"line":554},[4560,4564,4568,4572,4576,4580,4585,4589],{"type":46,"tag":87,"props":4561,"children":4562},{"class":100},[4563],{"type":56,"value":470},{"type":46,"tag":87,"props":4565,"children":4566},{"class":197},[4567],{"type":56,"value":295},{"type":46,"tag":87,"props":4569,"children":4570},{"class":191},[4571],{"type":56,"value":300},{"type":46,"tag":87,"props":4573,"children":4574},{"class":100},[4575],{"type":56,"value":103},{"type":46,"tag":87,"props":4577,"children":4578},{"class":191},[4579],{"type":56,"value":231},{"type":46,"tag":87,"props":4581,"children":4582},{"class":106},[4583],{"type":56,"value":4584},"VS Code Server",{"type":46,"tag":87,"props":4586,"children":4587},{"class":191},[4588],{"type":56,"value":231},{"type":46,"tag":87,"props":4590,"children":4591},{"class":191},[4592],{"type":56,"value":321},{"type":46,"tag":87,"props":4594,"children":4595},{"class":89,"line":1408},[4596,4600,4604,4608,4612,4616,4621,4625],{"type":46,"tag":87,"props":4597,"children":4598},{"class":100},[4599],{"type":56,"value":470},{"type":46,"tag":87,"props":4601,"children":4602},{"class":197},[4603],{"type":56,"value":398},{"type":46,"tag":87,"props":4605,"children":4606},{"class":191},[4607],{"type":56,"value":300},{"type":46,"tag":87,"props":4609,"children":4610},{"class":100},[4611],{"type":56,"value":103},{"type":46,"tag":87,"props":4613,"children":4614},{"class":191},[4615],{"type":56,"value":231},{"type":46,"tag":87,"props":4617,"children":4618},{"class":106},[4619],{"type":56,"value":4620},"logos-visual-studio-code",{"type":46,"tag":87,"props":4622,"children":4623},{"class":191},[4624],{"type":56,"value":231},{"type":46,"tag":87,"props":4626,"children":4627},{"class":191},[4628],{"type":56,"value":321},{"type":46,"tag":87,"props":4630,"children":4631},{"class":89,"line":1441},[4632,4636],{"type":46,"tag":87,"props":4633,"children":4634},{"class":100},[4635],{"type":56,"value":276},{"type":46,"tag":87,"props":4637,"children":4638},{"class":191},[4639],{"type":56,"value":551},{"type":46,"tag":87,"props":4641,"children":4642},{"class":89,"line":1454},[4643],{"type":46,"tag":87,"props":4644,"children":4645},{"class":100},[4646],{"type":56,"value":564},{"type":46,"tag":76,"props":4648,"children":4650},{"className":169,"code":4649,"language":171,"meta":40},"subprocess.restart()\nsubprocess.terminate()\n",[4651],{"type":46,"tag":83,"props":4652,"children":4653},{"__ignoreMap":40},[4654,4675],{"type":46,"tag":87,"props":4655,"children":4656},{"class":89,"line":90},[4657,4662,4666,4671],{"type":46,"tag":87,"props":4658,"children":4659},{"class":100},[4660],{"type":56,"value":4661},"subprocess",{"type":46,"tag":87,"props":4663,"children":4664},{"class":191},[4665],{"type":56,"value":589},{"type":46,"tag":87,"props":4667,"children":4668},{"class":255},[4669],{"type":56,"value":4670},"restart",{"type":46,"tag":87,"props":4672,"children":4673},{"class":100},[4674],{"type":56,"value":1691},{"type":46,"tag":87,"props":4676,"children":4677},{"class":89,"line":244},[4678,4682,4686,4691],{"type":46,"tag":87,"props":4679,"children":4680},{"class":100},[4681],{"type":56,"value":4661},{"type":46,"tag":87,"props":4683,"children":4684},{"class":191},[4685],{"type":56,"value":589},{"type":46,"tag":87,"props":4687,"children":4688},{"class":255},[4689],{"type":56,"value":4690},"terminate",{"type":46,"tag":87,"props":4692,"children":4693},{"class":100},[4694],{"type":56,"value":1113},{"type":46,"tag":3786,"props":4696,"children":4698},{"id":4697},"extendserverrpc",[4699],{"type":46,"tag":83,"props":4700,"children":4701},{},[4702],{"type":56,"value":4703},"extendServerRpc()",{"type":46,"tag":52,"props":4705,"children":4706},{},[4707],{"type":56,"value":4708},"Extend the server RPC with your own methods.",{"type":46,"tag":76,"props":4710,"children":4712},{"className":169,"code":4711,"language":171,"meta":40},"import { extendServerRpc } from '@nuxt/devtools-kit'\n\nconst rpc = extendServerRpc('my-module', {\n  async myMethod() {\n    return 'hello'\n  },\n})\n",[4713],{"type":46,"tag":83,"props":4714,"children":4715},{"__ignoreMap":40},[4716,4771,4777,4829,4861,4889,4900],{"type":46,"tag":87,"props":4717,"children":4718},{"class":89,"line":90},[4719,4723,4727,4731,4735,4739,4743,4747,4751,4755,4759,4763,4767],{"type":46,"tag":87,"props":4720,"children":4721},{"class":181},[4722],{"type":56,"value":184},{"type":46,"tag":87,"props":4724,"children":4725},{"class":100},[4726],{"type":56,"value":103},{"type":46,"tag":87,"props":4728,"children":4729},{"class":191},[4730],{"type":56,"value":194},{"type":46,"tag":87,"props":4732,"children":4733},{"class":197},[4734],{"type":56,"value":103},{"type":46,"tag":87,"props":4736,"children":4737},{"class":100},[4738],{"type":56,"value":2121},{"type":46,"tag":87,"props":4740,"children":4741},{"class":197},[4742],{"type":56,"value":103},{"type":46,"tag":87,"props":4744,"children":4745},{"class":191},[4746],{"type":56,"value":213},{"type":46,"tag":87,"props":4748,"children":4749},{"class":100},[4750],{"type":56,"value":103},{"type":46,"tag":87,"props":4752,"children":4753},{"class":181},[4754],{"type":56,"value":222},{"type":46,"tag":87,"props":4756,"children":4757},{"class":100},[4758],{"type":56,"value":103},{"type":46,"tag":87,"props":4760,"children":4761},{"class":191},[4762],{"type":56,"value":231},{"type":46,"tag":87,"props":4764,"children":4765},{"class":106},[4766],{"type":56,"value":236},{"type":46,"tag":87,"props":4768,"children":4769},{"class":191},[4770],{"type":56,"value":241},{"type":46,"tag":87,"props":4772,"children":4773},{"class":89,"line":244},[4774],{"type":46,"tag":87,"props":4775,"children":4776},{},[],{"type":46,"tag":87,"props":4778,"children":4779},{"class":89,"line":251},[4780,4784,4789,4793,4797,4801,4805,4809,4813,4817,4821,4825],{"type":46,"tag":87,"props":4781,"children":4782},{"class":641},[4783],{"type":56,"value":1008},{"type":46,"tag":87,"props":4785,"children":4786},{"class":100},[4787],{"type":56,"value":4788}," rpc ",{"type":46,"tag":87,"props":4790,"children":4791},{"class":191},[4792],{"type":56,"value":990},{"type":46,"tag":87,"props":4794,"children":4795},{"class":100},[4796],{"type":56,"value":103},{"type":46,"tag":87,"props":4798,"children":4799},{"class":255},[4800],{"type":56,"value":2121},{"type":46,"tag":87,"props":4802,"children":4803},{"class":100},[4804],{"type":56,"value":262},{"type":46,"tag":87,"props":4806,"children":4807},{"class":191},[4808],{"type":56,"value":231},{"type":46,"tag":87,"props":4810,"children":4811},{"class":106},[4812],{"type":56,"value":127},{"type":46,"tag":87,"props":4814,"children":4815},{"class":191},[4816],{"type":56,"value":231},{"type":46,"tag":87,"props":4818,"children":4819},{"class":191},[4820],{"type":56,"value":616},{"type":46,"tag":87,"props":4822,"children":4823},{"class":100},[4824],{"type":56,"value":103},{"type":46,"tag":87,"props":4826,"children":4827},{"class":191},[4828],{"type":56,"value":267},{"type":46,"tag":87,"props":4830,"children":4831},{"class":89,"line":270},[4832,4836,4840,4844,4849,4853,4857],{"type":46,"tag":87,"props":4833,"children":4834},{"class":100},[4835],{"type":56,"value":276},{"type":46,"tag":87,"props":4837,"children":4838},{"class":641},[4839],{"type":56,"value":1090},{"type":46,"tag":87,"props":4841,"children":4842},{"class":100},[4843],{"type":56,"value":103},{"type":46,"tag":87,"props":4845,"children":4846},{"class":197},[4847],{"type":56,"value":4848},"myMethod",{"type":46,"tag":87,"props":4850,"children":4851},{"class":191},[4852],{"type":56,"value":1113},{"type":46,"tag":87,"props":4854,"children":4855},{"class":100},[4856],{"type":56,"value":103},{"type":46,"tag":87,"props":4858,"children":4859},{"class":191},[4860],{"type":56,"value":267},{"type":46,"tag":87,"props":4862,"children":4863},{"class":89,"line":285},[4864,4868,4872,4876,4880,4885],{"type":46,"tag":87,"props":4865,"children":4866},{"class":197},[4867],{"type":56,"value":470},{"type":46,"tag":87,"props":4869,"children":4870},{"class":181},[4871],{"type":56,"value":2544},{"type":46,"tag":87,"props":4873,"children":4874},{"class":197},[4875],{"type":56,"value":103},{"type":46,"tag":87,"props":4877,"children":4878},{"class":191},[4879],{"type":56,"value":231},{"type":46,"tag":87,"props":4881,"children":4882},{"class":106},[4883],{"type":56,"value":4884},"hello",{"type":46,"tag":87,"props":4886,"children":4887},{"class":191},[4888],{"type":56,"value":241},{"type":46,"tag":87,"props":4890,"children":4891},{"class":89,"line":324},[4892,4896],{"type":46,"tag":87,"props":4893,"children":4894},{"class":197},[4895],{"type":56,"value":276},{"type":46,"tag":87,"props":4897,"children":4898},{"class":191},[4899],{"type":56,"value":551},{"type":46,"tag":87,"props":4901,"children":4902},{"class":89,"line":337},[4903,4907],{"type":46,"tag":87,"props":4904,"children":4905},{"class":191},[4906],{"type":56,"value":213},{"type":46,"tag":87,"props":4908,"children":4909},{"class":100},[4910],{"type":56,"value":564},{"type":46,"tag":52,"props":4912,"children":4913},{},[4914,4915,4921],{"type":56,"value":947},{"type":46,"tag":949,"props":4916,"children":4918},{"href":4917},"/module/guide#custom-rpc-functions",[4919],{"type":56,"value":4920},"Custom RPC functions",{"type":56,"value":589},{"type":46,"tag":64,"props":4923,"children":4925},{"id":4924},"nuxtdevtools-kitiframe-client",[4926],{"type":46,"tag":83,"props":4927,"children":4928},{},[4929],{"type":56,"value":2768},{"type":46,"tag":52,"props":4931,"children":4932},{},[4933],{"type":56,"value":4934},"To provide complex interactions for your module integrations, we recommend to host your own view and display it in devtools via iframe.",{"type":46,"tag":52,"props":4936,"children":4937},{},[4938],{"type":56,"value":4939},"To get the infomation from the devtools and the client app, you can do this in your client app:",{"type":46,"tag":76,"props":4941,"children":4943},{"className":169,"code":4942,"language":171,"meta":40},"import { useDevtoolsClient } from '@nuxt/devtools-kit/iframe-client'\n\nexport const devtoolsClient = useDevtoolsClient()\n",[4944],{"type":46,"tag":83,"props":4945,"children":4946},{"__ignoreMap":40},[4947,5003,5009],{"type":46,"tag":87,"props":4948,"children":4949},{"class":89,"line":90},[4950,4954,4958,4962,4966,4971,4975,4979,4983,4987,4991,4995,4999],{"type":46,"tag":87,"props":4951,"children":4952},{"class":181},[4953],{"type":56,"value":184},{"type":46,"tag":87,"props":4955,"children":4956},{"class":100},[4957],{"type":56,"value":103},{"type":46,"tag":87,"props":4959,"children":4960},{"class":191},[4961],{"type":56,"value":194},{"type":46,"tag":87,"props":4963,"children":4964},{"class":197},[4965],{"type":56,"value":103},{"type":46,"tag":87,"props":4967,"children":4968},{"class":100},[4969],{"type":56,"value":4970},"useDevtoolsClient",{"type":46,"tag":87,"props":4972,"children":4973},{"class":197},[4974],{"type":56,"value":103},{"type":46,"tag":87,"props":4976,"children":4977},{"class":191},[4978],{"type":56,"value":213},{"type":46,"tag":87,"props":4980,"children":4981},{"class":100},[4982],{"type":56,"value":103},{"type":46,"tag":87,"props":4984,"children":4985},{"class":181},[4986],{"type":56,"value":222},{"type":46,"tag":87,"props":4988,"children":4989},{"class":100},[4990],{"type":56,"value":103},{"type":46,"tag":87,"props":4992,"children":4993},{"class":191},[4994],{"type":56,"value":231},{"type":46,"tag":87,"props":4996,"children":4997},{"class":106},[4998],{"type":56,"value":2768},{"type":46,"tag":87,"props":5000,"children":5001},{"class":191},[5002],{"type":56,"value":241},{"type":46,"tag":87,"props":5004,"children":5005},{"class":89,"line":244},[5006],{"type":46,"tag":87,"props":5007,"children":5008},{},[],{"type":46,"tag":87,"props":5010,"children":5011},{"class":89,"line":251},[5012,5016,5020,5024,5028,5032,5036,5040],{"type":46,"tag":87,"props":5013,"children":5014},{"class":181},[5015],{"type":56,"value":1876},{"type":46,"tag":87,"props":5017,"children":5018},{"class":100},[5019],{"type":56,"value":103},{"type":46,"tag":87,"props":5021,"children":5022},{"class":641},[5023],{"type":56,"value":1008},{"type":46,"tag":87,"props":5025,"children":5026},{"class":100},[5027],{"type":56,"value":3362},{"type":46,"tag":87,"props":5029,"children":5030},{"class":191},[5031],{"type":56,"value":990},{"type":46,"tag":87,"props":5033,"children":5034},{"class":100},[5035],{"type":56,"value":103},{"type":46,"tag":87,"props":5037,"children":5038},{"class":255},[5039],{"type":56,"value":4970},{"type":46,"tag":87,"props":5041,"children":5042},{"class":100},[5043],{"type":56,"value":1113},{"type":46,"tag":52,"props":5045,"children":5046},{},[5047,5049,5054,5056,5061],{"type":56,"value":5048},"When the iframe been served with the same origin (CORS limitation), devtools will automatically inject ",{"type":46,"tag":83,"props":5050,"children":5051},{},[5052],{"type":56,"value":5053},"__NUXT_DEVTOOLS__",{"type":56,"value":5055}," to the iframe's window object. You can access it as a ref using ",{"type":46,"tag":83,"props":5057,"children":5058},{},[5059],{"type":56,"value":5060},"useDevtoolsClient()",{"type":56,"value":5062}," utility.",{"type":46,"tag":3786,"props":5064,"children":5066},{"id":5065},"usedevtoolsclient",[5067],{"type":46,"tag":83,"props":5068,"children":5069},{},[5070],{"type":56,"value":5060},{"type":46,"tag":52,"props":5072,"children":5073},{},[5074,5076,5081,5083,5087],{"type":56,"value":5075},"It will return a ref of ",{"type":46,"tag":83,"props":5077,"children":5078},{},[5079],{"type":56,"value":5080},"NuxtDevtoolsIframeClient",{"type":56,"value":5082}," object that are intially ",{"type":46,"tag":83,"props":5084,"children":5085},{},[5086],{"type":56,"value":1059},{"type":56,"value":5088}," and will be updated when the connection is ready.",{"type":46,"tag":52,"props":5090,"children":5091},{},[5092,5096],{"type":46,"tag":83,"props":5093,"children":5094},{},[5095],{"type":56,"value":5080},{"type":56,"value":5097}," contains two properties:",{"type":46,"tag":3216,"props":5099,"children":5100},{},[5101,5111],{"type":46,"tag":3220,"props":5102,"children":5103},{},[5104,5109],{"type":46,"tag":83,"props":5105,"children":5106},{},[5107],{"type":56,"value":5108},"host",{"type":56,"value":5110},": APIs to communicate with the client app",{"type":46,"tag":3220,"props":5112,"children":5113},{},[5114,5118],{"type":46,"tag":83,"props":5115,"children":5116},{},[5117],{"type":56,"value":2982},{"type":56,"value":5119},": APIs to communicate with the devtools",{"type":46,"tag":52,"props":5121,"children":5122},{},[5123,5127],{"type":46,"tag":83,"props":5124,"children":5125},{},[5126],{"type":56,"value":5108},{"type":56,"value":5128}," can be undefined when devtools are accessed standalone or from a different origin.",{"type":46,"tag":52,"props":5130,"children":5131},{},[5132],{"type":56,"value":5133},"For example, you can get the router instance from the client app:",{"type":46,"tag":76,"props":5135,"children":5137},{"className":169,"code":5136,"language":171,"meta":40},"const router = computed(() => devtoolsClient.value?.host?.nuxt.vueApp.config.globalProperties?.$router)\n",[5138],{"type":46,"tag":83,"props":5139,"children":5140},{"__ignoreMap":40},[5141],{"type":46,"tag":87,"props":5142,"children":5143},{"class":89,"line":90},[5144,5148,5153,5157,5161,5166,5170,5174,5178,5182,5187,5191,5196,5201,5205,5209,5213,5217,5222,5226,5231,5235,5240,5244],{"type":46,"tag":87,"props":5145,"children":5146},{"class":641},[5147],{"type":56,"value":1008},{"type":46,"tag":87,"props":5149,"children":5150},{"class":100},[5151],{"type":56,"value":5152}," router ",{"type":46,"tag":87,"props":5154,"children":5155},{"class":191},[5156],{"type":56,"value":990},{"type":46,"tag":87,"props":5158,"children":5159},{"class":100},[5160],{"type":56,"value":103},{"type":46,"tag":87,"props":5162,"children":5163},{"class":255},[5164],{"type":56,"value":5165},"computed",{"type":46,"tag":87,"props":5167,"children":5168},{"class":100},[5169],{"type":56,"value":262},{"type":46,"tag":87,"props":5171,"children":5172},{"class":191},[5173],{"type":56,"value":1113},{"type":46,"tag":87,"props":5175,"children":5176},{"class":100},[5177],{"type":56,"value":103},{"type":46,"tag":87,"props":5179,"children":5180},{"class":641},[5181],{"type":56,"value":644},{"type":46,"tag":87,"props":5183,"children":5184},{"class":100},[5185],{"type":56,"value":5186}," devtoolsClient",{"type":46,"tag":87,"props":5188,"children":5189},{"class":191},[5190],{"type":56,"value":589},{"type":46,"tag":87,"props":5192,"children":5193},{"class":100},[5194],{"type":56,"value":5195},"value",{"type":46,"tag":87,"props":5197,"children":5198},{"class":191},[5199],{"type":56,"value":5200},"?.",{"type":46,"tag":87,"props":5202,"children":5203},{"class":100},[5204],{"type":56,"value":5108},{"type":46,"tag":87,"props":5206,"children":5207},{"class":191},[5208],{"type":56,"value":5200},{"type":46,"tag":87,"props":5210,"children":5211},{"class":100},[5212],{"type":56,"value":584},{"type":46,"tag":87,"props":5214,"children":5215},{"class":191},[5216],{"type":56,"value":589},{"type":46,"tag":87,"props":5218,"children":5219},{"class":100},[5220],{"type":56,"value":5221},"vueApp",{"type":46,"tag":87,"props":5223,"children":5224},{"class":191},[5225],{"type":56,"value":589},{"type":46,"tag":87,"props":5227,"children":5228},{"class":100},[5229],{"type":56,"value":5230},"config",{"type":46,"tag":87,"props":5232,"children":5233},{"class":191},[5234],{"type":56,"value":589},{"type":46,"tag":87,"props":5236,"children":5237},{"class":100},[5238],{"type":56,"value":5239},"globalProperties",{"type":46,"tag":87,"props":5241,"children":5242},{"class":191},[5243],{"type":56,"value":5200},{"type":46,"tag":87,"props":5245,"children":5246},{"class":100},[5247],{"type":56,"value":5248},"$router)",{"type":46,"tag":3786,"props":5250,"children":5252},{"id":5251},"ondevtoolsclientconnected",[5253],{"type":46,"tag":83,"props":5254,"children":5255},{},[5256],{"type":56,"value":5257},"onDevtoolsClientConnected()",{"type":46,"tag":52,"props":5259,"children":5260},{},[5261,5263,5267],{"type":56,"value":5262},"Similiar to ",{"type":46,"tag":83,"props":5264,"children":5265},{},[5266],{"type":56,"value":5060},{"type":56,"value":5268}," but as a callback style:",{"type":46,"tag":76,"props":5270,"children":5272},{"className":169,"code":5271,"language":171,"meta":40},"import { onDevtoolsClientConnected } from '@nuxt/devtools-kit/iframe-client'\n\nonDevtoolsClientConnected(async (client) => {\n  // client is NuxtDevtoolsIframeClient\n\n  const config = client.devtools.rpc.getServerConfig()\n  // ...\n})\n",[5273],{"type":46,"tag":83,"props":5274,"children":5275},{"__ignoreMap":40},[5276,5331,5337,5384,5396,5402,5466,5478],{"type":46,"tag":87,"props":5277,"children":5278},{"class":89,"line":90},[5279,5283,5287,5291,5295,5299,5303,5307,5311,5315,5319,5323,5327],{"type":46,"tag":87,"props":5280,"children":5281},{"class":181},[5282],{"type":56,"value":184},{"type":46,"tag":87,"props":5284,"children":5285},{"class":100},[5286],{"type":56,"value":103},{"type":46,"tag":87,"props":5288,"children":5289},{"class":191},[5290],{"type":56,"value":194},{"type":46,"tag":87,"props":5292,"children":5293},{"class":197},[5294],{"type":56,"value":103},{"type":46,"tag":87,"props":5296,"children":5297},{"class":100},[5298],{"type":56,"value":2739},{"type":46,"tag":87,"props":5300,"children":5301},{"class":197},[5302],{"type":56,"value":103},{"type":46,"tag":87,"props":5304,"children":5305},{"class":191},[5306],{"type":56,"value":213},{"type":46,"tag":87,"props":5308,"children":5309},{"class":100},[5310],{"type":56,"value":103},{"type":46,"tag":87,"props":5312,"children":5313},{"class":181},[5314],{"type":56,"value":222},{"type":46,"tag":87,"props":5316,"children":5317},{"class":100},[5318],{"type":56,"value":103},{"type":46,"tag":87,"props":5320,"children":5321},{"class":191},[5322],{"type":56,"value":231},{"type":46,"tag":87,"props":5324,"children":5325},{"class":106},[5326],{"type":56,"value":2768},{"type":46,"tag":87,"props":5328,"children":5329},{"class":191},[5330],{"type":56,"value":241},{"type":46,"tag":87,"props":5332,"children":5333},{"class":89,"line":244},[5334],{"type":46,"tag":87,"props":5335,"children":5336},{},[],{"type":46,"tag":87,"props":5338,"children":5339},{"class":89,"line":251},[5340,5344,5348,5352,5356,5360,5364,5368,5372,5376,5380],{"type":46,"tag":87,"props":5341,"children":5342},{"class":255},[5343],{"type":56,"value":2739},{"type":46,"tag":87,"props":5345,"children":5346},{"class":100},[5347],{"type":56,"value":262},{"type":46,"tag":87,"props":5349,"children":5350},{"class":641},[5351],{"type":56,"value":1090},{"type":46,"tag":87,"props":5353,"children":5354},{"class":100},[5355],{"type":56,"value":103},{"type":46,"tag":87,"props":5357,"children":5358},{"class":191},[5359],{"type":56,"value":262},{"type":46,"tag":87,"props":5361,"children":5362},{"class":627},[5363],{"type":56,"value":2918},{"type":46,"tag":87,"props":5365,"children":5366},{"class":191},[5367],{"type":56,"value":564},{"type":46,"tag":87,"props":5369,"children":5370},{"class":100},[5371],{"type":56,"value":103},{"type":46,"tag":87,"props":5373,"children":5374},{"class":641},[5375],{"type":56,"value":644},{"type":46,"tag":87,"props":5377,"children":5378},{"class":100},[5379],{"type":56,"value":103},{"type":46,"tag":87,"props":5381,"children":5382},{"class":191},[5383],{"type":56,"value":267},{"type":46,"tag":87,"props":5385,"children":5386},{"class":89,"line":270},[5387,5391],{"type":46,"tag":87,"props":5388,"children":5389},{"class":191},[5390],{"type":56,"value":276},{"type":46,"tag":87,"props":5392,"children":5393},{"class":279},[5394],{"type":56,"value":5395},"// client is NuxtDevtoolsIframeClient\n",{"type":46,"tag":87,"props":5397,"children":5398},{"class":89,"line":285},[5399],{"type":46,"tag":87,"props":5400,"children":5401},{},[],{"type":46,"tag":87,"props":5403,"children":5404},{"class":89,"line":324},[5405,5409,5413,5417,5421,5425,5429,5433,5437,5441,5445,5449,5453,5457,5462],{"type":46,"tag":87,"props":5406,"children":5407},{"class":197},[5408],{"type":56,"value":276},{"type":46,"tag":87,"props":5410,"children":5411},{"class":641},[5412],{"type":56,"value":1008},{"type":46,"tag":87,"props":5414,"children":5415},{"class":197},[5416],{"type":56,"value":103},{"type":46,"tag":87,"props":5418,"children":5419},{"class":100},[5420],{"type":56,"value":5230},{"type":46,"tag":87,"props":5422,"children":5423},{"class":197},[5424],{"type":56,"value":103},{"type":46,"tag":87,"props":5426,"children":5427},{"class":191},[5428],{"type":56,"value":990},{"type":46,"tag":87,"props":5430,"children":5431},{"class":197},[5432],{"type":56,"value":103},{"type":46,"tag":87,"props":5434,"children":5435},{"class":100},[5436],{"type":56,"value":2918},{"type":46,"tag":87,"props":5438,"children":5439},{"class":191},[5440],{"type":56,"value":589},{"type":46,"tag":87,"props":5442,"children":5443},{"class":100},[5444],{"type":56,"value":2982},{"type":46,"tag":87,"props":5446,"children":5447},{"class":191},[5448],{"type":56,"value":589},{"type":46,"tag":87,"props":5450,"children":5451},{"class":100},[5452],{"type":56,"value":2439},{"type":46,"tag":87,"props":5454,"children":5455},{"class":191},[5456],{"type":56,"value":589},{"type":46,"tag":87,"props":5458,"children":5459},{"class":255},[5460],{"type":56,"value":5461},"getServerConfig",{"type":46,"tag":87,"props":5463,"children":5464},{"class":197},[5465],{"type":56,"value":1691},{"type":46,"tag":87,"props":5467,"children":5468},{"class":89,"line":337},[5469,5473],{"type":46,"tag":87,"props":5470,"children":5471},{"class":191},[5472],{"type":56,"value":276},{"type":46,"tag":87,"props":5474,"children":5475},{"class":279},[5476],{"type":56,"value":5477},"// ...\n",{"type":46,"tag":87,"props":5479,"children":5480},{"class":89,"line":375},[5481,5485],{"type":46,"tag":87,"props":5482,"children":5483},{"class":191},[5484],{"type":56,"value":213},{"type":46,"tag":87,"props":5486,"children":5487},{"class":100},[5488],{"type":56,"value":564},{"type":46,"tag":3272,"props":5490,"children":5491},{},[5492],{"type":56,"value":5493},".material-theme_material-theme-palenight_material-theme-lighter{color:#EEFFFF;background:#263238;}.dark .material-theme_material-theme-palenight_material-theme-lighter{color:#A6ACCD;background:#292D3E;}.light .material-theme_material-theme-palenight_material-theme-lighter{color:#90A4AE;background:#FAFAFA;}.ct-902167{color:#FFCB6B;}.light .ct-902167{color:#E2931D;}.ct-521921{color:#EEFFFF;}.dark .ct-521921{color:#A6ACCD;}.light .ct-521921{color:#90A4AE;}.ct-083593{color:#C3E88D;}.light .ct-083593{color:#91B859;}.ct-398028{color:#89DDFF;font-style:italic;}.light .ct-398028{color:#39ADB5;font-style:italic;}.ct-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}.ct-021512{color:#82AAFF;}.light .ct-021512{color:#6182B8;}.ct-366012{color:#C792EA;}.light .ct-366012{color:#9C3EDA;}.ct-767688{color:#546E7A;font-style:italic;}.dark .ct-767688{color:#676E95;font-style:italic;}.light .ct-767688{color:#90A4AE;font-style:italic;}.ct-377156{color:#EEFFFF;font-style:italic;}.dark .ct-377156{color:#A6ACCD;font-style:italic;}.light .ct-377156{color:#90A4AE;font-style:italic;}",{"title":40,"searchDepth":244,"depth":244,"links":5495},[5496,5502],{"id":3779,"depth":244,"text":236,"children":5497},[5498,5499,5500,5501],{"id":3788,"depth":251,"text":3794},{"id":4171,"depth":251,"text":4177},{"id":4192,"depth":251,"text":4198},{"id":4697,"depth":251,"text":4703},{"id":4924,"depth":244,"text":2768,"children":5503},[5504,5505],{"id":5065,"depth":251,"text":5060},{"id":5251,"depth":251,"text":5257},"content:2.module:1.utils-kit.md","2.module/1.utils-kit.md",1695783414158]