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