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