[{"data":1,"prerenderedAt":3335},["Reactive",2],{"navigation":3,"docs-/module/ui-kit":37,"docs-/module/ui-kit-surround":1079},[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":29,"_dir":38,"_draft":39,"_partial":39,"_locale":40,"title":28,"description":41,"body":42,"_type":1075,"_id":1076,"_source":1077,"_file":1078,"_extension":391},"module",false,"","UI Kit is for module authors to build a custom view.",{"type":43,"children":44,"toc":1067},"root",[45,65,84,91,104,111,154,273,279,308,320,375,413,460,465,512,517,668,682,688,701,707,720,725,1048,1061],{"type":46,"tag":47,"props":48,"children":49},"element","callout",{},[50],{"type":46,"tag":51,"props":52,"children":53},"p",{},[54,57,63],{"type":55,"value":56},"text","We suggest you to read the ",{"type":46,"tag":58,"props":59,"children":60},"a",{"href":23},[61],{"type":55,"value":62},"Module Authors Guide",{"type":55,"value":64}," first.",{"type":46,"tag":51,"props":66,"children":67},{},[68,70,82],{"type":55,"value":69},"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":58,"props":71,"children":75},{"href":72,"rel":73},"https://github.com/nuxt/devtools/tree/main/packages/devtools-ui-kit",[74],"nofollow",[76],{"type":46,"tag":77,"props":78,"children":79},"code",{},[80],{"type":55,"value":81},"packages/devtools-ui-kit",{"type":55,"value":83},".",{"type":46,"tag":85,"props":86,"children":88},"h2",{"id":87},"installation",[89],{"type":55,"value":90},"Installation",{"type":46,"tag":51,"props":92,"children":93},{},[94,96,102],{"type":55,"value":95},"We recommend to use the ",{"type":46,"tag":58,"props":97,"children":99},{"href":98},"/module/guide#starter-template",[100],{"type":55,"value":101},"Starter Template",{"type":55,"value":103}," for authoring a DevTools integration for your module, which has the set up built in and ready to use.",{"type":46,"tag":105,"props":106,"children":108},"h3",{"id":107},"manual-install",[109],{"type":55,"value":110},"Manual Install",{"type":46,"tag":112,"props":113,"children":117},"pre",{"className":114,"code":115,"language":116,"meta":40},"language-bash material-theme_material-theme-palenight_material-theme-lighter","npm i @nuxt/devtools-ui-kit\n","bash",[118],{"type":46,"tag":77,"props":119,"children":120},{"__ignoreMap":40},[121],{"type":46,"tag":122,"props":123,"children":126},"span",{"class":124,"line":125},"line",1,[127,133,139,145,149],{"type":46,"tag":122,"props":128,"children":130},{"class":129},"ct-902167",[131],{"type":55,"value":132},"npm",{"type":46,"tag":122,"props":134,"children":136},{"class":135},"ct-521921",[137],{"type":55,"value":138}," ",{"type":46,"tag":122,"props":140,"children":142},{"class":141},"ct-083593",[143],{"type":55,"value":144},"i",{"type":46,"tag":122,"props":146,"children":147},{"class":135},[148],{"type":55,"value":138},{"type":46,"tag":122,"props":150,"children":151},{"class":141},[152],{"type":55,"value":153},"@nuxt/devtools-ui-kit",{"type":46,"tag":112,"props":155,"children":159},{"className":156,"code":157,"language":158,"meta":40},"language-ts material-theme_material-theme-palenight_material-theme-lighter","export default defineNuxtConfig({\n  modules: [\n    '@nuxt/devtools-ui-kit'\n  ]\n})\n","ts",[160],{"type":46,"tag":77,"props":161,"children":162},{"__ignoreMap":40},[163,202,227,250,259],{"type":46,"tag":122,"props":164,"children":165},{"class":124,"line":125},[166,172,176,181,185,191,196],{"type":46,"tag":122,"props":167,"children":169},{"class":168},"ct-398028",[170],{"type":55,"value":171},"export",{"type":46,"tag":122,"props":173,"children":174},{"class":135},[175],{"type":55,"value":138},{"type":46,"tag":122,"props":177,"children":178},{"class":168},[179],{"type":55,"value":180},"default",{"type":46,"tag":122,"props":182,"children":183},{"class":135},[184],{"type":55,"value":138},{"type":46,"tag":122,"props":186,"children":188},{"class":187},"ct-021512",[189],{"type":55,"value":190},"defineNuxtConfig",{"type":46,"tag":122,"props":192,"children":193},{"class":135},[194],{"type":55,"value":195},"(",{"type":46,"tag":122,"props":197,"children":199},{"class":198},"ct-542793",[200],{"type":55,"value":201},"{\n",{"type":46,"tag":122,"props":203,"children":205},{"class":124,"line":204},2,[206,211,217,222],{"type":46,"tag":122,"props":207,"children":208},{"class":135},[209],{"type":55,"value":210},"  ",{"type":46,"tag":122,"props":212,"children":214},{"class":213},"ct-821147",[215],{"type":55,"value":216},"modules",{"type":46,"tag":122,"props":218,"children":219},{"class":198},[220],{"type":55,"value":221},":",{"type":46,"tag":122,"props":223,"children":224},{"class":135},[225],{"type":55,"value":226}," [\n",{"type":46,"tag":122,"props":228,"children":230},{"class":124,"line":229},3,[231,236,241,245],{"type":46,"tag":122,"props":232,"children":233},{"class":135},[234],{"type":55,"value":235},"    ",{"type":46,"tag":122,"props":237,"children":238},{"class":198},[239],{"type":55,"value":240},"'",{"type":46,"tag":122,"props":242,"children":243},{"class":141},[244],{"type":55,"value":153},{"type":46,"tag":122,"props":246,"children":247},{"class":198},[248],{"type":55,"value":249},"'\n",{"type":46,"tag":122,"props":251,"children":253},{"class":124,"line":252},4,[254],{"type":46,"tag":122,"props":255,"children":256},{"class":135},[257],{"type":55,"value":258},"  ]\n",{"type":46,"tag":122,"props":260,"children":262},{"class":124,"line":261},5,[263,268],{"type":46,"tag":122,"props":264,"children":265},{"class":198},[266],{"type":55,"value":267},"}",{"type":46,"tag":122,"props":269,"children":270},{"class":135},[271],{"type":55,"value":272},")",{"type":46,"tag":85,"props":274,"children":276},{"id":275},"usage",[277],{"type":55,"value":278},"Usage",{"type":46,"tag":51,"props":280,"children":281},{},[282,284,288,290,297,299,306],{"type":55,"value":283},"Under the hood, ",{"type":46,"tag":77,"props":285,"children":286},{},[287],{"type":55,"value":153},{"type":55,"value":289}," is an unbundled component library powered by ",{"type":46,"tag":58,"props":291,"children":294},{"href":292,"rel":293},"https://github.com/unocss/unocss",[74],[295],{"type":55,"value":296},"UnoCSS",{"type":55,"value":298}," and ",{"type":46,"tag":58,"props":300,"children":303},{"href":301,"rel":302},"https://vueuse.org/",[74],[304],{"type":55,"value":305},"VueUse",{"type":55,"value":307},". Components are auto imported.",{"type":46,"tag":51,"props":309,"children":310},{},[311,313,318],{"type":55,"value":312},"In this library, we introduced the ",{"type":46,"tag":77,"props":314,"children":315},{},[316],{"type":55,"value":317},"n",{"type":55,"value":319}," attribute for every component to customize the styles and variations. For example, to make a red button:",{"type":46,"tag":112,"props":321,"children":325},{"className":322,"code":323,"language":324,"meta":40},"language-html material-theme_material-theme-palenight_material-theme-lighter","\u003CNButton n=\"red\" />\n","html",[326],{"type":46,"tag":77,"props":327,"children":328},{"__ignoreMap":40},[329],{"type":46,"tag":122,"props":330,"children":331},{"class":124,"line":125},[332,337,342,346,351,356,361,366,370],{"type":46,"tag":122,"props":333,"children":334},{"class":198},[335],{"type":55,"value":336},"\u003C",{"type":46,"tag":122,"props":338,"children":339},{"class":213},[340],{"type":55,"value":341},"NButton",{"type":46,"tag":122,"props":343,"children":344},{"class":198},[345],{"type":55,"value":138},{"type":46,"tag":122,"props":347,"children":349},{"class":348},"ct-366012",[350],{"type":55,"value":317},{"type":46,"tag":122,"props":352,"children":353},{"class":198},[354],{"type":55,"value":355},"=",{"type":46,"tag":122,"props":357,"children":358},{"class":198},[359],{"type":55,"value":360},"\"",{"type":46,"tag":122,"props":362,"children":363},{"class":141},[364],{"type":55,"value":365},"red",{"type":46,"tag":122,"props":367,"children":368},{"class":198},[369],{"type":55,"value":360},{"type":46,"tag":122,"props":371,"children":372},{"class":198},[373],{"type":55,"value":374}," />",{"type":46,"tag":51,"props":376,"children":377},{},[378,380,385,387,392,393,398,400,405,407,411],{"type":55,"value":379},"to make it larger, add the size specifier (",{"type":46,"tag":77,"props":381,"children":382},{},[383],{"type":55,"value":384},"sm",{"type":55,"value":386},", ",{"type":46,"tag":77,"props":388,"children":389},{},[390],{"type":55,"value":391},"md",{"type":55,"value":386},{"type":46,"tag":77,"props":394,"children":395},{},[396],{"type":55,"value":397},"lg",{"type":55,"value":399}," or ",{"type":46,"tag":77,"props":401,"children":402},{},[403],{"type":55,"value":404},"xl",{"type":55,"value":406},") the ",{"type":46,"tag":77,"props":408,"children":409},{},[410],{"type":55,"value":317},{"type":55,"value":412}," attribute:",{"type":46,"tag":112,"props":414,"children":416},{"className":322,"code":415,"language":324,"meta":40},"\u003CNButton n=\"red xl\" />\n",[417],{"type":46,"tag":77,"props":418,"children":419},{"__ignoreMap":40},[420],{"type":46,"tag":122,"props":421,"children":422},{"class":124,"line":125},[423,427,431,435,439,443,447,452,456],{"type":46,"tag":122,"props":424,"children":425},{"class":198},[426],{"type":55,"value":336},{"type":46,"tag":122,"props":428,"children":429},{"class":213},[430],{"type":55,"value":341},{"type":46,"tag":122,"props":432,"children":433},{"class":198},[434],{"type":55,"value":138},{"type":46,"tag":122,"props":436,"children":437},{"class":348},[438],{"type":55,"value":317},{"type":46,"tag":122,"props":440,"children":441},{"class":198},[442],{"type":55,"value":355},{"type":46,"tag":122,"props":444,"children":445},{"class":198},[446],{"type":55,"value":360},{"type":46,"tag":122,"props":448,"children":449},{"class":141},[450],{"type":55,"value":451},"red xl",{"type":46,"tag":122,"props":453,"children":454},{"class":198},[455],{"type":55,"value":360},{"type":46,"tag":122,"props":457,"children":458},{"class":198},[459],{"type":55,"value":374},{"type":46,"tag":51,"props":461,"children":462},{},[463],{"type":55,"value":464},"You can apply the same specifiers to any other component, for example:",{"type":46,"tag":112,"props":466,"children":468},{"className":322,"code":467,"language":324,"meta":40},"\u003CNCheckbox n=\"red xl\" />\n",[469],{"type":46,"tag":77,"props":470,"children":471},{"__ignoreMap":40},[472],{"type":46,"tag":122,"props":473,"children":474},{"class":124,"line":125},[475,479,484,488,492,496,500,504,508],{"type":46,"tag":122,"props":476,"children":477},{"class":198},[478],{"type":55,"value":336},{"type":46,"tag":122,"props":480,"children":481},{"class":213},[482],{"type":55,"value":483},"NCheckbox",{"type":46,"tag":122,"props":485,"children":486},{"class":198},[487],{"type":55,"value":138},{"type":46,"tag":122,"props":489,"children":490},{"class":348},[491],{"type":55,"value":317},{"type":46,"tag":122,"props":493,"children":494},{"class":198},[495],{"type":55,"value":355},{"type":46,"tag":122,"props":497,"children":498},{"class":198},[499],{"type":55,"value":360},{"type":46,"tag":122,"props":501,"children":502},{"class":141},[503],{"type":55,"value":451},{"type":46,"tag":122,"props":505,"children":506},{"class":198},[507],{"type":55,"value":360},{"type":46,"tag":122,"props":509,"children":510},{"class":198},[511],{"type":55,"value":374},{"type":46,"tag":51,"props":513,"children":514},{},[515],{"type":55,"value":516},"Apply it to parent components could make a local theme scope",{"type":46,"tag":112,"props":518,"children":520},{"className":322,"code":519,"language":324,"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",[521],{"type":46,"tag":77,"props":522,"children":523},{"__ignoreMap":40},[524,566,579,617,653],{"type":46,"tag":122,"props":525,"children":526},{"class":124,"line":125},[527,531,536,540,544,548,552,557,561],{"type":46,"tag":122,"props":528,"children":529},{"class":198},[530],{"type":55,"value":336},{"type":46,"tag":122,"props":532,"children":533},{"class":213},[534],{"type":55,"value":535},"NCard",{"type":46,"tag":122,"props":537,"children":538},{"class":198},[539],{"type":55,"value":138},{"type":46,"tag":122,"props":541,"children":542},{"class":348},[543],{"type":55,"value":317},{"type":46,"tag":122,"props":545,"children":546},{"class":198},[547],{"type":55,"value":355},{"type":46,"tag":122,"props":549,"children":550},{"class":198},[551],{"type":55,"value":360},{"type":46,"tag":122,"props":553,"children":554},{"class":141},[555],{"type":55,"value":556},"green-500",{"type":46,"tag":122,"props":558,"children":559},{"class":198},[560],{"type":55,"value":360},{"type":46,"tag":122,"props":562,"children":563},{"class":198},[564],{"type":55,"value":565},">\n",{"type":46,"tag":122,"props":567,"children":568},{"class":124,"line":204},[569,573],{"type":46,"tag":122,"props":570,"children":571},{"class":135},[572],{"type":55,"value":210},{"type":46,"tag":122,"props":574,"children":576},{"class":575},"ct-767688",[577],{"type":55,"value":578},"\u003C!-- both of them are themed green -->\n",{"type":46,"tag":122,"props":580,"children":581},{"class":124,"line":229},[582,586,590,594,599,604,609,613],{"type":46,"tag":122,"props":583,"children":584},{"class":135},[585],{"type":55,"value":210},{"type":46,"tag":122,"props":587,"children":588},{"class":198},[589],{"type":55,"value":336},{"type":46,"tag":122,"props":591,"children":592},{"class":213},[593],{"type":55,"value":483},{"type":46,"tag":122,"props":595,"children":596},{"class":198},[597],{"type":55,"value":598},">",{"type":46,"tag":122,"props":600,"children":601},{"class":135},[602],{"type":55,"value":603},"i accept the terms & conditions",{"type":46,"tag":122,"props":605,"children":606},{"class":198},[607],{"type":55,"value":608},"\u003C/",{"type":46,"tag":122,"props":610,"children":611},{"class":213},[612],{"type":55,"value":483},{"type":46,"tag":122,"props":614,"children":615},{"class":198},[616],{"type":55,"value":565},{"type":46,"tag":122,"props":618,"children":619},{"class":124,"line":252},[620,624,628,632,636,641,645,649],{"type":46,"tag":122,"props":621,"children":622},{"class":135},[623],{"type":55,"value":210},{"type":46,"tag":122,"props":625,"children":626},{"class":198},[627],{"type":55,"value":336},{"type":46,"tag":122,"props":629,"children":630},{"class":213},[631],{"type":55,"value":341},{"type":46,"tag":122,"props":633,"children":634},{"class":198},[635],{"type":55,"value":598},{"type":46,"tag":122,"props":637,"children":638},{"class":135},[639],{"type":55,"value":640},"Submit",{"type":46,"tag":122,"props":642,"children":643},{"class":198},[644],{"type":55,"value":608},{"type":46,"tag":122,"props":646,"children":647},{"class":213},[648],{"type":55,"value":341},{"type":46,"tag":122,"props":650,"children":651},{"class":198},[652],{"type":55,"value":565},{"type":46,"tag":122,"props":654,"children":655},{"class":124,"line":261},[656,660,664],{"type":46,"tag":122,"props":657,"children":658},{"class":198},[659],{"type":55,"value":608},{"type":46,"tag":122,"props":661,"children":662},{"class":213},[663],{"type":55,"value":535},{"type":46,"tag":122,"props":665,"children":666},{"class":198},[667],{"type":55,"value":598},{"type":46,"tag":51,"props":669,"children":670},{},[671,673,680],{"type":55,"value":672},"Please check our ",{"type":46,"tag":58,"props":674,"children":677},{"href":675,"rel":676},"https://ui-kit.devtools.nuxtjs.org/",[74],[678],{"type":55,"value":679},"Online Demo",{"type":55,"value":681}," for more components usages.",{"type":46,"tag":85,"props":683,"children":685},{"id":684},"components",[686],{"type":55,"value":687},"Components",{"type":46,"tag":51,"props":689,"children":690},{},[691,693,700],{"type":55,"value":692},"Check ",{"type":46,"tag":58,"props":694,"children":697},{"href":695,"rel":696},"https://github.com/nuxt/devtools/blob/main/packages/devtools-ui-kit/src/components",[74],[698],{"type":55,"value":699},"all components",{"type":55,"value":83},{"type":46,"tag":85,"props":702,"children":704},{"id":703},"theming",[705],{"type":55,"value":706},"Theming",{"type":46,"tag":51,"props":708,"children":709},{},[710,712,718],{"type":55,"value":711},"Powered by ",{"type":46,"tag":58,"props":713,"children":716},{"href":714,"rel":715},"https://github.com/antfu/unocss",[74],[717],{"type":55,"value":296},{"type":55,"value":719},", you can use Tailwind/Windi CSS utilities to quickly customize the look and feel of components.",{"type":46,"tag":51,"props":721,"children":722},{},[723],{"type":55,"value":724},"It's also possible to override the default theme globally, for example:",{"type":46,"tag":112,"props":726,"children":728},{"className":156,"code":727,"language":158,"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",[729],{"type":46,"tag":77,"props":730,"children":731},{"__ignoreMap":40},[732,740,771,790,809,822,847,872,919,965,1011,1024,1036],{"type":46,"tag":122,"props":733,"children":734},{"class":124,"line":125},[735],{"type":46,"tag":122,"props":736,"children":737},{"class":575},[738],{"type":55,"value":739},"// nuxt.config.js\n",{"type":46,"tag":122,"props":741,"children":742},{"class":124,"line":204},[743,747,751,755,759,763,767],{"type":46,"tag":122,"props":744,"children":745},{"class":168},[746],{"type":55,"value":171},{"type":46,"tag":122,"props":748,"children":749},{"class":135},[750],{"type":55,"value":138},{"type":46,"tag":122,"props":752,"children":753},{"class":168},[754],{"type":55,"value":180},{"type":46,"tag":122,"props":756,"children":757},{"class":135},[758],{"type":55,"value":138},{"type":46,"tag":122,"props":760,"children":761},{"class":187},[762],{"type":55,"value":190},{"type":46,"tag":122,"props":764,"children":765},{"class":135},[766],{"type":55,"value":195},{"type":46,"tag":122,"props":768,"children":769},{"class":198},[770],{"type":55,"value":201},{"type":46,"tag":122,"props":772,"children":773},{"class":124,"line":229},[774,778,782,786],{"type":46,"tag":122,"props":775,"children":776},{"class":135},[777],{"type":55,"value":210},{"type":46,"tag":122,"props":779,"children":780},{"class":213},[781],{"type":55,"value":216},{"type":46,"tag":122,"props":783,"children":784},{"class":198},[785],{"type":55,"value":221},{"type":46,"tag":122,"props":787,"children":788},{"class":135},[789],{"type":55,"value":226},{"type":46,"tag":122,"props":791,"children":792},{"class":124,"line":252},[793,797,801,805],{"type":46,"tag":122,"props":794,"children":795},{"class":135},[796],{"type":55,"value":235},{"type":46,"tag":122,"props":798,"children":799},{"class":198},[800],{"type":55,"value":240},{"type":46,"tag":122,"props":802,"children":803},{"class":141},[804],{"type":55,"value":153},{"type":46,"tag":122,"props":806,"children":807},{"class":198},[808],{"type":55,"value":249},{"type":46,"tag":122,"props":810,"children":811},{"class":124,"line":261},[812,817],{"type":46,"tag":122,"props":813,"children":814},{"class":135},[815],{"type":55,"value":816},"  ]",{"type":46,"tag":122,"props":818,"children":819},{"class":198},[820],{"type":55,"value":821},",\n",{"type":46,"tag":122,"props":823,"children":825},{"class":124,"line":824},6,[826,830,835,839,843],{"type":46,"tag":122,"props":827,"children":828},{"class":135},[829],{"type":55,"value":210},{"type":46,"tag":122,"props":831,"children":832},{"class":213},[833],{"type":55,"value":834},"unocss",{"type":46,"tag":122,"props":836,"children":837},{"class":198},[838],{"type":55,"value":221},{"type":46,"tag":122,"props":840,"children":841},{"class":135},[842],{"type":55,"value":138},{"type":46,"tag":122,"props":844,"children":845},{"class":198},[846],{"type":55,"value":201},{"type":46,"tag":122,"props":848,"children":850},{"class":124,"line":849},7,[851,855,860,864,868],{"type":46,"tag":122,"props":852,"children":853},{"class":135},[854],{"type":55,"value":235},{"type":46,"tag":122,"props":856,"children":857},{"class":213},[858],{"type":55,"value":859},"shortcuts",{"type":46,"tag":122,"props":861,"children":862},{"class":198},[863],{"type":55,"value":221},{"type":46,"tag":122,"props":865,"children":866},{"class":135},[867],{"type":55,"value":138},{"type":46,"tag":122,"props":869,"children":870},{"class":198},[871],{"type":55,"value":201},{"type":46,"tag":122,"props":873,"children":875},{"class":124,"line":874},8,[876,881,885,890,894,898,902,906,911,915],{"type":46,"tag":122,"props":877,"children":878},{"class":135},[879],{"type":55,"value":880},"      ",{"type":46,"tag":122,"props":882,"children":883},{"class":198},[884],{"type":55,"value":240},{"type":46,"tag":122,"props":886,"children":887},{"class":213},[888],{"type":55,"value":889},"n-button-base",{"type":46,"tag":122,"props":891,"children":892},{"class":198},[893],{"type":55,"value":240},{"type":46,"tag":122,"props":895,"children":896},{"class":198},[897],{"type":55,"value":221},{"type":46,"tag":122,"props":899,"children":900},{"class":135},[901],{"type":55,"value":138},{"type":46,"tag":122,"props":903,"children":904},{"class":198},[905],{"type":55,"value":240},{"type":46,"tag":122,"props":907,"children":908},{"class":141},[909],{"type":55,"value":910},"border n-border-base rounded shadow-sm op80 !outline-none",{"type":46,"tag":122,"props":912,"children":913},{"class":198},[914],{"type":55,"value":240},{"type":46,"tag":122,"props":916,"children":917},{"class":198},[918],{"type":55,"value":821},{"type":46,"tag":122,"props":920,"children":922},{"class":124,"line":921},9,[923,927,931,936,940,944,948,952,957,961],{"type":46,"tag":122,"props":924,"children":925},{"class":135},[926],{"type":55,"value":880},{"type":46,"tag":122,"props":928,"children":929},{"class":198},[930],{"type":55,"value":240},{"type":46,"tag":122,"props":932,"children":933},{"class":213},[934],{"type":55,"value":935},"n-button-hover",{"type":46,"tag":122,"props":937,"children":938},{"class":198},[939],{"type":55,"value":240},{"type":46,"tag":122,"props":941,"children":942},{"class":198},[943],{"type":55,"value":221},{"type":46,"tag":122,"props":945,"children":946},{"class":135},[947],{"type":55,"value":138},{"type":46,"tag":122,"props":949,"children":950},{"class":198},[951],{"type":55,"value":240},{"type":46,"tag":122,"props":953,"children":954},{"class":141},[955],{"type":55,"value":956},"op100 !border-context text-context",{"type":46,"tag":122,"props":958,"children":959},{"class":198},[960],{"type":55,"value":240},{"type":46,"tag":122,"props":962,"children":963},{"class":198},[964],{"type":55,"value":821},{"type":46,"tag":122,"props":966,"children":968},{"class":124,"line":967},10,[969,973,977,982,986,990,994,998,1003,1007],{"type":46,"tag":122,"props":970,"children":971},{"class":135},[972],{"type":55,"value":880},{"type":46,"tag":122,"props":974,"children":975},{"class":198},[976],{"type":55,"value":240},{"type":46,"tag":122,"props":978,"children":979},{"class":213},[980],{"type":55,"value":981},"n-button-active",{"type":46,"tag":122,"props":983,"children":984},{"class":198},[985],{"type":55,"value":240},{"type":46,"tag":122,"props":987,"children":988},{"class":198},[989],{"type":55,"value":221},{"type":46,"tag":122,"props":991,"children":992},{"class":135},[993],{"type":55,"value":138},{"type":46,"tag":122,"props":995,"children":996},{"class":198},[997],{"type":55,"value":240},{"type":46,"tag":122,"props":999,"children":1000},{"class":141},[1001],{"type":55,"value":1002},"n-active-base bg-context/5",{"type":46,"tag":122,"props":1004,"children":1005},{"class":198},[1006],{"type":55,"value":240},{"type":46,"tag":122,"props":1008,"children":1009},{"class":198},[1010],{"type":55,"value":821},{"type":46,"tag":122,"props":1012,"children":1014},{"class":124,"line":1013},11,[1015,1019],{"type":46,"tag":122,"props":1016,"children":1017},{"class":135},[1018],{"type":55,"value":235},{"type":46,"tag":122,"props":1020,"children":1021},{"class":198},[1022],{"type":55,"value":1023},"}\n",{"type":46,"tag":122,"props":1025,"children":1027},{"class":124,"line":1026},12,[1028,1032],{"type":46,"tag":122,"props":1029,"children":1030},{"class":135},[1031],{"type":55,"value":210},{"type":46,"tag":122,"props":1033,"children":1034},{"class":198},[1035],{"type":55,"value":1023},{"type":46,"tag":122,"props":1037,"children":1039},{"class":124,"line":1038},13,[1040,1044],{"type":46,"tag":122,"props":1041,"children":1042},{"class":198},[1043],{"type":55,"value":267},{"type":46,"tag":122,"props":1045,"children":1046},{"class":135},[1047],{"type":55,"value":272},{"type":46,"tag":51,"props":1049,"children":1050},{},[1051,1053,1060],{"type":55,"value":1052},"You can find all the default values and available entries in ",{"type":46,"tag":58,"props":1054,"children":1057},{"href":1055,"rel":1056},"https://github.com/nuxt/devtools/blob/main/packages/devtools-ui-kit/src/unocss.ts",[74],[1058],{"type":55,"value":1059},"src/unocss.ts",{"type":55,"value":83},{"type":46,"tag":1062,"props":1063,"children":1064},"style",{},[1065],{"type":55,"value":1066},".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":204,"depth":204,"links":1068},[1069,1072,1073,1074],{"id":87,"depth":204,"text":90,"children":1070},[1071],{"id":107,"depth":229,"text":110},{"id":275,"depth":204,"text":278},{"id":684,"depth":204,"text":687},{"id":703,"depth":204,"text":706},"markdown","content:2.module:2.ui-kit.md","content","2.module/2.ui-kit.md",[1080,2991],{"_path":26,"_dir":38,"_draft":39,"_partial":39,"_locale":40,"title":25,"description":1081,"body":1082,"_type":1075,"_id":2989,"_source":1077,"_file":2990,"_extension":391},"Utility kit for easier DevTools integrations.",{"type":43,"children":1083,"toc":2977},[1084,1093,1104,1135,1201,1219,1227,1236,1247,1632,1641,1653,1662,1674,2113,2162,2171,2176,2382,2394,2403,2408,2413,2518,2537,2545,2564,2573,2598,2607,2612,2728,2737,2748,2972],{"type":46,"tag":47,"props":1085,"children":1087},{"type":1086},"warning",[1088],{"type":46,"tag":51,"props":1089,"children":1090},{},[1091],{"type":55,"value":1092},"APIs are subject to change.",{"type":46,"tag":51,"props":1094,"children":1095},{},[1096,1098,1103],{"type":55,"value":1097},"Since v0.3.0, we are now providing a utility kit for easier DevTools integrations, similar to ",{"type":46,"tag":77,"props":1099,"children":1100},{},[1101],{"type":55,"value":1102},"@nuxt/kit",{"type":55,"value":83},{"type":46,"tag":112,"props":1105,"children":1107},{"className":114,"code":1106,"language":116,"meta":40},"npm i @nuxt/devtools-kit\n",[1108],{"type":46,"tag":77,"props":1109,"children":1110},{"__ignoreMap":40},[1111],{"type":46,"tag":122,"props":1112,"children":1113},{"class":124,"line":125},[1114,1118,1122,1126,1130],{"type":46,"tag":122,"props":1115,"children":1116},{"class":129},[1117],{"type":55,"value":132},{"type":46,"tag":122,"props":1119,"children":1120},{"class":135},[1121],{"type":55,"value":138},{"type":46,"tag":122,"props":1123,"children":1124},{"class":141},[1125],{"type":55,"value":144},{"type":46,"tag":122,"props":1127,"children":1128},{"class":135},[1129],{"type":55,"value":138},{"type":46,"tag":122,"props":1131,"children":1132},{"class":141},[1133],{"type":55,"value":1134},"@nuxt/devtools-kit",{"type":46,"tag":112,"props":1136,"children":1138},{"className":156,"code":1137,"language":158,"meta":40},"import { addCustomTab } from '@nuxt/devtools-kit'\n",[1139],{"type":46,"tag":77,"props":1140,"children":1141},{"__ignoreMap":40},[1142],{"type":46,"tag":122,"props":1143,"children":1144},{"class":124,"line":125},[1145,1150,1154,1159,1163,1168,1172,1176,1180,1185,1189,1193,1197],{"type":46,"tag":122,"props":1146,"children":1147},{"class":168},[1148],{"type":55,"value":1149},"import",{"type":46,"tag":122,"props":1151,"children":1152},{"class":135},[1153],{"type":55,"value":138},{"type":46,"tag":122,"props":1155,"children":1156},{"class":198},[1157],{"type":55,"value":1158},"{",{"type":46,"tag":122,"props":1160,"children":1161},{"class":213},[1162],{"type":55,"value":138},{"type":46,"tag":122,"props":1164,"children":1165},{"class":135},[1166],{"type":55,"value":1167},"addCustomTab",{"type":46,"tag":122,"props":1169,"children":1170},{"class":213},[1171],{"type":55,"value":138},{"type":46,"tag":122,"props":1173,"children":1174},{"class":198},[1175],{"type":55,"value":267},{"type":46,"tag":122,"props":1177,"children":1178},{"class":135},[1179],{"type":55,"value":138},{"type":46,"tag":122,"props":1181,"children":1182},{"class":168},[1183],{"type":55,"value":1184},"from",{"type":46,"tag":122,"props":1186,"children":1187},{"class":135},[1188],{"type":55,"value":138},{"type":46,"tag":122,"props":1190,"children":1191},{"class":198},[1192],{"type":55,"value":240},{"type":46,"tag":122,"props":1194,"children":1195},{"class":141},[1196],{"type":55,"value":1134},{"type":46,"tag":122,"props":1198,"children":1199},{"class":198},[1200],{"type":55,"value":240},{"type":46,"tag":51,"props":1202,"children":1203},{},[1204,1206,1210,1212,1217],{"type":55,"value":1205},"We recommend module authors to install ",{"type":46,"tag":77,"props":1207,"children":1208},{},[1209],{"type":55,"value":1134},{"type":55,"value":1211}," as a dependency and ",{"type":46,"tag":77,"props":1213,"children":1214},{},[1215],{"type":55,"value":1216},"@nuxt/devtools",{"type":55,"value":1218}," as a dev dependency.",{"type":46,"tag":85,"props":1220,"children":1222},{"id":1221},"nuxtdevtools-kit",[1223],{"type":46,"tag":77,"props":1224,"children":1225},{},[1226],{"type":55,"value":1134},{"type":46,"tag":105,"props":1228,"children":1230},{"id":1229},"addcustomtab",[1231],{"type":46,"tag":77,"props":1232,"children":1233},{},[1234],{"type":55,"value":1235},"addCustomTab()",{"type":46,"tag":51,"props":1237,"children":1238},{},[1239,1241,1246],{"type":55,"value":1240},"A shorthand for calling the hook ",{"type":46,"tag":77,"props":1242,"children":1243},{},[1244],{"type":55,"value":1245},"devtools:customTabs",{"type":55,"value":83},{"type":46,"tag":112,"props":1248,"children":1250},{"className":156,"code":1249,"language":158,"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",[1251],{"type":46,"tag":77,"props":1252,"children":1253},{"__ignoreMap":40},[1254,1309,1315,1349,1361,1398,1410,1447,1459,1496,1508,1532,1569,1606,1619],{"type":46,"tag":122,"props":1255,"children":1256},{"class":124,"line":125},[1257,1261,1265,1269,1273,1277,1281,1285,1289,1293,1297,1301,1305],{"type":46,"tag":122,"props":1258,"children":1259},{"class":168},[1260],{"type":55,"value":1149},{"type":46,"tag":122,"props":1262,"children":1263},{"class":135},[1264],{"type":55,"value":138},{"type":46,"tag":122,"props":1266,"children":1267},{"class":198},[1268],{"type":55,"value":1158},{"type":46,"tag":122,"props":1270,"children":1271},{"class":213},[1272],{"type":55,"value":138},{"type":46,"tag":122,"props":1274,"children":1275},{"class":135},[1276],{"type":55,"value":1167},{"type":46,"tag":122,"props":1278,"children":1279},{"class":213},[1280],{"type":55,"value":138},{"type":46,"tag":122,"props":1282,"children":1283},{"class":198},[1284],{"type":55,"value":267},{"type":46,"tag":122,"props":1286,"children":1287},{"class":135},[1288],{"type":55,"value":138},{"type":46,"tag":122,"props":1290,"children":1291},{"class":168},[1292],{"type":55,"value":1184},{"type":46,"tag":122,"props":1294,"children":1295},{"class":135},[1296],{"type":55,"value":138},{"type":46,"tag":122,"props":1298,"children":1299},{"class":198},[1300],{"type":55,"value":240},{"type":46,"tag":122,"props":1302,"children":1303},{"class":141},[1304],{"type":55,"value":1134},{"type":46,"tag":122,"props":1306,"children":1307},{"class":198},[1308],{"type":55,"value":249},{"type":46,"tag":122,"props":1310,"children":1311},{"class":124,"line":204},[1312],{"type":46,"tag":122,"props":1313,"children":1314},{},[],{"type":46,"tag":122,"props":1316,"children":1317},{"class":124,"line":229},[1318,1322,1326,1331,1335,1340,1345],{"type":46,"tag":122,"props":1319,"children":1320},{"class":187},[1321],{"type":55,"value":1167},{"type":46,"tag":122,"props":1323,"children":1324},{"class":135},[1325],{"type":55,"value":195},{"type":46,"tag":122,"props":1327,"children":1328},{"class":198},[1329],{"type":55,"value":1330},"()",{"type":46,"tag":122,"props":1332,"children":1333},{"class":135},[1334],{"type":55,"value":138},{"type":46,"tag":122,"props":1336,"children":1337},{"class":348},[1338],{"type":55,"value":1339},"=>",{"type":46,"tag":122,"props":1341,"children":1342},{"class":135},[1343],{"type":55,"value":1344}," (",{"type":46,"tag":122,"props":1346,"children":1347},{"class":198},[1348],{"type":55,"value":201},{"type":46,"tag":122,"props":1350,"children":1351},{"class":124,"line":252},[1352,1356],{"type":46,"tag":122,"props":1353,"children":1354},{"class":198},[1355],{"type":55,"value":210},{"type":46,"tag":122,"props":1357,"children":1358},{"class":575},[1359],{"type":55,"value":1360},"// unique identifier\n",{"type":46,"tag":122,"props":1362,"children":1363},{"class":124,"line":261},[1364,1368,1373,1377,1381,1385,1390,1394],{"type":46,"tag":122,"props":1365,"children":1366},{"class":135},[1367],{"type":55,"value":210},{"type":46,"tag":122,"props":1369,"children":1370},{"class":213},[1371],{"type":55,"value":1372},"name",{"type":46,"tag":122,"props":1374,"children":1375},{"class":198},[1376],{"type":55,"value":221},{"type":46,"tag":122,"props":1378,"children":1379},{"class":135},[1380],{"type":55,"value":138},{"type":46,"tag":122,"props":1382,"children":1383},{"class":198},[1384],{"type":55,"value":240},{"type":46,"tag":122,"props":1386,"children":1387},{"class":141},[1388],{"type":55,"value":1389},"my-module",{"type":46,"tag":122,"props":1391,"children":1392},{"class":198},[1393],{"type":55,"value":240},{"type":46,"tag":122,"props":1395,"children":1396},{"class":198},[1397],{"type":55,"value":821},{"type":46,"tag":122,"props":1399,"children":1400},{"class":124,"line":824},[1401,1405],{"type":46,"tag":122,"props":1402,"children":1403},{"class":198},[1404],{"type":55,"value":210},{"type":46,"tag":122,"props":1406,"children":1407},{"class":575},[1408],{"type":55,"value":1409},"// title to display in the tab\n",{"type":46,"tag":122,"props":1411,"children":1412},{"class":124,"line":849},[1413,1417,1422,1426,1430,1434,1439,1443],{"type":46,"tag":122,"props":1414,"children":1415},{"class":135},[1416],{"type":55,"value":210},{"type":46,"tag":122,"props":1418,"children":1419},{"class":213},[1420],{"type":55,"value":1421},"title",{"type":46,"tag":122,"props":1423,"children":1424},{"class":198},[1425],{"type":55,"value":221},{"type":46,"tag":122,"props":1427,"children":1428},{"class":135},[1429],{"type":55,"value":138},{"type":46,"tag":122,"props":1431,"children":1432},{"class":198},[1433],{"type":55,"value":240},{"type":46,"tag":122,"props":1435,"children":1436},{"class":141},[1437],{"type":55,"value":1438},"My Module",{"type":46,"tag":122,"props":1440,"children":1441},{"class":198},[1442],{"type":55,"value":240},{"type":46,"tag":122,"props":1444,"children":1445},{"class":198},[1446],{"type":55,"value":821},{"type":46,"tag":122,"props":1448,"children":1449},{"class":124,"line":874},[1450,1454],{"type":46,"tag":122,"props":1451,"children":1452},{"class":198},[1453],{"type":55,"value":210},{"type":46,"tag":122,"props":1455,"children":1456},{"class":575},[1457],{"type":55,"value":1458},"// any icon from Iconify, or a URL to an image\n",{"type":46,"tag":122,"props":1460,"children":1461},{"class":124,"line":921},[1462,1466,1471,1475,1479,1483,1488,1492],{"type":46,"tag":122,"props":1463,"children":1464},{"class":135},[1465],{"type":55,"value":210},{"type":46,"tag":122,"props":1467,"children":1468},{"class":213},[1469],{"type":55,"value":1470},"icon",{"type":46,"tag":122,"props":1472,"children":1473},{"class":198},[1474],{"type":55,"value":221},{"type":46,"tag":122,"props":1476,"children":1477},{"class":135},[1478],{"type":55,"value":138},{"type":46,"tag":122,"props":1480,"children":1481},{"class":198},[1482],{"type":55,"value":240},{"type":46,"tag":122,"props":1484,"children":1485},{"class":141},[1486],{"type":55,"value":1487},"carbon:apps",{"type":46,"tag":122,"props":1489,"children":1490},{"class":198},[1491],{"type":55,"value":240},{"type":46,"tag":122,"props":1493,"children":1494},{"class":198},[1495],{"type":55,"value":821},{"type":46,"tag":122,"props":1497,"children":1498},{"class":124,"line":967},[1499,1503],{"type":46,"tag":122,"props":1500,"children":1501},{"class":198},[1502],{"type":55,"value":210},{"type":46,"tag":122,"props":1504,"children":1505},{"class":575},[1506],{"type":55,"value":1507},"// iframe view\n",{"type":46,"tag":122,"props":1509,"children":1510},{"class":124,"line":1013},[1511,1515,1520,1524,1528],{"type":46,"tag":122,"props":1512,"children":1513},{"class":135},[1514],{"type":55,"value":210},{"type":46,"tag":122,"props":1516,"children":1517},{"class":213},[1518],{"type":55,"value":1519},"view",{"type":46,"tag":122,"props":1521,"children":1522},{"class":198},[1523],{"type":55,"value":221},{"type":46,"tag":122,"props":1525,"children":1526},{"class":135},[1527],{"type":55,"value":138},{"type":46,"tag":122,"props":1529,"children":1530},{"class":198},[1531],{"type":55,"value":201},{"type":46,"tag":122,"props":1533,"children":1534},{"class":124,"line":1026},[1535,1539,1544,1548,1552,1556,1561,1565],{"type":46,"tag":122,"props":1536,"children":1537},{"class":135},[1538],{"type":55,"value":235},{"type":46,"tag":122,"props":1540,"children":1541},{"class":213},[1542],{"type":55,"value":1543},"type",{"type":46,"tag":122,"props":1545,"children":1546},{"class":198},[1547],{"type":55,"value":221},{"type":46,"tag":122,"props":1549,"children":1550},{"class":135},[1551],{"type":55,"value":138},{"type":46,"tag":122,"props":1553,"children":1554},{"class":198},[1555],{"type":55,"value":240},{"type":46,"tag":122,"props":1557,"children":1558},{"class":141},[1559],{"type":55,"value":1560},"iframe",{"type":46,"tag":122,"props":1562,"children":1563},{"class":198},[1564],{"type":55,"value":240},{"type":46,"tag":122,"props":1566,"children":1567},{"class":198},[1568],{"type":55,"value":821},{"type":46,"tag":122,"props":1570,"children":1571},{"class":124,"line":1038},[1572,1576,1581,1585,1589,1593,1598,1602],{"type":46,"tag":122,"props":1573,"children":1574},{"class":135},[1575],{"type":55,"value":235},{"type":46,"tag":122,"props":1577,"children":1578},{"class":213},[1579],{"type":55,"value":1580},"src",{"type":46,"tag":122,"props":1582,"children":1583},{"class":198},[1584],{"type":55,"value":221},{"type":46,"tag":122,"props":1586,"children":1587},{"class":135},[1588],{"type":55,"value":138},{"type":46,"tag":122,"props":1590,"children":1591},{"class":198},[1592],{"type":55,"value":240},{"type":46,"tag":122,"props":1594,"children":1595},{"class":141},[1596],{"type":55,"value":1597},"/url-to-your-module-view",{"type":46,"tag":122,"props":1599,"children":1600},{"class":198},[1601],{"type":55,"value":240},{"type":46,"tag":122,"props":1603,"children":1604},{"class":198},[1605],{"type":55,"value":821},{"type":46,"tag":122,"props":1607,"children":1609},{"class":124,"line":1608},14,[1610,1614],{"type":46,"tag":122,"props":1611,"children":1612},{"class":135},[1613],{"type":55,"value":210},{"type":46,"tag":122,"props":1615,"children":1616},{"class":198},[1617],{"type":55,"value":1618},"},\n",{"type":46,"tag":122,"props":1620,"children":1622},{"class":124,"line":1621},15,[1623,1627],{"type":46,"tag":122,"props":1624,"children":1625},{"class":198},[1626],{"type":55,"value":267},{"type":46,"tag":122,"props":1628,"children":1629},{"class":135},[1630],{"type":55,"value":1631},"))",{"type":46,"tag":105,"props":1633,"children":1635},{"id":1634},"refreshcustomtabs",[1636],{"type":46,"tag":77,"props":1637,"children":1638},{},[1639],{"type":55,"value":1640},"refreshCustomTabs()",{"type":46,"tag":51,"props":1642,"children":1643},{},[1644,1646,1651],{"type":55,"value":1645},"A shorthand for call hook ",{"type":46,"tag":77,"props":1647,"children":1648},{},[1649],{"type":55,"value":1650},"devtools:customTabs:refresh",{"type":55,"value":1652},". It will refresh all custom tabs.",{"type":46,"tag":105,"props":1654,"children":1656},{"id":1655},"startsubprocess",[1657],{"type":46,"tag":77,"props":1658,"children":1659},{},[1660],{"type":55,"value":1661},"startSubprocess()",{"type":46,"tag":51,"props":1663,"children":1664},{},[1665,1667,1672],{"type":55,"value":1666},"Start a sub process using ",{"type":46,"tag":77,"props":1668,"children":1669},{},[1670],{"type":55,"value":1671},"execa",{"type":55,"value":1673}," and create a terminal tab in DevTools.",{"type":46,"tag":112,"props":1675,"children":1677},{"className":156,"code":1676,"language":158,"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",[1678],{"type":46,"tag":77,"props":1679,"children":1680},{"__ignoreMap":40},[1681,1737,1743,1773,1784,1821,1841,1865,1889,1913,1949,1961,1972,1983,2020,2056,2093,2105],{"type":46,"tag":122,"props":1682,"children":1683},{"class":124,"line":125},[1684,1688,1692,1696,1700,1705,1709,1713,1717,1721,1725,1729,1733],{"type":46,"tag":122,"props":1685,"children":1686},{"class":168},[1687],{"type":55,"value":1149},{"type":46,"tag":122,"props":1689,"children":1690},{"class":135},[1691],{"type":55,"value":138},{"type":46,"tag":122,"props":1693,"children":1694},{"class":198},[1695],{"type":55,"value":1158},{"type":46,"tag":122,"props":1697,"children":1698},{"class":213},[1699],{"type":55,"value":138},{"type":46,"tag":122,"props":1701,"children":1702},{"class":135},[1703],{"type":55,"value":1704},"startSubprocess",{"type":46,"tag":122,"props":1706,"children":1707},{"class":213},[1708],{"type":55,"value":138},{"type":46,"tag":122,"props":1710,"children":1711},{"class":198},[1712],{"type":55,"value":267},{"type":46,"tag":122,"props":1714,"children":1715},{"class":135},[1716],{"type":55,"value":138},{"type":46,"tag":122,"props":1718,"children":1719},{"class":168},[1720],{"type":55,"value":1184},{"type":46,"tag":122,"props":1722,"children":1723},{"class":135},[1724],{"type":55,"value":138},{"type":46,"tag":122,"props":1726,"children":1727},{"class":198},[1728],{"type":55,"value":240},{"type":46,"tag":122,"props":1730,"children":1731},{"class":141},[1732],{"type":55,"value":1134},{"type":46,"tag":122,"props":1734,"children":1735},{"class":198},[1736],{"type":55,"value":249},{"type":46,"tag":122,"props":1738,"children":1739},{"class":124,"line":204},[1740],{"type":46,"tag":122,"props":1741,"children":1742},{},[],{"type":46,"tag":122,"props":1744,"children":1745},{"class":124,"line":229},[1746,1751,1756,1760,1764,1768],{"type":46,"tag":122,"props":1747,"children":1748},{"class":348},[1749],{"type":55,"value":1750},"const",{"type":46,"tag":122,"props":1752,"children":1753},{"class":135},[1754],{"type":55,"value":1755}," subprocess ",{"type":46,"tag":122,"props":1757,"children":1758},{"class":198},[1759],{"type":55,"value":355},{"type":46,"tag":122,"props":1761,"children":1762},{"class":135},[1763],{"type":55,"value":138},{"type":46,"tag":122,"props":1765,"children":1766},{"class":187},[1767],{"type":55,"value":1704},{"type":46,"tag":122,"props":1769,"children":1770},{"class":135},[1771],{"type":55,"value":1772},"(\n",{"type":46,"tag":122,"props":1774,"children":1775},{"class":124,"line":252},[1776,1780],{"type":46,"tag":122,"props":1777,"children":1778},{"class":135},[1779],{"type":55,"value":210},{"type":46,"tag":122,"props":1781,"children":1782},{"class":198},[1783],{"type":55,"value":201},{"type":46,"tag":122,"props":1785,"children":1786},{"class":124,"line":261},[1787,1791,1796,1800,1804,1808,1813,1817],{"type":46,"tag":122,"props":1788,"children":1789},{"class":135},[1790],{"type":55,"value":235},{"type":46,"tag":122,"props":1792,"children":1793},{"class":213},[1794],{"type":55,"value":1795},"command",{"type":46,"tag":122,"props":1797,"children":1798},{"class":198},[1799],{"type":55,"value":221},{"type":46,"tag":122,"props":1801,"children":1802},{"class":135},[1803],{"type":55,"value":138},{"type":46,"tag":122,"props":1805,"children":1806},{"class":198},[1807],{"type":55,"value":240},{"type":46,"tag":122,"props":1809,"children":1810},{"class":141},[1811],{"type":55,"value":1812},"code-server",{"type":46,"tag":122,"props":1814,"children":1815},{"class":198},[1816],{"type":55,"value":240},{"type":46,"tag":122,"props":1818,"children":1819},{"class":198},[1820],{"type":55,"value":821},{"type":46,"tag":122,"props":1822,"children":1823},{"class":124,"line":824},[1824,1828,1833,1837],{"type":46,"tag":122,"props":1825,"children":1826},{"class":135},[1827],{"type":55,"value":235},{"type":46,"tag":122,"props":1829,"children":1830},{"class":213},[1831],{"type":55,"value":1832},"args",{"type":46,"tag":122,"props":1834,"children":1835},{"class":198},[1836],{"type":55,"value":221},{"type":46,"tag":122,"props":1838,"children":1839},{"class":135},[1840],{"type":55,"value":226},{"type":46,"tag":122,"props":1842,"children":1843},{"class":124,"line":849},[1844,1848,1852,1857,1861],{"type":46,"tag":122,"props":1845,"children":1846},{"class":135},[1847],{"type":55,"value":880},{"type":46,"tag":122,"props":1849,"children":1850},{"class":198},[1851],{"type":55,"value":240},{"type":46,"tag":122,"props":1853,"children":1854},{"class":141},[1855],{"type":55,"value":1856},"serve-local",{"type":46,"tag":122,"props":1858,"children":1859},{"class":198},[1860],{"type":55,"value":240},{"type":46,"tag":122,"props":1862,"children":1863},{"class":198},[1864],{"type":55,"value":821},{"type":46,"tag":122,"props":1866,"children":1867},{"class":124,"line":874},[1868,1872,1876,1881,1885],{"type":46,"tag":122,"props":1869,"children":1870},{"class":135},[1871],{"type":55,"value":880},{"type":46,"tag":122,"props":1873,"children":1874},{"class":198},[1875],{"type":55,"value":240},{"type":46,"tag":122,"props":1877,"children":1878},{"class":141},[1879],{"type":55,"value":1880},"--accept-server-license-terms",{"type":46,"tag":122,"props":1882,"children":1883},{"class":198},[1884],{"type":55,"value":240},{"type":46,"tag":122,"props":1886,"children":1887},{"class":198},[1888],{"type":55,"value":821},{"type":46,"tag":122,"props":1890,"children":1891},{"class":124,"line":921},[1892,1896,1900,1905,1909],{"type":46,"tag":122,"props":1893,"children":1894},{"class":135},[1895],{"type":55,"value":880},{"type":46,"tag":122,"props":1897,"children":1898},{"class":198},[1899],{"type":55,"value":240},{"type":46,"tag":122,"props":1901,"children":1902},{"class":141},[1903],{"type":55,"value":1904},"--without-connection-token",{"type":46,"tag":122,"props":1906,"children":1907},{"class":198},[1908],{"type":55,"value":240},{"type":46,"tag":122,"props":1910,"children":1911},{"class":198},[1912],{"type":55,"value":821},{"type":46,"tag":122,"props":1914,"children":1915},{"class":124,"line":967},[1916,1920,1925,1930,1935,1940,1945],{"type":46,"tag":122,"props":1917,"children":1918},{"class":135},[1919],{"type":55,"value":880},{"type":46,"tag":122,"props":1921,"children":1922},{"class":198},[1923],{"type":55,"value":1924},"`",{"type":46,"tag":122,"props":1926,"children":1927},{"class":141},[1928],{"type":55,"value":1929},"--port=",{"type":46,"tag":122,"props":1931,"children":1932},{"class":198},[1933],{"type":55,"value":1934},"${",{"type":46,"tag":122,"props":1936,"children":1937},{"class":135},[1938],{"type":55,"value":1939},"port",{"type":46,"tag":122,"props":1941,"children":1942},{"class":198},[1943],{"type":55,"value":1944},"}`",{"type":46,"tag":122,"props":1946,"children":1947},{"class":198},[1948],{"type":55,"value":821},{"type":46,"tag":122,"props":1950,"children":1951},{"class":124,"line":1013},[1952,1957],{"type":46,"tag":122,"props":1953,"children":1954},{"class":135},[1955],{"type":55,"value":1956},"    ]",{"type":46,"tag":122,"props":1958,"children":1959},{"class":198},[1960],{"type":55,"value":821},{"type":46,"tag":122,"props":1962,"children":1963},{"class":124,"line":1026},[1964,1968],{"type":46,"tag":122,"props":1965,"children":1966},{"class":135},[1967],{"type":55,"value":210},{"type":46,"tag":122,"props":1969,"children":1970},{"class":198},[1971],{"type":55,"value":1618},{"type":46,"tag":122,"props":1973,"children":1974},{"class":124,"line":1038},[1975,1979],{"type":46,"tag":122,"props":1976,"children":1977},{"class":135},[1978],{"type":55,"value":210},{"type":46,"tag":122,"props":1980,"children":1981},{"class":198},[1982],{"type":55,"value":201},{"type":46,"tag":122,"props":1984,"children":1985},{"class":124,"line":1608},[1986,1990,1995,1999,2003,2007,2012,2016],{"type":46,"tag":122,"props":1987,"children":1988},{"class":135},[1989],{"type":55,"value":235},{"type":46,"tag":122,"props":1991,"children":1992},{"class":213},[1993],{"type":55,"value":1994},"id",{"type":46,"tag":122,"props":1996,"children":1997},{"class":198},[1998],{"type":55,"value":221},{"type":46,"tag":122,"props":2000,"children":2001},{"class":135},[2002],{"type":55,"value":138},{"type":46,"tag":122,"props":2004,"children":2005},{"class":198},[2006],{"type":55,"value":240},{"type":46,"tag":122,"props":2008,"children":2009},{"class":141},[2010],{"type":55,"value":2011},"devtools:vscode",{"type":46,"tag":122,"props":2013,"children":2014},{"class":198},[2015],{"type":55,"value":240},{"type":46,"tag":122,"props":2017,"children":2018},{"class":198},[2019],{"type":55,"value":821},{"type":46,"tag":122,"props":2021,"children":2022},{"class":124,"line":1621},[2023,2027,2031,2035,2039,2043,2048,2052],{"type":46,"tag":122,"props":2024,"children":2025},{"class":135},[2026],{"type":55,"value":235},{"type":46,"tag":122,"props":2028,"children":2029},{"class":213},[2030],{"type":55,"value":1372},{"type":46,"tag":122,"props":2032,"children":2033},{"class":198},[2034],{"type":55,"value":221},{"type":46,"tag":122,"props":2036,"children":2037},{"class":135},[2038],{"type":55,"value":138},{"type":46,"tag":122,"props":2040,"children":2041},{"class":198},[2042],{"type":55,"value":240},{"type":46,"tag":122,"props":2044,"children":2045},{"class":141},[2046],{"type":55,"value":2047},"VS Code Server",{"type":46,"tag":122,"props":2049,"children":2050},{"class":198},[2051],{"type":55,"value":240},{"type":46,"tag":122,"props":2053,"children":2054},{"class":198},[2055],{"type":55,"value":821},{"type":46,"tag":122,"props":2057,"children":2059},{"class":124,"line":2058},16,[2060,2064,2068,2072,2076,2080,2085,2089],{"type":46,"tag":122,"props":2061,"children":2062},{"class":135},[2063],{"type":55,"value":235},{"type":46,"tag":122,"props":2065,"children":2066},{"class":213},[2067],{"type":55,"value":1470},{"type":46,"tag":122,"props":2069,"children":2070},{"class":198},[2071],{"type":55,"value":221},{"type":46,"tag":122,"props":2073,"children":2074},{"class":135},[2075],{"type":55,"value":138},{"type":46,"tag":122,"props":2077,"children":2078},{"class":198},[2079],{"type":55,"value":240},{"type":46,"tag":122,"props":2081,"children":2082},{"class":141},[2083],{"type":55,"value":2084},"logos-visual-studio-code",{"type":46,"tag":122,"props":2086,"children":2087},{"class":198},[2088],{"type":55,"value":240},{"type":46,"tag":122,"props":2090,"children":2091},{"class":198},[2092],{"type":55,"value":821},{"type":46,"tag":122,"props":2094,"children":2096},{"class":124,"line":2095},17,[2097,2101],{"type":46,"tag":122,"props":2098,"children":2099},{"class":135},[2100],{"type":55,"value":210},{"type":46,"tag":122,"props":2102,"children":2103},{"class":198},[2104],{"type":55,"value":1618},{"type":46,"tag":122,"props":2106,"children":2108},{"class":124,"line":2107},18,[2109],{"type":46,"tag":122,"props":2110,"children":2111},{"class":135},[2112],{"type":55,"value":272},{"type":46,"tag":112,"props":2114,"children":2116},{"className":156,"code":2115,"language":158,"meta":40},"subprocess.restart()\nsubprocess.terminate()\n",[2117],{"type":46,"tag":77,"props":2118,"children":2119},{"__ignoreMap":40},[2120,2142],{"type":46,"tag":122,"props":2121,"children":2122},{"class":124,"line":125},[2123,2128,2132,2137],{"type":46,"tag":122,"props":2124,"children":2125},{"class":135},[2126],{"type":55,"value":2127},"subprocess",{"type":46,"tag":122,"props":2129,"children":2130},{"class":198},[2131],{"type":55,"value":83},{"type":46,"tag":122,"props":2133,"children":2134},{"class":187},[2135],{"type":55,"value":2136},"restart",{"type":46,"tag":122,"props":2138,"children":2139},{"class":135},[2140],{"type":55,"value":2141},"()\n",{"type":46,"tag":122,"props":2143,"children":2144},{"class":124,"line":204},[2145,2149,2153,2158],{"type":46,"tag":122,"props":2146,"children":2147},{"class":135},[2148],{"type":55,"value":2127},{"type":46,"tag":122,"props":2150,"children":2151},{"class":198},[2152],{"type":55,"value":83},{"type":46,"tag":122,"props":2154,"children":2155},{"class":187},[2156],{"type":55,"value":2157},"terminate",{"type":46,"tag":122,"props":2159,"children":2160},{"class":135},[2161],{"type":55,"value":1330},{"type":46,"tag":105,"props":2163,"children":2165},{"id":2164},"extendserverrpc",[2166],{"type":46,"tag":77,"props":2167,"children":2168},{},[2169],{"type":55,"value":2170},"extendServerRpc()",{"type":46,"tag":51,"props":2172,"children":2173},{},[2174],{"type":55,"value":2175},"Extend the server RPC with your own methods.",{"type":46,"tag":112,"props":2177,"children":2179},{"className":156,"code":2178,"language":158,"meta":40},"import { extendServerRpc } from '@nuxt/devtools-kit'\n\nconst rpc = extendServerRpc('my-module', {\n  async myMethod() {\n    return 'hello'\n  },\n})\n",[2180],{"type":46,"tag":77,"props":2181,"children":2182},{"__ignoreMap":40},[2183,2239,2245,2298,2331,2360,2371],{"type":46,"tag":122,"props":2184,"children":2185},{"class":124,"line":125},[2186,2190,2194,2198,2202,2207,2211,2215,2219,2223,2227,2231,2235],{"type":46,"tag":122,"props":2187,"children":2188},{"class":168},[2189],{"type":55,"value":1149},{"type":46,"tag":122,"props":2191,"children":2192},{"class":135},[2193],{"type":55,"value":138},{"type":46,"tag":122,"props":2195,"children":2196},{"class":198},[2197],{"type":55,"value":1158},{"type":46,"tag":122,"props":2199,"children":2200},{"class":213},[2201],{"type":55,"value":138},{"type":46,"tag":122,"props":2203,"children":2204},{"class":135},[2205],{"type":55,"value":2206},"extendServerRpc",{"type":46,"tag":122,"props":2208,"children":2209},{"class":213},[2210],{"type":55,"value":138},{"type":46,"tag":122,"props":2212,"children":2213},{"class":198},[2214],{"type":55,"value":267},{"type":46,"tag":122,"props":2216,"children":2217},{"class":135},[2218],{"type":55,"value":138},{"type":46,"tag":122,"props":2220,"children":2221},{"class":168},[2222],{"type":55,"value":1184},{"type":46,"tag":122,"props":2224,"children":2225},{"class":135},[2226],{"type":55,"value":138},{"type":46,"tag":122,"props":2228,"children":2229},{"class":198},[2230],{"type":55,"value":240},{"type":46,"tag":122,"props":2232,"children":2233},{"class":141},[2234],{"type":55,"value":1134},{"type":46,"tag":122,"props":2236,"children":2237},{"class":198},[2238],{"type":55,"value":249},{"type":46,"tag":122,"props":2240,"children":2241},{"class":124,"line":204},[2242],{"type":46,"tag":122,"props":2243,"children":2244},{},[],{"type":46,"tag":122,"props":2246,"children":2247},{"class":124,"line":229},[2248,2252,2257,2261,2265,2269,2273,2277,2281,2285,2290,2294],{"type":46,"tag":122,"props":2249,"children":2250},{"class":348},[2251],{"type":55,"value":1750},{"type":46,"tag":122,"props":2253,"children":2254},{"class":135},[2255],{"type":55,"value":2256}," rpc ",{"type":46,"tag":122,"props":2258,"children":2259},{"class":198},[2260],{"type":55,"value":355},{"type":46,"tag":122,"props":2262,"children":2263},{"class":135},[2264],{"type":55,"value":138},{"type":46,"tag":122,"props":2266,"children":2267},{"class":187},[2268],{"type":55,"value":2206},{"type":46,"tag":122,"props":2270,"children":2271},{"class":135},[2272],{"type":55,"value":195},{"type":46,"tag":122,"props":2274,"children":2275},{"class":198},[2276],{"type":55,"value":240},{"type":46,"tag":122,"props":2278,"children":2279},{"class":141},[2280],{"type":55,"value":1389},{"type":46,"tag":122,"props":2282,"children":2283},{"class":198},[2284],{"type":55,"value":240},{"type":46,"tag":122,"props":2286,"children":2287},{"class":198},[2288],{"type":55,"value":2289},",",{"type":46,"tag":122,"props":2291,"children":2292},{"class":135},[2293],{"type":55,"value":138},{"type":46,"tag":122,"props":2295,"children":2296},{"class":198},[2297],{"type":55,"value":201},{"type":46,"tag":122,"props":2299,"children":2300},{"class":124,"line":252},[2301,2305,2310,2314,2319,2323,2327],{"type":46,"tag":122,"props":2302,"children":2303},{"class":135},[2304],{"type":55,"value":210},{"type":46,"tag":122,"props":2306,"children":2307},{"class":348},[2308],{"type":55,"value":2309},"async",{"type":46,"tag":122,"props":2311,"children":2312},{"class":135},[2313],{"type":55,"value":138},{"type":46,"tag":122,"props":2315,"children":2316},{"class":213},[2317],{"type":55,"value":2318},"myMethod",{"type":46,"tag":122,"props":2320,"children":2321},{"class":198},[2322],{"type":55,"value":1330},{"type":46,"tag":122,"props":2324,"children":2325},{"class":135},[2326],{"type":55,"value":138},{"type":46,"tag":122,"props":2328,"children":2329},{"class":198},[2330],{"type":55,"value":201},{"type":46,"tag":122,"props":2332,"children":2333},{"class":124,"line":261},[2334,2338,2343,2347,2351,2356],{"type":46,"tag":122,"props":2335,"children":2336},{"class":213},[2337],{"type":55,"value":235},{"type":46,"tag":122,"props":2339,"children":2340},{"class":168},[2341],{"type":55,"value":2342},"return",{"type":46,"tag":122,"props":2344,"children":2345},{"class":213},[2346],{"type":55,"value":138},{"type":46,"tag":122,"props":2348,"children":2349},{"class":198},[2350],{"type":55,"value":240},{"type":46,"tag":122,"props":2352,"children":2353},{"class":141},[2354],{"type":55,"value":2355},"hello",{"type":46,"tag":122,"props":2357,"children":2358},{"class":198},[2359],{"type":55,"value":249},{"type":46,"tag":122,"props":2361,"children":2362},{"class":124,"line":824},[2363,2367],{"type":46,"tag":122,"props":2364,"children":2365},{"class":213},[2366],{"type":55,"value":210},{"type":46,"tag":122,"props":2368,"children":2369},{"class":198},[2370],{"type":55,"value":1618},{"type":46,"tag":122,"props":2372,"children":2373},{"class":124,"line":849},[2374,2378],{"type":46,"tag":122,"props":2375,"children":2376},{"class":198},[2377],{"type":55,"value":267},{"type":46,"tag":122,"props":2379,"children":2380},{"class":135},[2381],{"type":55,"value":272},{"type":46,"tag":51,"props":2383,"children":2384},{},[2385,2387,2393],{"type":55,"value":2386},"Learn more about ",{"type":46,"tag":58,"props":2388,"children":2390},{"href":2389},"/module/guide#custom-rpc-functions",[2391],{"type":55,"value":2392},"Custom RPC functions",{"type":55,"value":83},{"type":46,"tag":85,"props":2395,"children":2397},{"id":2396},"nuxtdevtools-kitiframe-client",[2398],{"type":46,"tag":77,"props":2399,"children":2400},{},[2401],{"type":55,"value":2402},"@nuxt/devtools-kit/iframe-client",{"type":46,"tag":51,"props":2404,"children":2405},{},[2406],{"type":55,"value":2407},"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":51,"props":2409,"children":2410},{},[2411],{"type":55,"value":2412},"To get the infomation from the devtools and the client app, you can do this in your client app:",{"type":46,"tag":112,"props":2414,"children":2416},{"className":156,"code":2415,"language":158,"meta":40},"import { useDevtoolsClient } from '@nuxt/devtools-kit/iframe-client'\n\nexport const devtoolsClient = useDevtoolsClient()\n",[2417],{"type":46,"tag":77,"props":2418,"children":2419},{"__ignoreMap":40},[2420,2476,2482],{"type":46,"tag":122,"props":2421,"children":2422},{"class":124,"line":125},[2423,2427,2431,2435,2439,2444,2448,2452,2456,2460,2464,2468,2472],{"type":46,"tag":122,"props":2424,"children":2425},{"class":168},[2426],{"type":55,"value":1149},{"type":46,"tag":122,"props":2428,"children":2429},{"class":135},[2430],{"type":55,"value":138},{"type":46,"tag":122,"props":2432,"children":2433},{"class":198},[2434],{"type":55,"value":1158},{"type":46,"tag":122,"props":2436,"children":2437},{"class":213},[2438],{"type":55,"value":138},{"type":46,"tag":122,"props":2440,"children":2441},{"class":135},[2442],{"type":55,"value":2443},"useDevtoolsClient",{"type":46,"tag":122,"props":2445,"children":2446},{"class":213},[2447],{"type":55,"value":138},{"type":46,"tag":122,"props":2449,"children":2450},{"class":198},[2451],{"type":55,"value":267},{"type":46,"tag":122,"props":2453,"children":2454},{"class":135},[2455],{"type":55,"value":138},{"type":46,"tag":122,"props":2457,"children":2458},{"class":168},[2459],{"type":55,"value":1184},{"type":46,"tag":122,"props":2461,"children":2462},{"class":135},[2463],{"type":55,"value":138},{"type":46,"tag":122,"props":2465,"children":2466},{"class":198},[2467],{"type":55,"value":240},{"type":46,"tag":122,"props":2469,"children":2470},{"class":141},[2471],{"type":55,"value":2402},{"type":46,"tag":122,"props":2473,"children":2474},{"class":198},[2475],{"type":55,"value":249},{"type":46,"tag":122,"props":2477,"children":2478},{"class":124,"line":204},[2479],{"type":46,"tag":122,"props":2480,"children":2481},{},[],{"type":46,"tag":122,"props":2483,"children":2484},{"class":124,"line":229},[2485,2489,2493,2497,2502,2506,2510,2514],{"type":46,"tag":122,"props":2486,"children":2487},{"class":168},[2488],{"type":55,"value":171},{"type":46,"tag":122,"props":2490,"children":2491},{"class":135},[2492],{"type":55,"value":138},{"type":46,"tag":122,"props":2494,"children":2495},{"class":348},[2496],{"type":55,"value":1750},{"type":46,"tag":122,"props":2498,"children":2499},{"class":135},[2500],{"type":55,"value":2501}," devtoolsClient ",{"type":46,"tag":122,"props":2503,"children":2504},{"class":198},[2505],{"type":55,"value":355},{"type":46,"tag":122,"props":2507,"children":2508},{"class":135},[2509],{"type":55,"value":138},{"type":46,"tag":122,"props":2511,"children":2512},{"class":187},[2513],{"type":55,"value":2443},{"type":46,"tag":122,"props":2515,"children":2516},{"class":135},[2517],{"type":55,"value":1330},{"type":46,"tag":51,"props":2519,"children":2520},{},[2521,2523,2528,2530,2535],{"type":55,"value":2522},"When the iframe been served with the same origin (CORS limitation), devtools will automatically inject ",{"type":46,"tag":77,"props":2524,"children":2525},{},[2526],{"type":55,"value":2527},"__NUXT_DEVTOOLS__",{"type":55,"value":2529}," to the iframe's window object. You can access it as a ref using ",{"type":46,"tag":77,"props":2531,"children":2532},{},[2533],{"type":55,"value":2534},"useDevtoolsClient()",{"type":55,"value":2536}," utility.",{"type":46,"tag":105,"props":2538,"children":2540},{"id":2539},"usedevtoolsclient",[2541],{"type":46,"tag":77,"props":2542,"children":2543},{},[2544],{"type":55,"value":2534},{"type":46,"tag":51,"props":2546,"children":2547},{},[2548,2550,2555,2557,2562],{"type":55,"value":2549},"It will return a ref of ",{"type":46,"tag":77,"props":2551,"children":2552},{},[2553],{"type":55,"value":2554},"NuxtDevtoolsIframeClient",{"type":55,"value":2556}," object that are intially ",{"type":46,"tag":77,"props":2558,"children":2559},{},[2560],{"type":55,"value":2561},"null",{"type":55,"value":2563}," and will be updated when the connection is ready.",{"type":46,"tag":51,"props":2565,"children":2566},{},[2567,2571],{"type":46,"tag":77,"props":2568,"children":2569},{},[2570],{"type":55,"value":2554},{"type":55,"value":2572}," contains two properties:",{"type":46,"tag":2574,"props":2575,"children":2576},"ul",{},[2577,2588],{"type":46,"tag":2578,"props":2579,"children":2580},"li",{},[2581,2586],{"type":46,"tag":77,"props":2582,"children":2583},{},[2584],{"type":55,"value":2585},"host",{"type":55,"value":2587},": APIs to communicate with the client app",{"type":46,"tag":2578,"props":2589,"children":2590},{},[2591,2596],{"type":46,"tag":77,"props":2592,"children":2593},{},[2594],{"type":55,"value":2595},"devtools",{"type":55,"value":2597},": APIs to communicate with the devtools",{"type":46,"tag":51,"props":2599,"children":2600},{},[2601,2605],{"type":46,"tag":77,"props":2602,"children":2603},{},[2604],{"type":55,"value":2585},{"type":55,"value":2606}," can be undefined when devtools are accessed standalone or from a different origin.",{"type":46,"tag":51,"props":2608,"children":2609},{},[2610],{"type":55,"value":2611},"For example, you can get the router instance from the client app:",{"type":46,"tag":112,"props":2613,"children":2615},{"className":156,"code":2614,"language":158,"meta":40},"const router = computed(() => devtoolsClient.value?.host?.nuxt.vueApp.config.globalProperties?.$router)\n",[2616],{"type":46,"tag":77,"props":2617,"children":2618},{"__ignoreMap":40},[2619],{"type":46,"tag":122,"props":2620,"children":2621},{"class":124,"line":125},[2622,2626,2631,2635,2639,2644,2648,2652,2656,2660,2665,2669,2674,2679,2683,2687,2692,2696,2701,2705,2710,2714,2719,2723],{"type":46,"tag":122,"props":2623,"children":2624},{"class":348},[2625],{"type":55,"value":1750},{"type":46,"tag":122,"props":2627,"children":2628},{"class":135},[2629],{"type":55,"value":2630}," router ",{"type":46,"tag":122,"props":2632,"children":2633},{"class":198},[2634],{"type":55,"value":355},{"type":46,"tag":122,"props":2636,"children":2637},{"class":135},[2638],{"type":55,"value":138},{"type":46,"tag":122,"props":2640,"children":2641},{"class":187},[2642],{"type":55,"value":2643},"computed",{"type":46,"tag":122,"props":2645,"children":2646},{"class":135},[2647],{"type":55,"value":195},{"type":46,"tag":122,"props":2649,"children":2650},{"class":198},[2651],{"type":55,"value":1330},{"type":46,"tag":122,"props":2653,"children":2654},{"class":135},[2655],{"type":55,"value":138},{"type":46,"tag":122,"props":2657,"children":2658},{"class":348},[2659],{"type":55,"value":1339},{"type":46,"tag":122,"props":2661,"children":2662},{"class":135},[2663],{"type":55,"value":2664}," devtoolsClient",{"type":46,"tag":122,"props":2666,"children":2667},{"class":198},[2668],{"type":55,"value":83},{"type":46,"tag":122,"props":2670,"children":2671},{"class":135},[2672],{"type":55,"value":2673},"value",{"type":46,"tag":122,"props":2675,"children":2676},{"class":198},[2677],{"type":55,"value":2678},"?.",{"type":46,"tag":122,"props":2680,"children":2681},{"class":135},[2682],{"type":55,"value":2585},{"type":46,"tag":122,"props":2684,"children":2685},{"class":198},[2686],{"type":55,"value":2678},{"type":46,"tag":122,"props":2688,"children":2689},{"class":135},[2690],{"type":55,"value":2691},"nuxt",{"type":46,"tag":122,"props":2693,"children":2694},{"class":198},[2695],{"type":55,"value":83},{"type":46,"tag":122,"props":2697,"children":2698},{"class":135},[2699],{"type":55,"value":2700},"vueApp",{"type":46,"tag":122,"props":2702,"children":2703},{"class":198},[2704],{"type":55,"value":83},{"type":46,"tag":122,"props":2706,"children":2707},{"class":135},[2708],{"type":55,"value":2709},"config",{"type":46,"tag":122,"props":2711,"children":2712},{"class":198},[2713],{"type":55,"value":83},{"type":46,"tag":122,"props":2715,"children":2716},{"class":135},[2717],{"type":55,"value":2718},"globalProperties",{"type":46,"tag":122,"props":2720,"children":2721},{"class":198},[2722],{"type":55,"value":2678},{"type":46,"tag":122,"props":2724,"children":2725},{"class":135},[2726],{"type":55,"value":2727},"$router)",{"type":46,"tag":105,"props":2729,"children":2731},{"id":2730},"ondevtoolsclientconnected",[2732],{"type":46,"tag":77,"props":2733,"children":2734},{},[2735],{"type":55,"value":2736},"onDevtoolsClientConnected()",{"type":46,"tag":51,"props":2738,"children":2739},{},[2740,2742,2746],{"type":55,"value":2741},"Similiar to ",{"type":46,"tag":77,"props":2743,"children":2744},{},[2745],{"type":55,"value":2534},{"type":55,"value":2747}," but as a callback style:",{"type":46,"tag":112,"props":2749,"children":2751},{"className":156,"code":2750,"language":158,"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",[2752],{"type":46,"tag":77,"props":2753,"children":2754},{"__ignoreMap":40},[2755,2811,2817,2866,2878,2884,2949,2961],{"type":46,"tag":122,"props":2756,"children":2757},{"class":124,"line":125},[2758,2762,2766,2770,2774,2779,2783,2787,2791,2795,2799,2803,2807],{"type":46,"tag":122,"props":2759,"children":2760},{"class":168},[2761],{"type":55,"value":1149},{"type":46,"tag":122,"props":2763,"children":2764},{"class":135},[2765],{"type":55,"value":138},{"type":46,"tag":122,"props":2767,"children":2768},{"class":198},[2769],{"type":55,"value":1158},{"type":46,"tag":122,"props":2771,"children":2772},{"class":213},[2773],{"type":55,"value":138},{"type":46,"tag":122,"props":2775,"children":2776},{"class":135},[2777],{"type":55,"value":2778},"onDevtoolsClientConnected",{"type":46,"tag":122,"props":2780,"children":2781},{"class":213},[2782],{"type":55,"value":138},{"type":46,"tag":122,"props":2784,"children":2785},{"class":198},[2786],{"type":55,"value":267},{"type":46,"tag":122,"props":2788,"children":2789},{"class":135},[2790],{"type":55,"value":138},{"type":46,"tag":122,"props":2792,"children":2793},{"class":168},[2794],{"type":55,"value":1184},{"type":46,"tag":122,"props":2796,"children":2797},{"class":135},[2798],{"type":55,"value":138},{"type":46,"tag":122,"props":2800,"children":2801},{"class":198},[2802],{"type":55,"value":240},{"type":46,"tag":122,"props":2804,"children":2805},{"class":141},[2806],{"type":55,"value":2402},{"type":46,"tag":122,"props":2808,"children":2809},{"class":198},[2810],{"type":55,"value":249},{"type":46,"tag":122,"props":2812,"children":2813},{"class":124,"line":204},[2814],{"type":46,"tag":122,"props":2815,"children":2816},{},[],{"type":46,"tag":122,"props":2818,"children":2819},{"class":124,"line":229},[2820,2824,2828,2832,2836,2840,2846,2850,2854,2858,2862],{"type":46,"tag":122,"props":2821,"children":2822},{"class":187},[2823],{"type":55,"value":2778},{"type":46,"tag":122,"props":2825,"children":2826},{"class":135},[2827],{"type":55,"value":195},{"type":46,"tag":122,"props":2829,"children":2830},{"class":348},[2831],{"type":55,"value":2309},{"type":46,"tag":122,"props":2833,"children":2834},{"class":135},[2835],{"type":55,"value":138},{"type":46,"tag":122,"props":2837,"children":2838},{"class":198},[2839],{"type":55,"value":195},{"type":46,"tag":122,"props":2841,"children":2843},{"class":2842},"ct-377156",[2844],{"type":55,"value":2845},"client",{"type":46,"tag":122,"props":2847,"children":2848},{"class":198},[2849],{"type":55,"value":272},{"type":46,"tag":122,"props":2851,"children":2852},{"class":135},[2853],{"type":55,"value":138},{"type":46,"tag":122,"props":2855,"children":2856},{"class":348},[2857],{"type":55,"value":1339},{"type":46,"tag":122,"props":2859,"children":2860},{"class":135},[2861],{"type":55,"value":138},{"type":46,"tag":122,"props":2863,"children":2864},{"class":198},[2865],{"type":55,"value":201},{"type":46,"tag":122,"props":2867,"children":2868},{"class":124,"line":252},[2869,2873],{"type":46,"tag":122,"props":2870,"children":2871},{"class":198},[2872],{"type":55,"value":210},{"type":46,"tag":122,"props":2874,"children":2875},{"class":575},[2876],{"type":55,"value":2877},"// client is NuxtDevtoolsIframeClient\n",{"type":46,"tag":122,"props":2879,"children":2880},{"class":124,"line":261},[2881],{"type":46,"tag":122,"props":2882,"children":2883},{},[],{"type":46,"tag":122,"props":2885,"children":2886},{"class":124,"line":824},[2887,2891,2895,2899,2903,2907,2911,2915,2919,2923,2927,2931,2936,2940,2945],{"type":46,"tag":122,"props":2888,"children":2889},{"class":213},[2890],{"type":55,"value":210},{"type":46,"tag":122,"props":2892,"children":2893},{"class":348},[2894],{"type":55,"value":1750},{"type":46,"tag":122,"props":2896,"children":2897},{"class":213},[2898],{"type":55,"value":138},{"type":46,"tag":122,"props":2900,"children":2901},{"class":135},[2902],{"type":55,"value":2709},{"type":46,"tag":122,"props":2904,"children":2905},{"class":213},[2906],{"type":55,"value":138},{"type":46,"tag":122,"props":2908,"children":2909},{"class":198},[2910],{"type":55,"value":355},{"type":46,"tag":122,"props":2912,"children":2913},{"class":213},[2914],{"type":55,"value":138},{"type":46,"tag":122,"props":2916,"children":2917},{"class":135},[2918],{"type":55,"value":2845},{"type":46,"tag":122,"props":2920,"children":2921},{"class":198},[2922],{"type":55,"value":83},{"type":46,"tag":122,"props":2924,"children":2925},{"class":135},[2926],{"type":55,"value":2595},{"type":46,"tag":122,"props":2928,"children":2929},{"class":198},[2930],{"type":55,"value":83},{"type":46,"tag":122,"props":2932,"children":2933},{"class":135},[2934],{"type":55,"value":2935},"rpc",{"type":46,"tag":122,"props":2937,"children":2938},{"class":198},[2939],{"type":55,"value":83},{"type":46,"tag":122,"props":2941,"children":2942},{"class":187},[2943],{"type":55,"value":2944},"getServerConfig",{"type":46,"tag":122,"props":2946,"children":2947},{"class":213},[2948],{"type":55,"value":2141},{"type":46,"tag":122,"props":2950,"children":2951},{"class":124,"line":849},[2952,2956],{"type":46,"tag":122,"props":2953,"children":2954},{"class":198},[2955],{"type":55,"value":210},{"type":46,"tag":122,"props":2957,"children":2958},{"class":575},[2959],{"type":55,"value":2960},"// ...\n",{"type":46,"tag":122,"props":2962,"children":2963},{"class":124,"line":874},[2964,2968],{"type":46,"tag":122,"props":2965,"children":2966},{"class":198},[2967],{"type":55,"value":267},{"type":46,"tag":122,"props":2969,"children":2970},{"class":135},[2971],{"type":55,"value":272},{"type":46,"tag":1062,"props":2973,"children":2974},{},[2975],{"type":55,"value":2976},".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":204,"depth":204,"links":2978},[2979,2985],{"id":1221,"depth":204,"text":1134,"children":2980},[2981,2982,2983,2984],{"id":1229,"depth":229,"text":1235},{"id":1634,"depth":229,"text":1640},{"id":1655,"depth":229,"text":1661},{"id":2164,"depth":229,"text":2170},{"id":2396,"depth":204,"text":2402,"children":2986},[2987,2988],{"id":2539,"depth":229,"text":2534},{"id":2730,"depth":229,"text":2736},"content:2.module:1.utils-kit.md","2.module/1.utils-kit.md",{"_path":36,"_dir":2992,"_draft":39,"_partial":39,"_locale":40,"title":35,"description":2993,"body":2994,"_type":1075,"_id":3333,"_source":1077,"_file":3334,"_extension":391},"development","Learn how to contribute to the Nuxt DevTools.",{"type":43,"children":2995,"toc":3325},[2996,3001,3007,3020,3025,3075,3098,3104,3109,3130,3135,3154,3172,3177,3194,3200,3212,3223,3241,3315,3320],{"type":46,"tag":51,"props":2997,"children":2998},{},[2999],{"type":55,"value":3000},"Hi! We're really excited that you're interested in contributing to Nuxt DevTools! Before submitting your contribution, please read through the following guide.",{"type":46,"tag":85,"props":3002,"children":3004},{"id":3003},"monorepo",[3005],{"type":55,"value":3006},"Monorepo",{"type":46,"tag":51,"props":3008,"children":3009},{},[3010,3012,3019],{"type":55,"value":3011},"The Nuxt DevTools repo is a monorepo using pnpm workspaces. The package manager used to install and link dependencies must be ",{"type":46,"tag":58,"props":3013,"children":3016},{"href":3014,"rel":3015},"https://pnpm.io/",[74],[3017],{"type":55,"value":3018},"pnpm",{"type":55,"value":83},{"type":46,"tag":51,"props":3021,"children":3022},{},[3023],{"type":55,"value":3024},"After cloning the repo, run in the root folder.",{"type":46,"tag":112,"props":3026,"children":3030},{"className":3027,"code":3028,"language":3029,"meta":40},"language-sh material-theme_material-theme-palenight_material-theme-lighter","pnpm i\npnpm run build\n","sh",[3031],{"type":46,"tag":77,"props":3032,"children":3033},{"__ignoreMap":40},[3034,3050],{"type":46,"tag":122,"props":3035,"children":3036},{"class":124,"line":125},[3037,3041,3045],{"type":46,"tag":122,"props":3038,"children":3039},{"class":129},[3040],{"type":55,"value":3018},{"type":46,"tag":122,"props":3042,"children":3043},{"class":135},[3044],{"type":55,"value":138},{"type":46,"tag":122,"props":3046,"children":3047},{"class":141},[3048],{"type":55,"value":3049},"i\n",{"type":46,"tag":122,"props":3051,"children":3052},{"class":124,"line":204},[3053,3057,3061,3066,3070],{"type":46,"tag":122,"props":3054,"children":3055},{"class":129},[3056],{"type":55,"value":3018},{"type":46,"tag":122,"props":3058,"children":3059},{"class":135},[3060],{"type":55,"value":138},{"type":46,"tag":122,"props":3062,"children":3063},{"class":141},[3064],{"type":55,"value":3065},"run",{"type":46,"tag":122,"props":3067,"children":3068},{"class":135},[3069],{"type":55,"value":138},{"type":46,"tag":122,"props":3071,"children":3072},{"class":141},[3073],{"type":55,"value":3074},"build",{"type":46,"tag":47,"props":3076,"children":3077},{},[3078],{"type":46,"tag":51,"props":3079,"children":3080},{},[3081,3083,3090,3092,3097],{"type":55,"value":3082},"Nuxt DevTools uses pnpm v7. If you are working on multiple projects with different versions of pnpm, it's recommended to enable ",{"type":46,"tag":58,"props":3084,"children":3087},{"href":3085,"rel":3086},"https://github.com/nodejs/corepack",[74],[3088],{"type":55,"value":3089},"Corepack",{"type":55,"value":3091}," by running ",{"type":46,"tag":77,"props":3093,"children":3094},{},[3095],{"type":55,"value":3096},"corepack enable",{"type":55,"value":83},{"type":46,"tag":85,"props":3099,"children":3101},{"id":3100},"packages",[3102],{"type":55,"value":3103},"Packages",{"type":46,"tag":51,"props":3105,"children":3106},{},[3107],{"type":55,"value":3108},"This repo contains the following packages:",{"type":46,"tag":2574,"props":3110,"children":3111},{},[3112,3121],{"type":46,"tag":2578,"props":3113,"children":3114},{},[3115,3119],{"type":46,"tag":77,"props":3116,"children":3117},{},[3118],{"type":55,"value":1216},{"type":55,"value":3120},": The Nuxt DevTools module",{"type":46,"tag":2578,"props":3122,"children":3123},{},[3124,3128],{"type":46,"tag":77,"props":3125,"children":3126},{},[3127],{"type":55,"value":153},{"type":55,"value":3129},": The UI Kit used by Nuxt DevTools and also for module authors to build UI for DevTools interation",{"type":46,"tag":105,"props":3131,"children":3132},{"id":2595},[3133],{"type":55,"value":3134},"DevTools",{"type":46,"tag":51,"props":3136,"children":3137},{},[3138,3140,3145,3147,3152],{"type":55,"value":3139},"Most of the scripts are forward to the root ",{"type":46,"tag":77,"props":3141,"children":3142},{},[3143],{"type":55,"value":3144},"package.json",{"type":55,"value":3146},". You can run ",{"type":46,"tag":77,"props":3148,"children":3149},{},[3150],{"type":55,"value":3151},"pnpm dev",{"type":55,"value":3153}," in the root folder to start the development server (Nuxt DevTools on top of it's own client UI).",{"type":46,"tag":51,"props":3155,"children":3156},{},[3157,3159,3164,3166,3170],{"type":55,"value":3158},"Or you can ",{"type":46,"tag":77,"props":3160,"children":3161},{},[3162],{"type":55,"value":3163},"cd packages/devtools",{"type":55,"value":3165}," and run ",{"type":46,"tag":77,"props":3167,"children":3168},{},[3169],{"type":55,"value":3151},{"type":55,"value":3171}," to start the development server.",{"type":46,"tag":105,"props":3173,"children":3175},{"id":3174},"ui-kit",[3176],{"type":55,"value":28},{"type":46,"tag":51,"props":3178,"children":3179},{},[3180,3182,3187,3188,3192],{"type":55,"value":3181},"Normally when you are developing the Nuxt DevTools, the components in the UI Kit already get the HMR capabilities. But if you want to develop the UI Kit itself, you can run ",{"type":46,"tag":77,"props":3183,"children":3184},{},[3185],{"type":55,"value":3186},"cd packages/devtools-ui-kit",{"type":55,"value":3165},{"type":46,"tag":77,"props":3189,"children":3190},{},[3191],{"type":55,"value":3151},{"type":55,"value":3193}," to start the playground for the UI Kit.",{"type":46,"tag":85,"props":3195,"children":3197},{"id":3196},"trying-local-changes",[3198],{"type":55,"value":3199},"Trying Local Changes",{"type":46,"tag":51,"props":3201,"children":3202},{},[3203,3205,3210],{"type":55,"value":3204},"If you want to try your local changes in other Nuxt projects, you can use the ",{"type":46,"tag":77,"props":3206,"children":3207},{},[3208],{"type":55,"value":3209},"local.ts",{"type":55,"value":3211}," module under the root folder.",{"type":46,"tag":51,"props":3213,"children":3214},{},[3215,3217,3221],{"type":55,"value":3216},"Change ",{"type":46,"tag":77,"props":3218,"children":3219},{},[3220],{"type":55,"value":1216},{"type":55,"value":3222}," to the absolute path of this module in any of your Nuxt projects,\nallows you to try Nuxt DevTools locally directly from the source code. HMR is supported\nfor the front-end client.",{"type":46,"tag":51,"props":3224,"children":3225},{},[3226,3228,3233,3235,3240],{"type":55,"value":3227},"For example, if you clone this repo to ",{"type":46,"tag":77,"props":3229,"children":3230},{},[3231],{"type":55,"value":3232},"/users/me/nuxt-devtools",{"type":55,"value":3234},", update your ",{"type":46,"tag":77,"props":3236,"children":3237},{},[3238],{"type":55,"value":3239},"nuxt.config.ts",{"type":55,"value":221},{"type":46,"tag":112,"props":3242,"children":3246},{"className":3243,"code":3244,"language":3245,"meta":40},"language-diff material-theme_material-theme-palenight_material-theme-lighter","// nuxt.config.ts\nexport default defineNuxtConfig({\n  modules: [\n-   '@nuxt/devtools',\n+   '/users/me/nuxt-devtools/local',\n  ]\n})\n","diff",[3247],{"type":46,"tag":77,"props":3248,"children":3249},{"__ignoreMap":40},[3250,3258,3266,3274,3287,3300,3307],{"type":46,"tag":122,"props":3251,"children":3252},{"class":124,"line":125},[3253],{"type":46,"tag":122,"props":3254,"children":3255},{"class":135},[3256],{"type":55,"value":3257},"// nuxt.config.ts\n",{"type":46,"tag":122,"props":3259,"children":3260},{"class":124,"line":204},[3261],{"type":46,"tag":122,"props":3262,"children":3263},{"class":135},[3264],{"type":55,"value":3265},"export default defineNuxtConfig({\n",{"type":46,"tag":122,"props":3267,"children":3268},{"class":124,"line":229},[3269],{"type":46,"tag":122,"props":3270,"children":3271},{"class":135},[3272],{"type":55,"value":3273},"  modules: [\n",{"type":46,"tag":122,"props":3275,"children":3276},{"class":124,"line":252},[3277,3282],{"type":46,"tag":122,"props":3278,"children":3279},{"class":198},[3280],{"type":55,"value":3281},"-",{"type":46,"tag":122,"props":3283,"children":3284},{"class":213},[3285],{"type":55,"value":3286},"   '@nuxt/devtools',\n",{"type":46,"tag":122,"props":3288,"children":3289},{"class":124,"line":261},[3290,3295],{"type":46,"tag":122,"props":3291,"children":3292},{"class":198},[3293],{"type":55,"value":3294},"+",{"type":46,"tag":122,"props":3296,"children":3297},{"class":141},[3298],{"type":55,"value":3299},"   '/users/me/nuxt-devtools/local',\n",{"type":46,"tag":122,"props":3301,"children":3302},{"class":124,"line":824},[3303],{"type":46,"tag":122,"props":3304,"children":3305},{"class":135},[3306],{"type":55,"value":258},{"type":46,"tag":122,"props":3308,"children":3309},{"class":124,"line":849},[3310],{"type":46,"tag":122,"props":3311,"children":3312},{"class":135},[3313],{"type":55,"value":3314},"})",{"type":46,"tag":51,"props":3316,"children":3317},{},[3318],{"type":55,"value":3319},"On the module code, the source TypeScript file are directly used, so you don't need to build everytime. However, due to Node.js module caching, you need to restart your app to see the changes on the module side.",{"type":46,"tag":1062,"props":3321,"children":3322},{},[3323],{"type":55,"value":3324},".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-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}",{"title":40,"searchDepth":204,"depth":204,"links":3326},[3327,3328,3332],{"id":3003,"depth":204,"text":3006},{"id":3100,"depth":204,"text":3103,"children":3329},[3330,3331],{"id":2595,"depth":229,"text":3134},{"id":3174,"depth":229,"text":28},{"id":3196,"depth":204,"text":3199},"content:3.development:0.contributing.md","3.development/0.contributing.md",1695783414163]