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