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