[{"data":1,"prerenderedAt":3326},["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,2982],{"_path":26,"_dir":38,"_draft":39,"_partial":39,"_locale":40,"title":25,"description":1081,"body":1082,"_type":1075,"_id":2980,"_source":1077,"_file":2981,"_extension":391},"Utility kit for easier DevTools integrations.",{"type":43,"children":1083,"toc":2968},[1084,1095,1126,1192,1210,1218,1227,1238,1623,1632,1644,1653,1665,2104,2153,2162,2167,2373,2385,2394,2399,2404,2509,2528,2536,2555,2564,2589,2598,2603,2719,2728,2739,2963],{"type":46,"tag":51,"props":1085,"children":1086},{},[1087,1089,1094],{"type":55,"value":1088},"Since v0.3.0, we are now providing a utility kit for easier DevTools integrations, similar to ",{"type":46,"tag":77,"props":1090,"children":1091},{},[1092],{"type":55,"value":1093},"@nuxt/kit",{"type":55,"value":83},{"type":46,"tag":112,"props":1096,"children":1098},{"className":114,"code":1097,"language":116,"meta":40},"npm i @nuxt/devtools-kit\n",[1099],{"type":46,"tag":77,"props":1100,"children":1101},{"__ignoreMap":40},[1102],{"type":46,"tag":122,"props":1103,"children":1104},{"class":124,"line":125},[1105,1109,1113,1117,1121],{"type":46,"tag":122,"props":1106,"children":1107},{"class":129},[1108],{"type":55,"value":132},{"type":46,"tag":122,"props":1110,"children":1111},{"class":135},[1112],{"type":55,"value":138},{"type":46,"tag":122,"props":1114,"children":1115},{"class":141},[1116],{"type":55,"value":144},{"type":46,"tag":122,"props":1118,"children":1119},{"class":135},[1120],{"type":55,"value":138},{"type":46,"tag":122,"props":1122,"children":1123},{"class":141},[1124],{"type":55,"value":1125},"@nuxt/devtools-kit",{"type":46,"tag":112,"props":1127,"children":1129},{"className":156,"code":1128,"language":158,"meta":40},"import { addCustomTab } from '@nuxt/devtools-kit'\n",[1130],{"type":46,"tag":77,"props":1131,"children":1132},{"__ignoreMap":40},[1133],{"type":46,"tag":122,"props":1134,"children":1135},{"class":124,"line":125},[1136,1141,1145,1150,1154,1159,1163,1167,1171,1176,1180,1184,1188],{"type":46,"tag":122,"props":1137,"children":1138},{"class":168},[1139],{"type":55,"value":1140},"import",{"type":46,"tag":122,"props":1142,"children":1143},{"class":135},[1144],{"type":55,"value":138},{"type":46,"tag":122,"props":1146,"children":1147},{"class":198},[1148],{"type":55,"value":1149},"{",{"type":46,"tag":122,"props":1151,"children":1152},{"class":213},[1153],{"type":55,"value":138},{"type":46,"tag":122,"props":1155,"children":1156},{"class":135},[1157],{"type":55,"value":1158},"addCustomTab",{"type":46,"tag":122,"props":1160,"children":1161},{"class":213},[1162],{"type":55,"value":138},{"type":46,"tag":122,"props":1164,"children":1165},{"class":198},[1166],{"type":55,"value":267},{"type":46,"tag":122,"props":1168,"children":1169},{"class":135},[1170],{"type":55,"value":138},{"type":46,"tag":122,"props":1172,"children":1173},{"class":168},[1174],{"type":55,"value":1175},"from",{"type":46,"tag":122,"props":1177,"children":1178},{"class":135},[1179],{"type":55,"value":138},{"type":46,"tag":122,"props":1181,"children":1182},{"class":198},[1183],{"type":55,"value":240},{"type":46,"tag":122,"props":1185,"children":1186},{"class":141},[1187],{"type":55,"value":1125},{"type":46,"tag":122,"props":1189,"children":1190},{"class":198},[1191],{"type":55,"value":240},{"type":46,"tag":51,"props":1193,"children":1194},{},[1195,1197,1201,1203,1208],{"type":55,"value":1196},"We recommend module authors to install ",{"type":46,"tag":77,"props":1198,"children":1199},{},[1200],{"type":55,"value":1125},{"type":55,"value":1202}," as a dependency and ",{"type":46,"tag":77,"props":1204,"children":1205},{},[1206],{"type":55,"value":1207},"@nuxt/devtools",{"type":55,"value":1209}," as a dev dependency.",{"type":46,"tag":85,"props":1211,"children":1213},{"id":1212},"nuxtdevtools-kit",[1214],{"type":46,"tag":77,"props":1215,"children":1216},{},[1217],{"type":55,"value":1125},{"type":46,"tag":105,"props":1219,"children":1221},{"id":1220},"addcustomtab",[1222],{"type":46,"tag":77,"props":1223,"children":1224},{},[1225],{"type":55,"value":1226},"addCustomTab()",{"type":46,"tag":51,"props":1228,"children":1229},{},[1230,1232,1237],{"type":55,"value":1231},"A shorthand for calling the hook ",{"type":46,"tag":77,"props":1233,"children":1234},{},[1235],{"type":55,"value":1236},"devtools:customTabs",{"type":55,"value":83},{"type":46,"tag":112,"props":1239,"children":1241},{"className":156,"code":1240,"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",[1242],{"type":46,"tag":77,"props":1243,"children":1244},{"__ignoreMap":40},[1245,1300,1306,1340,1352,1389,1401,1438,1450,1487,1499,1523,1560,1597,1610],{"type":46,"tag":122,"props":1246,"children":1247},{"class":124,"line":125},[1248,1252,1256,1260,1264,1268,1272,1276,1280,1284,1288,1292,1296],{"type":46,"tag":122,"props":1249,"children":1250},{"class":168},[1251],{"type":55,"value":1140},{"type":46,"tag":122,"props":1253,"children":1254},{"class":135},[1255],{"type":55,"value":138},{"type":46,"tag":122,"props":1257,"children":1258},{"class":198},[1259],{"type":55,"value":1149},{"type":46,"tag":122,"props":1261,"children":1262},{"class":213},[1263],{"type":55,"value":138},{"type":46,"tag":122,"props":1265,"children":1266},{"class":135},[1267],{"type":55,"value":1158},{"type":46,"tag":122,"props":1269,"children":1270},{"class":213},[1271],{"type":55,"value":138},{"type":46,"tag":122,"props":1273,"children":1274},{"class":198},[1275],{"type":55,"value":267},{"type":46,"tag":122,"props":1277,"children":1278},{"class":135},[1279],{"type":55,"value":138},{"type":46,"tag":122,"props":1281,"children":1282},{"class":168},[1283],{"type":55,"value":1175},{"type":46,"tag":122,"props":1285,"children":1286},{"class":135},[1287],{"type":55,"value":138},{"type":46,"tag":122,"props":1289,"children":1290},{"class":198},[1291],{"type":55,"value":240},{"type":46,"tag":122,"props":1293,"children":1294},{"class":141},[1295],{"type":55,"value":1125},{"type":46,"tag":122,"props":1297,"children":1298},{"class":198},[1299],{"type":55,"value":249},{"type":46,"tag":122,"props":1301,"children":1302},{"class":124,"line":204},[1303],{"type":46,"tag":122,"props":1304,"children":1305},{},[],{"type":46,"tag":122,"props":1307,"children":1308},{"class":124,"line":229},[1309,1313,1317,1322,1326,1331,1336],{"type":46,"tag":122,"props":1310,"children":1311},{"class":187},[1312],{"type":55,"value":1158},{"type":46,"tag":122,"props":1314,"children":1315},{"class":135},[1316],{"type":55,"value":195},{"type":46,"tag":122,"props":1318,"children":1319},{"class":198},[1320],{"type":55,"value":1321},"()",{"type":46,"tag":122,"props":1323,"children":1324},{"class":135},[1325],{"type":55,"value":138},{"type":46,"tag":122,"props":1327,"children":1328},{"class":348},[1329],{"type":55,"value":1330},"=>",{"type":46,"tag":122,"props":1332,"children":1333},{"class":135},[1334],{"type":55,"value":1335}," (",{"type":46,"tag":122,"props":1337,"children":1338},{"class":198},[1339],{"type":55,"value":201},{"type":46,"tag":122,"props":1341,"children":1342},{"class":124,"line":252},[1343,1347],{"type":46,"tag":122,"props":1344,"children":1345},{"class":198},[1346],{"type":55,"value":210},{"type":46,"tag":122,"props":1348,"children":1349},{"class":575},[1350],{"type":55,"value":1351},"// unique identifier\n",{"type":46,"tag":122,"props":1353,"children":1354},{"class":124,"line":261},[1355,1359,1364,1368,1372,1376,1381,1385],{"type":46,"tag":122,"props":1356,"children":1357},{"class":135},[1358],{"type":55,"value":210},{"type":46,"tag":122,"props":1360,"children":1361},{"class":213},[1362],{"type":55,"value":1363},"name",{"type":46,"tag":122,"props":1365,"children":1366},{"class":198},[1367],{"type":55,"value":221},{"type":46,"tag":122,"props":1369,"children":1370},{"class":135},[1371],{"type":55,"value":138},{"type":46,"tag":122,"props":1373,"children":1374},{"class":198},[1375],{"type":55,"value":240},{"type":46,"tag":122,"props":1377,"children":1378},{"class":141},[1379],{"type":55,"value":1380},"my-module",{"type":46,"tag":122,"props":1382,"children":1383},{"class":198},[1384],{"type":55,"value":240},{"type":46,"tag":122,"props":1386,"children":1387},{"class":198},[1388],{"type":55,"value":821},{"type":46,"tag":122,"props":1390,"children":1391},{"class":124,"line":824},[1392,1396],{"type":46,"tag":122,"props":1393,"children":1394},{"class":198},[1395],{"type":55,"value":210},{"type":46,"tag":122,"props":1397,"children":1398},{"class":575},[1399],{"type":55,"value":1400},"// title to display in the tab\n",{"type":46,"tag":122,"props":1402,"children":1403},{"class":124,"line":849},[1404,1408,1413,1417,1421,1425,1430,1434],{"type":46,"tag":122,"props":1405,"children":1406},{"class":135},[1407],{"type":55,"value":210},{"type":46,"tag":122,"props":1409,"children":1410},{"class":213},[1411],{"type":55,"value":1412},"title",{"type":46,"tag":122,"props":1414,"children":1415},{"class":198},[1416],{"type":55,"value":221},{"type":46,"tag":122,"props":1418,"children":1419},{"class":135},[1420],{"type":55,"value":138},{"type":46,"tag":122,"props":1422,"children":1423},{"class":198},[1424],{"type":55,"value":240},{"type":46,"tag":122,"props":1426,"children":1427},{"class":141},[1428],{"type":55,"value":1429},"My Module",{"type":46,"tag":122,"props":1431,"children":1432},{"class":198},[1433],{"type":55,"value":240},{"type":46,"tag":122,"props":1435,"children":1436},{"class":198},[1437],{"type":55,"value":821},{"type":46,"tag":122,"props":1439,"children":1440},{"class":124,"line":874},[1441,1445],{"type":46,"tag":122,"props":1442,"children":1443},{"class":198},[1444],{"type":55,"value":210},{"type":46,"tag":122,"props":1446,"children":1447},{"class":575},[1448],{"type":55,"value":1449},"// any icon from Iconify, or a URL to an image\n",{"type":46,"tag":122,"props":1451,"children":1452},{"class":124,"line":921},[1453,1457,1462,1466,1470,1474,1479,1483],{"type":46,"tag":122,"props":1454,"children":1455},{"class":135},[1456],{"type":55,"value":210},{"type":46,"tag":122,"props":1458,"children":1459},{"class":213},[1460],{"type":55,"value":1461},"icon",{"type":46,"tag":122,"props":1463,"children":1464},{"class":198},[1465],{"type":55,"value":221},{"type":46,"tag":122,"props":1467,"children":1468},{"class":135},[1469],{"type":55,"value":138},{"type":46,"tag":122,"props":1471,"children":1472},{"class":198},[1473],{"type":55,"value":240},{"type":46,"tag":122,"props":1475,"children":1476},{"class":141},[1477],{"type":55,"value":1478},"carbon:apps",{"type":46,"tag":122,"props":1480,"children":1481},{"class":198},[1482],{"type":55,"value":240},{"type":46,"tag":122,"props":1484,"children":1485},{"class":198},[1486],{"type":55,"value":821},{"type":46,"tag":122,"props":1488,"children":1489},{"class":124,"line":967},[1490,1494],{"type":46,"tag":122,"props":1491,"children":1492},{"class":198},[1493],{"type":55,"value":210},{"type":46,"tag":122,"props":1495,"children":1496},{"class":575},[1497],{"type":55,"value":1498},"// iframe view\n",{"type":46,"tag":122,"props":1500,"children":1501},{"class":124,"line":1013},[1502,1506,1511,1515,1519],{"type":46,"tag":122,"props":1503,"children":1504},{"class":135},[1505],{"type":55,"value":210},{"type":46,"tag":122,"props":1507,"children":1508},{"class":213},[1509],{"type":55,"value":1510},"view",{"type":46,"tag":122,"props":1512,"children":1513},{"class":198},[1514],{"type":55,"value":221},{"type":46,"tag":122,"props":1516,"children":1517},{"class":135},[1518],{"type":55,"value":138},{"type":46,"tag":122,"props":1520,"children":1521},{"class":198},[1522],{"type":55,"value":201},{"type":46,"tag":122,"props":1524,"children":1525},{"class":124,"line":1026},[1526,1530,1535,1539,1543,1547,1552,1556],{"type":46,"tag":122,"props":1527,"children":1528},{"class":135},[1529],{"type":55,"value":235},{"type":46,"tag":122,"props":1531,"children":1532},{"class":213},[1533],{"type":55,"value":1534},"type",{"type":46,"tag":122,"props":1536,"children":1537},{"class":198},[1538],{"type":55,"value":221},{"type":46,"tag":122,"props":1540,"children":1541},{"class":135},[1542],{"type":55,"value":138},{"type":46,"tag":122,"props":1544,"children":1545},{"class":198},[1546],{"type":55,"value":240},{"type":46,"tag":122,"props":1548,"children":1549},{"class":141},[1550],{"type":55,"value":1551},"iframe",{"type":46,"tag":122,"props":1553,"children":1554},{"class":198},[1555],{"type":55,"value":240},{"type":46,"tag":122,"props":1557,"children":1558},{"class":198},[1559],{"type":55,"value":821},{"type":46,"tag":122,"props":1561,"children":1562},{"class":124,"line":1038},[1563,1567,1572,1576,1580,1584,1589,1593],{"type":46,"tag":122,"props":1564,"children":1565},{"class":135},[1566],{"type":55,"value":235},{"type":46,"tag":122,"props":1568,"children":1569},{"class":213},[1570],{"type":55,"value":1571},"src",{"type":46,"tag":122,"props":1573,"children":1574},{"class":198},[1575],{"type":55,"value":221},{"type":46,"tag":122,"props":1577,"children":1578},{"class":135},[1579],{"type":55,"value":138},{"type":46,"tag":122,"props":1581,"children":1582},{"class":198},[1583],{"type":55,"value":240},{"type":46,"tag":122,"props":1585,"children":1586},{"class":141},[1587],{"type":55,"value":1588},"/url-to-your-module-view",{"type":46,"tag":122,"props":1590,"children":1591},{"class":198},[1592],{"type":55,"value":240},{"type":46,"tag":122,"props":1594,"children":1595},{"class":198},[1596],{"type":55,"value":821},{"type":46,"tag":122,"props":1598,"children":1600},{"class":124,"line":1599},14,[1601,1605],{"type":46,"tag":122,"props":1602,"children":1603},{"class":135},[1604],{"type":55,"value":210},{"type":46,"tag":122,"props":1606,"children":1607},{"class":198},[1608],{"type":55,"value":1609},"},\n",{"type":46,"tag":122,"props":1611,"children":1613},{"class":124,"line":1612},15,[1614,1618],{"type":46,"tag":122,"props":1615,"children":1616},{"class":198},[1617],{"type":55,"value":267},{"type":46,"tag":122,"props":1619,"children":1620},{"class":135},[1621],{"type":55,"value":1622},"))",{"type":46,"tag":105,"props":1624,"children":1626},{"id":1625},"refreshcustomtabs",[1627],{"type":46,"tag":77,"props":1628,"children":1629},{},[1630],{"type":55,"value":1631},"refreshCustomTabs()",{"type":46,"tag":51,"props":1633,"children":1634},{},[1635,1637,1642],{"type":55,"value":1636},"A shorthand for call hook ",{"type":46,"tag":77,"props":1638,"children":1639},{},[1640],{"type":55,"value":1641},"devtools:customTabs:refresh",{"type":55,"value":1643},". It will refresh all custom tabs.",{"type":46,"tag":105,"props":1645,"children":1647},{"id":1646},"startsubprocess",[1648],{"type":46,"tag":77,"props":1649,"children":1650},{},[1651],{"type":55,"value":1652},"startSubprocess()",{"type":46,"tag":51,"props":1654,"children":1655},{},[1656,1658,1663],{"type":55,"value":1657},"Start a sub process using ",{"type":46,"tag":77,"props":1659,"children":1660},{},[1661],{"type":55,"value":1662},"execa",{"type":55,"value":1664}," and create a terminal tab in DevTools.",{"type":46,"tag":112,"props":1666,"children":1668},{"className":156,"code":1667,"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",[1669],{"type":46,"tag":77,"props":1670,"children":1671},{"__ignoreMap":40},[1672,1728,1734,1764,1775,1812,1832,1856,1880,1904,1940,1952,1963,1974,2011,2047,2084,2096],{"type":46,"tag":122,"props":1673,"children":1674},{"class":124,"line":125},[1675,1679,1683,1687,1691,1696,1700,1704,1708,1712,1716,1720,1724],{"type":46,"tag":122,"props":1676,"children":1677},{"class":168},[1678],{"type":55,"value":1140},{"type":46,"tag":122,"props":1680,"children":1681},{"class":135},[1682],{"type":55,"value":138},{"type":46,"tag":122,"props":1684,"children":1685},{"class":198},[1686],{"type":55,"value":1149},{"type":46,"tag":122,"props":1688,"children":1689},{"class":213},[1690],{"type":55,"value":138},{"type":46,"tag":122,"props":1692,"children":1693},{"class":135},[1694],{"type":55,"value":1695},"startSubprocess",{"type":46,"tag":122,"props":1697,"children":1698},{"class":213},[1699],{"type":55,"value":138},{"type":46,"tag":122,"props":1701,"children":1702},{"class":198},[1703],{"type":55,"value":267},{"type":46,"tag":122,"props":1705,"children":1706},{"class":135},[1707],{"type":55,"value":138},{"type":46,"tag":122,"props":1709,"children":1710},{"class":168},[1711],{"type":55,"value":1175},{"type":46,"tag":122,"props":1713,"children":1714},{"class":135},[1715],{"type":55,"value":138},{"type":46,"tag":122,"props":1717,"children":1718},{"class":198},[1719],{"type":55,"value":240},{"type":46,"tag":122,"props":1721,"children":1722},{"class":141},[1723],{"type":55,"value":1125},{"type":46,"tag":122,"props":1725,"children":1726},{"class":198},[1727],{"type":55,"value":249},{"type":46,"tag":122,"props":1729,"children":1730},{"class":124,"line":204},[1731],{"type":46,"tag":122,"props":1732,"children":1733},{},[],{"type":46,"tag":122,"props":1735,"children":1736},{"class":124,"line":229},[1737,1742,1747,1751,1755,1759],{"type":46,"tag":122,"props":1738,"children":1739},{"class":348},[1740],{"type":55,"value":1741},"const",{"type":46,"tag":122,"props":1743,"children":1744},{"class":135},[1745],{"type":55,"value":1746}," subprocess ",{"type":46,"tag":122,"props":1748,"children":1749},{"class":198},[1750],{"type":55,"value":355},{"type":46,"tag":122,"props":1752,"children":1753},{"class":135},[1754],{"type":55,"value":138},{"type":46,"tag":122,"props":1756,"children":1757},{"class":187},[1758],{"type":55,"value":1695},{"type":46,"tag":122,"props":1760,"children":1761},{"class":135},[1762],{"type":55,"value":1763},"(\n",{"type":46,"tag":122,"props":1765,"children":1766},{"class":124,"line":252},[1767,1771],{"type":46,"tag":122,"props":1768,"children":1769},{"class":135},[1770],{"type":55,"value":210},{"type":46,"tag":122,"props":1772,"children":1773},{"class":198},[1774],{"type":55,"value":201},{"type":46,"tag":122,"props":1776,"children":1777},{"class":124,"line":261},[1778,1782,1787,1791,1795,1799,1804,1808],{"type":46,"tag":122,"props":1779,"children":1780},{"class":135},[1781],{"type":55,"value":235},{"type":46,"tag":122,"props":1783,"children":1784},{"class":213},[1785],{"type":55,"value":1786},"command",{"type":46,"tag":122,"props":1788,"children":1789},{"class":198},[1790],{"type":55,"value":221},{"type":46,"tag":122,"props":1792,"children":1793},{"class":135},[1794],{"type":55,"value":138},{"type":46,"tag":122,"props":1796,"children":1797},{"class":198},[1798],{"type":55,"value":240},{"type":46,"tag":122,"props":1800,"children":1801},{"class":141},[1802],{"type":55,"value":1803},"code-server",{"type":46,"tag":122,"props":1805,"children":1806},{"class":198},[1807],{"type":55,"value":240},{"type":46,"tag":122,"props":1809,"children":1810},{"class":198},[1811],{"type":55,"value":821},{"type":46,"tag":122,"props":1813,"children":1814},{"class":124,"line":824},[1815,1819,1824,1828],{"type":46,"tag":122,"props":1816,"children":1817},{"class":135},[1818],{"type":55,"value":235},{"type":46,"tag":122,"props":1820,"children":1821},{"class":213},[1822],{"type":55,"value":1823},"args",{"type":46,"tag":122,"props":1825,"children":1826},{"class":198},[1827],{"type":55,"value":221},{"type":46,"tag":122,"props":1829,"children":1830},{"class":135},[1831],{"type":55,"value":226},{"type":46,"tag":122,"props":1833,"children":1834},{"class":124,"line":849},[1835,1839,1843,1848,1852],{"type":46,"tag":122,"props":1836,"children":1837},{"class":135},[1838],{"type":55,"value":880},{"type":46,"tag":122,"props":1840,"children":1841},{"class":198},[1842],{"type":55,"value":240},{"type":46,"tag":122,"props":1844,"children":1845},{"class":141},[1846],{"type":55,"value":1847},"serve-local",{"type":46,"tag":122,"props":1849,"children":1850},{"class":198},[1851],{"type":55,"value":240},{"type":46,"tag":122,"props":1853,"children":1854},{"class":198},[1855],{"type":55,"value":821},{"type":46,"tag":122,"props":1857,"children":1858},{"class":124,"line":874},[1859,1863,1867,1872,1876],{"type":46,"tag":122,"props":1860,"children":1861},{"class":135},[1862],{"type":55,"value":880},{"type":46,"tag":122,"props":1864,"children":1865},{"class":198},[1866],{"type":55,"value":240},{"type":46,"tag":122,"props":1868,"children":1869},{"class":141},[1870],{"type":55,"value":1871},"--accept-server-license-terms",{"type":46,"tag":122,"props":1873,"children":1874},{"class":198},[1875],{"type":55,"value":240},{"type":46,"tag":122,"props":1877,"children":1878},{"class":198},[1879],{"type":55,"value":821},{"type":46,"tag":122,"props":1881,"children":1882},{"class":124,"line":921},[1883,1887,1891,1896,1900],{"type":46,"tag":122,"props":1884,"children":1885},{"class":135},[1886],{"type":55,"value":880},{"type":46,"tag":122,"props":1888,"children":1889},{"class":198},[1890],{"type":55,"value":240},{"type":46,"tag":122,"props":1892,"children":1893},{"class":141},[1894],{"type":55,"value":1895},"--without-connection-token",{"type":46,"tag":122,"props":1897,"children":1898},{"class":198},[1899],{"type":55,"value":240},{"type":46,"tag":122,"props":1901,"children":1902},{"class":198},[1903],{"type":55,"value":821},{"type":46,"tag":122,"props":1905,"children":1906},{"class":124,"line":967},[1907,1911,1916,1921,1926,1931,1936],{"type":46,"tag":122,"props":1908,"children":1909},{"class":135},[1910],{"type":55,"value":880},{"type":46,"tag":122,"props":1912,"children":1913},{"class":198},[1914],{"type":55,"value":1915},"`",{"type":46,"tag":122,"props":1917,"children":1918},{"class":141},[1919],{"type":55,"value":1920},"--port=",{"type":46,"tag":122,"props":1922,"children":1923},{"class":198},[1924],{"type":55,"value":1925},"${",{"type":46,"tag":122,"props":1927,"children":1928},{"class":135},[1929],{"type":55,"value":1930},"port",{"type":46,"tag":122,"props":1932,"children":1933},{"class":198},[1934],{"type":55,"value":1935},"}`",{"type":46,"tag":122,"props":1937,"children":1938},{"class":198},[1939],{"type":55,"value":821},{"type":46,"tag":122,"props":1941,"children":1942},{"class":124,"line":1013},[1943,1948],{"type":46,"tag":122,"props":1944,"children":1945},{"class":135},[1946],{"type":55,"value":1947},"    ]",{"type":46,"tag":122,"props":1949,"children":1950},{"class":198},[1951],{"type":55,"value":821},{"type":46,"tag":122,"props":1953,"children":1954},{"class":124,"line":1026},[1955,1959],{"type":46,"tag":122,"props":1956,"children":1957},{"class":135},[1958],{"type":55,"value":210},{"type":46,"tag":122,"props":1960,"children":1961},{"class":198},[1962],{"type":55,"value":1609},{"type":46,"tag":122,"props":1964,"children":1965},{"class":124,"line":1038},[1966,1970],{"type":46,"tag":122,"props":1967,"children":1968},{"class":135},[1969],{"type":55,"value":210},{"type":46,"tag":122,"props":1971,"children":1972},{"class":198},[1973],{"type":55,"value":201},{"type":46,"tag":122,"props":1975,"children":1976},{"class":124,"line":1599},[1977,1981,1986,1990,1994,1998,2003,2007],{"type":46,"tag":122,"props":1978,"children":1979},{"class":135},[1980],{"type":55,"value":235},{"type":46,"tag":122,"props":1982,"children":1983},{"class":213},[1984],{"type":55,"value":1985},"id",{"type":46,"tag":122,"props":1987,"children":1988},{"class":198},[1989],{"type":55,"value":221},{"type":46,"tag":122,"props":1991,"children":1992},{"class":135},[1993],{"type":55,"value":138},{"type":46,"tag":122,"props":1995,"children":1996},{"class":198},[1997],{"type":55,"value":240},{"type":46,"tag":122,"props":1999,"children":2000},{"class":141},[2001],{"type":55,"value":2002},"devtools:vscode",{"type":46,"tag":122,"props":2004,"children":2005},{"class":198},[2006],{"type":55,"value":240},{"type":46,"tag":122,"props":2008,"children":2009},{"class":198},[2010],{"type":55,"value":821},{"type":46,"tag":122,"props":2012,"children":2013},{"class":124,"line":1612},[2014,2018,2022,2026,2030,2034,2039,2043],{"type":46,"tag":122,"props":2015,"children":2016},{"class":135},[2017],{"type":55,"value":235},{"type":46,"tag":122,"props":2019,"children":2020},{"class":213},[2021],{"type":55,"value":1363},{"type":46,"tag":122,"props":2023,"children":2024},{"class":198},[2025],{"type":55,"value":221},{"type":46,"tag":122,"props":2027,"children":2028},{"class":135},[2029],{"type":55,"value":138},{"type":46,"tag":122,"props":2031,"children":2032},{"class":198},[2033],{"type":55,"value":240},{"type":46,"tag":122,"props":2035,"children":2036},{"class":141},[2037],{"type":55,"value":2038},"VS Code Server",{"type":46,"tag":122,"props":2040,"children":2041},{"class":198},[2042],{"type":55,"value":240},{"type":46,"tag":122,"props":2044,"children":2045},{"class":198},[2046],{"type":55,"value":821},{"type":46,"tag":122,"props":2048,"children":2050},{"class":124,"line":2049},16,[2051,2055,2059,2063,2067,2071,2076,2080],{"type":46,"tag":122,"props":2052,"children":2053},{"class":135},[2054],{"type":55,"value":235},{"type":46,"tag":122,"props":2056,"children":2057},{"class":213},[2058],{"type":55,"value":1461},{"type":46,"tag":122,"props":2060,"children":2061},{"class":198},[2062],{"type":55,"value":221},{"type":46,"tag":122,"props":2064,"children":2065},{"class":135},[2066],{"type":55,"value":138},{"type":46,"tag":122,"props":2068,"children":2069},{"class":198},[2070],{"type":55,"value":240},{"type":46,"tag":122,"props":2072,"children":2073},{"class":141},[2074],{"type":55,"value":2075},"logos-visual-studio-code",{"type":46,"tag":122,"props":2077,"children":2078},{"class":198},[2079],{"type":55,"value":240},{"type":46,"tag":122,"props":2081,"children":2082},{"class":198},[2083],{"type":55,"value":821},{"type":46,"tag":122,"props":2085,"children":2087},{"class":124,"line":2086},17,[2088,2092],{"type":46,"tag":122,"props":2089,"children":2090},{"class":135},[2091],{"type":55,"value":210},{"type":46,"tag":122,"props":2093,"children":2094},{"class":198},[2095],{"type":55,"value":1609},{"type":46,"tag":122,"props":2097,"children":2099},{"class":124,"line":2098},18,[2100],{"type":46,"tag":122,"props":2101,"children":2102},{"class":135},[2103],{"type":55,"value":272},{"type":46,"tag":112,"props":2105,"children":2107},{"className":156,"code":2106,"language":158,"meta":40},"subprocess.restart()\nsubprocess.terminate()\n",[2108],{"type":46,"tag":77,"props":2109,"children":2110},{"__ignoreMap":40},[2111,2133],{"type":46,"tag":122,"props":2112,"children":2113},{"class":124,"line":125},[2114,2119,2123,2128],{"type":46,"tag":122,"props":2115,"children":2116},{"class":135},[2117],{"type":55,"value":2118},"subprocess",{"type":46,"tag":122,"props":2120,"children":2121},{"class":198},[2122],{"type":55,"value":83},{"type":46,"tag":122,"props":2124,"children":2125},{"class":187},[2126],{"type":55,"value":2127},"restart",{"type":46,"tag":122,"props":2129,"children":2130},{"class":135},[2131],{"type":55,"value":2132},"()\n",{"type":46,"tag":122,"props":2134,"children":2135},{"class":124,"line":204},[2136,2140,2144,2149],{"type":46,"tag":122,"props":2137,"children":2138},{"class":135},[2139],{"type":55,"value":2118},{"type":46,"tag":122,"props":2141,"children":2142},{"class":198},[2143],{"type":55,"value":83},{"type":46,"tag":122,"props":2145,"children":2146},{"class":187},[2147],{"type":55,"value":2148},"terminate",{"type":46,"tag":122,"props":2150,"children":2151},{"class":135},[2152],{"type":55,"value":1321},{"type":46,"tag":105,"props":2154,"children":2156},{"id":2155},"extendserverrpc",[2157],{"type":46,"tag":77,"props":2158,"children":2159},{},[2160],{"type":55,"value":2161},"extendServerRpc()",{"type":46,"tag":51,"props":2163,"children":2164},{},[2165],{"type":55,"value":2166},"Extend the server RPC with your own methods.",{"type":46,"tag":112,"props":2168,"children":2170},{"className":156,"code":2169,"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",[2171],{"type":46,"tag":77,"props":2172,"children":2173},{"__ignoreMap":40},[2174,2230,2236,2289,2322,2351,2362],{"type":46,"tag":122,"props":2175,"children":2176},{"class":124,"line":125},[2177,2181,2185,2189,2193,2198,2202,2206,2210,2214,2218,2222,2226],{"type":46,"tag":122,"props":2178,"children":2179},{"class":168},[2180],{"type":55,"value":1140},{"type":46,"tag":122,"props":2182,"children":2183},{"class":135},[2184],{"type":55,"value":138},{"type":46,"tag":122,"props":2186,"children":2187},{"class":198},[2188],{"type":55,"value":1149},{"type":46,"tag":122,"props":2190,"children":2191},{"class":213},[2192],{"type":55,"value":138},{"type":46,"tag":122,"props":2194,"children":2195},{"class":135},[2196],{"type":55,"value":2197},"extendServerRpc",{"type":46,"tag":122,"props":2199,"children":2200},{"class":213},[2201],{"type":55,"value":138},{"type":46,"tag":122,"props":2203,"children":2204},{"class":198},[2205],{"type":55,"value":267},{"type":46,"tag":122,"props":2207,"children":2208},{"class":135},[2209],{"type":55,"value":138},{"type":46,"tag":122,"props":2211,"children":2212},{"class":168},[2213],{"type":55,"value":1175},{"type":46,"tag":122,"props":2215,"children":2216},{"class":135},[2217],{"type":55,"value":138},{"type":46,"tag":122,"props":2219,"children":2220},{"class":198},[2221],{"type":55,"value":240},{"type":46,"tag":122,"props":2223,"children":2224},{"class":141},[2225],{"type":55,"value":1125},{"type":46,"tag":122,"props":2227,"children":2228},{"class":198},[2229],{"type":55,"value":249},{"type":46,"tag":122,"props":2231,"children":2232},{"class":124,"line":204},[2233],{"type":46,"tag":122,"props":2234,"children":2235},{},[],{"type":46,"tag":122,"props":2237,"children":2238},{"class":124,"line":229},[2239,2243,2248,2252,2256,2260,2264,2268,2272,2276,2281,2285],{"type":46,"tag":122,"props":2240,"children":2241},{"class":348},[2242],{"type":55,"value":1741},{"type":46,"tag":122,"props":2244,"children":2245},{"class":135},[2246],{"type":55,"value":2247}," rpc ",{"type":46,"tag":122,"props":2249,"children":2250},{"class":198},[2251],{"type":55,"value":355},{"type":46,"tag":122,"props":2253,"children":2254},{"class":135},[2255],{"type":55,"value":138},{"type":46,"tag":122,"props":2257,"children":2258},{"class":187},[2259],{"type":55,"value":2197},{"type":46,"tag":122,"props":2261,"children":2262},{"class":135},[2263],{"type":55,"value":195},{"type":46,"tag":122,"props":2265,"children":2266},{"class":198},[2267],{"type":55,"value":240},{"type":46,"tag":122,"props":2269,"children":2270},{"class":141},[2271],{"type":55,"value":1380},{"type":46,"tag":122,"props":2273,"children":2274},{"class":198},[2275],{"type":55,"value":240},{"type":46,"tag":122,"props":2277,"children":2278},{"class":198},[2279],{"type":55,"value":2280},",",{"type":46,"tag":122,"props":2282,"children":2283},{"class":135},[2284],{"type":55,"value":138},{"type":46,"tag":122,"props":2286,"children":2287},{"class":198},[2288],{"type":55,"value":201},{"type":46,"tag":122,"props":2290,"children":2291},{"class":124,"line":252},[2292,2296,2301,2305,2310,2314,2318],{"type":46,"tag":122,"props":2293,"children":2294},{"class":135},[2295],{"type":55,"value":210},{"type":46,"tag":122,"props":2297,"children":2298},{"class":348},[2299],{"type":55,"value":2300},"async",{"type":46,"tag":122,"props":2302,"children":2303},{"class":135},[2304],{"type":55,"value":138},{"type":46,"tag":122,"props":2306,"children":2307},{"class":213},[2308],{"type":55,"value":2309},"myMethod",{"type":46,"tag":122,"props":2311,"children":2312},{"class":198},[2313],{"type":55,"value":1321},{"type":46,"tag":122,"props":2315,"children":2316},{"class":135},[2317],{"type":55,"value":138},{"type":46,"tag":122,"props":2319,"children":2320},{"class":198},[2321],{"type":55,"value":201},{"type":46,"tag":122,"props":2323,"children":2324},{"class":124,"line":261},[2325,2329,2334,2338,2342,2347],{"type":46,"tag":122,"props":2326,"children":2327},{"class":213},[2328],{"type":55,"value":235},{"type":46,"tag":122,"props":2330,"children":2331},{"class":168},[2332],{"type":55,"value":2333},"return",{"type":46,"tag":122,"props":2335,"children":2336},{"class":213},[2337],{"type":55,"value":138},{"type":46,"tag":122,"props":2339,"children":2340},{"class":198},[2341],{"type":55,"value":240},{"type":46,"tag":122,"props":2343,"children":2344},{"class":141},[2345],{"type":55,"value":2346},"hello",{"type":46,"tag":122,"props":2348,"children":2349},{"class":198},[2350],{"type":55,"value":249},{"type":46,"tag":122,"props":2352,"children":2353},{"class":124,"line":824},[2354,2358],{"type":46,"tag":122,"props":2355,"children":2356},{"class":213},[2357],{"type":55,"value":210},{"type":46,"tag":122,"props":2359,"children":2360},{"class":198},[2361],{"type":55,"value":1609},{"type":46,"tag":122,"props":2363,"children":2364},{"class":124,"line":849},[2365,2369],{"type":46,"tag":122,"props":2366,"children":2367},{"class":198},[2368],{"type":55,"value":267},{"type":46,"tag":122,"props":2370,"children":2371},{"class":135},[2372],{"type":55,"value":272},{"type":46,"tag":51,"props":2374,"children":2375},{},[2376,2378,2384],{"type":55,"value":2377},"Learn more about ",{"type":46,"tag":58,"props":2379,"children":2381},{"href":2380},"/module/guide#custom-rpc-functions",[2382],{"type":55,"value":2383},"Custom RPC functions",{"type":55,"value":83},{"type":46,"tag":85,"props":2386,"children":2388},{"id":2387},"nuxtdevtools-kitiframe-client",[2389],{"type":46,"tag":77,"props":2390,"children":2391},{},[2392],{"type":55,"value":2393},"@nuxt/devtools-kit/iframe-client",{"type":46,"tag":51,"props":2395,"children":2396},{},[2397],{"type":55,"value":2398},"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":2400,"children":2401},{},[2402],{"type":55,"value":2403},"To get the infomation from the devtools and the client app, you can do this in your client app:",{"type":46,"tag":112,"props":2405,"children":2407},{"className":156,"code":2406,"language":158,"meta":40},"import { useDevtoolsClient } from '@nuxt/devtools-kit/iframe-client'\n\nexport const devtoolsClient = useDevtoolsClient()\n",[2408],{"type":46,"tag":77,"props":2409,"children":2410},{"__ignoreMap":40},[2411,2467,2473],{"type":46,"tag":122,"props":2412,"children":2413},{"class":124,"line":125},[2414,2418,2422,2426,2430,2435,2439,2443,2447,2451,2455,2459,2463],{"type":46,"tag":122,"props":2415,"children":2416},{"class":168},[2417],{"type":55,"value":1140},{"type":46,"tag":122,"props":2419,"children":2420},{"class":135},[2421],{"type":55,"value":138},{"type":46,"tag":122,"props":2423,"children":2424},{"class":198},[2425],{"type":55,"value":1149},{"type":46,"tag":122,"props":2427,"children":2428},{"class":213},[2429],{"type":55,"value":138},{"type":46,"tag":122,"props":2431,"children":2432},{"class":135},[2433],{"type":55,"value":2434},"useDevtoolsClient",{"type":46,"tag":122,"props":2436,"children":2437},{"class":213},[2438],{"type":55,"value":138},{"type":46,"tag":122,"props":2440,"children":2441},{"class":198},[2442],{"type":55,"value":267},{"type":46,"tag":122,"props":2444,"children":2445},{"class":135},[2446],{"type":55,"value":138},{"type":46,"tag":122,"props":2448,"children":2449},{"class":168},[2450],{"type":55,"value":1175},{"type":46,"tag":122,"props":2452,"children":2453},{"class":135},[2454],{"type":55,"value":138},{"type":46,"tag":122,"props":2456,"children":2457},{"class":198},[2458],{"type":55,"value":240},{"type":46,"tag":122,"props":2460,"children":2461},{"class":141},[2462],{"type":55,"value":2393},{"type":46,"tag":122,"props":2464,"children":2465},{"class":198},[2466],{"type":55,"value":249},{"type":46,"tag":122,"props":2468,"children":2469},{"class":124,"line":204},[2470],{"type":46,"tag":122,"props":2471,"children":2472},{},[],{"type":46,"tag":122,"props":2474,"children":2475},{"class":124,"line":229},[2476,2480,2484,2488,2493,2497,2501,2505],{"type":46,"tag":122,"props":2477,"children":2478},{"class":168},[2479],{"type":55,"value":171},{"type":46,"tag":122,"props":2481,"children":2482},{"class":135},[2483],{"type":55,"value":138},{"type":46,"tag":122,"props":2485,"children":2486},{"class":348},[2487],{"type":55,"value":1741},{"type":46,"tag":122,"props":2489,"children":2490},{"class":135},[2491],{"type":55,"value":2492}," devtoolsClient ",{"type":46,"tag":122,"props":2494,"children":2495},{"class":198},[2496],{"type":55,"value":355},{"type":46,"tag":122,"props":2498,"children":2499},{"class":135},[2500],{"type":55,"value":138},{"type":46,"tag":122,"props":2502,"children":2503},{"class":187},[2504],{"type":55,"value":2434},{"type":46,"tag":122,"props":2506,"children":2507},{"class":135},[2508],{"type":55,"value":1321},{"type":46,"tag":51,"props":2510,"children":2511},{},[2512,2514,2519,2521,2526],{"type":55,"value":2513},"When the iframe been served with the same origin (CORS limitation), devtools will automatically inject ",{"type":46,"tag":77,"props":2515,"children":2516},{},[2517],{"type":55,"value":2518},"__NUXT_DEVTOOLS__",{"type":55,"value":2520}," to the iframe's window object. You can access it as a ref using ",{"type":46,"tag":77,"props":2522,"children":2523},{},[2524],{"type":55,"value":2525},"useDevtoolsClient()",{"type":55,"value":2527}," utility.",{"type":46,"tag":105,"props":2529,"children":2531},{"id":2530},"usedevtoolsclient",[2532],{"type":46,"tag":77,"props":2533,"children":2534},{},[2535],{"type":55,"value":2525},{"type":46,"tag":51,"props":2537,"children":2538},{},[2539,2541,2546,2548,2553],{"type":55,"value":2540},"It will return a ref of ",{"type":46,"tag":77,"props":2542,"children":2543},{},[2544],{"type":55,"value":2545},"NuxtDevtoolsIframeClient",{"type":55,"value":2547}," object that are intially ",{"type":46,"tag":77,"props":2549,"children":2550},{},[2551],{"type":55,"value":2552},"null",{"type":55,"value":2554}," and will be updated when the connection is ready.",{"type":46,"tag":51,"props":2556,"children":2557},{},[2558,2562],{"type":46,"tag":77,"props":2559,"children":2560},{},[2561],{"type":55,"value":2545},{"type":55,"value":2563}," contains two properties:",{"type":46,"tag":2565,"props":2566,"children":2567},"ul",{},[2568,2579],{"type":46,"tag":2569,"props":2570,"children":2571},"li",{},[2572,2577],{"type":46,"tag":77,"props":2573,"children":2574},{},[2575],{"type":55,"value":2576},"host",{"type":55,"value":2578},": APIs to communicate with the client app",{"type":46,"tag":2569,"props":2580,"children":2581},{},[2582,2587],{"type":46,"tag":77,"props":2583,"children":2584},{},[2585],{"type":55,"value":2586},"devtools",{"type":55,"value":2588},": APIs to communicate with the devtools",{"type":46,"tag":51,"props":2590,"children":2591},{},[2592,2596],{"type":46,"tag":77,"props":2593,"children":2594},{},[2595],{"type":55,"value":2576},{"type":55,"value":2597}," can be undefined when devtools are accessed standalone or from a different origin.",{"type":46,"tag":51,"props":2599,"children":2600},{},[2601],{"type":55,"value":2602},"For example, you can get the router instance from the client app:",{"type":46,"tag":112,"props":2604,"children":2606},{"className":156,"code":2605,"language":158,"meta":40},"const router = computed(() => devtoolsClient.value?.host?.nuxt.vueApp.config.globalProperties?.$router)\n",[2607],{"type":46,"tag":77,"props":2608,"children":2609},{"__ignoreMap":40},[2610],{"type":46,"tag":122,"props":2611,"children":2612},{"class":124,"line":125},[2613,2617,2622,2626,2630,2635,2639,2643,2647,2651,2656,2660,2665,2670,2674,2678,2683,2687,2692,2696,2701,2705,2710,2714],{"type":46,"tag":122,"props":2614,"children":2615},{"class":348},[2616],{"type":55,"value":1741},{"type":46,"tag":122,"props":2618,"children":2619},{"class":135},[2620],{"type":55,"value":2621}," router ",{"type":46,"tag":122,"props":2623,"children":2624},{"class":198},[2625],{"type":55,"value":355},{"type":46,"tag":122,"props":2627,"children":2628},{"class":135},[2629],{"type":55,"value":138},{"type":46,"tag":122,"props":2631,"children":2632},{"class":187},[2633],{"type":55,"value":2634},"computed",{"type":46,"tag":122,"props":2636,"children":2637},{"class":135},[2638],{"type":55,"value":195},{"type":46,"tag":122,"props":2640,"children":2641},{"class":198},[2642],{"type":55,"value":1321},{"type":46,"tag":122,"props":2644,"children":2645},{"class":135},[2646],{"type":55,"value":138},{"type":46,"tag":122,"props":2648,"children":2649},{"class":348},[2650],{"type":55,"value":1330},{"type":46,"tag":122,"props":2652,"children":2653},{"class":135},[2654],{"type":55,"value":2655}," devtoolsClient",{"type":46,"tag":122,"props":2657,"children":2658},{"class":198},[2659],{"type":55,"value":83},{"type":46,"tag":122,"props":2661,"children":2662},{"class":135},[2663],{"type":55,"value":2664},"value",{"type":46,"tag":122,"props":2666,"children":2667},{"class":198},[2668],{"type":55,"value":2669},"?.",{"type":46,"tag":122,"props":2671,"children":2672},{"class":135},[2673],{"type":55,"value":2576},{"type":46,"tag":122,"props":2675,"children":2676},{"class":198},[2677],{"type":55,"value":2669},{"type":46,"tag":122,"props":2679,"children":2680},{"class":135},[2681],{"type":55,"value":2682},"nuxt",{"type":46,"tag":122,"props":2684,"children":2685},{"class":198},[2686],{"type":55,"value":83},{"type":46,"tag":122,"props":2688,"children":2689},{"class":135},[2690],{"type":55,"value":2691},"vueApp",{"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},"config",{"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},"globalProperties",{"type":46,"tag":122,"props":2711,"children":2712},{"class":198},[2713],{"type":55,"value":2669},{"type":46,"tag":122,"props":2715,"children":2716},{"class":135},[2717],{"type":55,"value":2718},"$router)",{"type":46,"tag":105,"props":2720,"children":2722},{"id":2721},"ondevtoolsclientconnected",[2723],{"type":46,"tag":77,"props":2724,"children":2725},{},[2726],{"type":55,"value":2727},"onDevtoolsClientConnected()",{"type":46,"tag":51,"props":2729,"children":2730},{},[2731,2733,2737],{"type":55,"value":2732},"Similiar to ",{"type":46,"tag":77,"props":2734,"children":2735},{},[2736],{"type":55,"value":2525},{"type":55,"value":2738}," but as a callback style:",{"type":46,"tag":112,"props":2740,"children":2742},{"className":156,"code":2741,"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",[2743],{"type":46,"tag":77,"props":2744,"children":2745},{"__ignoreMap":40},[2746,2802,2808,2857,2869,2875,2940,2952],{"type":46,"tag":122,"props":2747,"children":2748},{"class":124,"line":125},[2749,2753,2757,2761,2765,2770,2774,2778,2782,2786,2790,2794,2798],{"type":46,"tag":122,"props":2750,"children":2751},{"class":168},[2752],{"type":55,"value":1140},{"type":46,"tag":122,"props":2754,"children":2755},{"class":135},[2756],{"type":55,"value":138},{"type":46,"tag":122,"props":2758,"children":2759},{"class":198},[2760],{"type":55,"value":1149},{"type":46,"tag":122,"props":2762,"children":2763},{"class":213},[2764],{"type":55,"value":138},{"type":46,"tag":122,"props":2766,"children":2767},{"class":135},[2768],{"type":55,"value":2769},"onDevtoolsClientConnected",{"type":46,"tag":122,"props":2771,"children":2772},{"class":213},[2773],{"type":55,"value":138},{"type":46,"tag":122,"props":2775,"children":2776},{"class":198},[2777],{"type":55,"value":267},{"type":46,"tag":122,"props":2779,"children":2780},{"class":135},[2781],{"type":55,"value":138},{"type":46,"tag":122,"props":2783,"children":2784},{"class":168},[2785],{"type":55,"value":1175},{"type":46,"tag":122,"props":2787,"children":2788},{"class":135},[2789],{"type":55,"value":138},{"type":46,"tag":122,"props":2791,"children":2792},{"class":198},[2793],{"type":55,"value":240},{"type":46,"tag":122,"props":2795,"children":2796},{"class":141},[2797],{"type":55,"value":2393},{"type":46,"tag":122,"props":2799,"children":2800},{"class":198},[2801],{"type":55,"value":249},{"type":46,"tag":122,"props":2803,"children":2804},{"class":124,"line":204},[2805],{"type":46,"tag":122,"props":2806,"children":2807},{},[],{"type":46,"tag":122,"props":2809,"children":2810},{"class":124,"line":229},[2811,2815,2819,2823,2827,2831,2837,2841,2845,2849,2853],{"type":46,"tag":122,"props":2812,"children":2813},{"class":187},[2814],{"type":55,"value":2769},{"type":46,"tag":122,"props":2816,"children":2817},{"class":135},[2818],{"type":55,"value":195},{"type":46,"tag":122,"props":2820,"children":2821},{"class":348},[2822],{"type":55,"value":2300},{"type":46,"tag":122,"props":2824,"children":2825},{"class":135},[2826],{"type":55,"value":138},{"type":46,"tag":122,"props":2828,"children":2829},{"class":198},[2830],{"type":55,"value":195},{"type":46,"tag":122,"props":2832,"children":2834},{"class":2833},"ct-377156",[2835],{"type":55,"value":2836},"client",{"type":46,"tag":122,"props":2838,"children":2839},{"class":198},[2840],{"type":55,"value":272},{"type":46,"tag":122,"props":2842,"children":2843},{"class":135},[2844],{"type":55,"value":138},{"type":46,"tag":122,"props":2846,"children":2847},{"class":348},[2848],{"type":55,"value":1330},{"type":46,"tag":122,"props":2850,"children":2851},{"class":135},[2852],{"type":55,"value":138},{"type":46,"tag":122,"props":2854,"children":2855},{"class":198},[2856],{"type":55,"value":201},{"type":46,"tag":122,"props":2858,"children":2859},{"class":124,"line":252},[2860,2864],{"type":46,"tag":122,"props":2861,"children":2862},{"class":198},[2863],{"type":55,"value":210},{"type":46,"tag":122,"props":2865,"children":2866},{"class":575},[2867],{"type":55,"value":2868},"// client is NuxtDevtoolsIframeClient\n",{"type":46,"tag":122,"props":2870,"children":2871},{"class":124,"line":261},[2872],{"type":46,"tag":122,"props":2873,"children":2874},{},[],{"type":46,"tag":122,"props":2876,"children":2877},{"class":124,"line":824},[2878,2882,2886,2890,2894,2898,2902,2906,2910,2914,2918,2922,2927,2931,2936],{"type":46,"tag":122,"props":2879,"children":2880},{"class":213},[2881],{"type":55,"value":210},{"type":46,"tag":122,"props":2883,"children":2884},{"class":348},[2885],{"type":55,"value":1741},{"type":46,"tag":122,"props":2887,"children":2888},{"class":213},[2889],{"type":55,"value":138},{"type":46,"tag":122,"props":2891,"children":2892},{"class":135},[2893],{"type":55,"value":2700},{"type":46,"tag":122,"props":2895,"children":2896},{"class":213},[2897],{"type":55,"value":138},{"type":46,"tag":122,"props":2899,"children":2900},{"class":198},[2901],{"type":55,"value":355},{"type":46,"tag":122,"props":2903,"children":2904},{"class":213},[2905],{"type":55,"value":138},{"type":46,"tag":122,"props":2907,"children":2908},{"class":135},[2909],{"type":55,"value":2836},{"type":46,"tag":122,"props":2911,"children":2912},{"class":198},[2913],{"type":55,"value":83},{"type":46,"tag":122,"props":2915,"children":2916},{"class":135},[2917],{"type":55,"value":2586},{"type":46,"tag":122,"props":2919,"children":2920},{"class":198},[2921],{"type":55,"value":83},{"type":46,"tag":122,"props":2923,"children":2924},{"class":135},[2925],{"type":55,"value":2926},"rpc",{"type":46,"tag":122,"props":2928,"children":2929},{"class":198},[2930],{"type":55,"value":83},{"type":46,"tag":122,"props":2932,"children":2933},{"class":187},[2934],{"type":55,"value":2935},"getServerConfig",{"type":46,"tag":122,"props":2937,"children":2938},{"class":213},[2939],{"type":55,"value":2132},{"type":46,"tag":122,"props":2941,"children":2942},{"class":124,"line":849},[2943,2947],{"type":46,"tag":122,"props":2944,"children":2945},{"class":198},[2946],{"type":55,"value":210},{"type":46,"tag":122,"props":2948,"children":2949},{"class":575},[2950],{"type":55,"value":2951},"// ...\n",{"type":46,"tag":122,"props":2953,"children":2954},{"class":124,"line":874},[2955,2959],{"type":46,"tag":122,"props":2956,"children":2957},{"class":198},[2958],{"type":55,"value":267},{"type":46,"tag":122,"props":2960,"children":2961},{"class":135},[2962],{"type":55,"value":272},{"type":46,"tag":1062,"props":2964,"children":2965},{},[2966],{"type":55,"value":2967},".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":2969},[2970,2976],{"id":1212,"depth":204,"text":1125,"children":2971},[2972,2973,2974,2975],{"id":1220,"depth":229,"text":1226},{"id":1625,"depth":229,"text":1631},{"id":1646,"depth":229,"text":1652},{"id":2155,"depth":229,"text":2161},{"id":2387,"depth":204,"text":2393,"children":2977},[2978,2979],{"id":2530,"depth":229,"text":2525},{"id":2721,"depth":229,"text":2727},"content:2.module:1.utils-kit.md","2.module/1.utils-kit.md",{"_path":36,"_dir":2983,"_draft":39,"_partial":39,"_locale":40,"title":35,"description":2984,"body":2985,"_type":1075,"_id":3324,"_source":1077,"_file":3325,"_extension":391},"development","Learn how to contribute to the Nuxt DevTools.",{"type":43,"children":2986,"toc":3316},[2987,2992,2998,3011,3016,3066,3089,3095,3100,3121,3126,3145,3163,3168,3185,3191,3203,3214,3232,3306,3311],{"type":46,"tag":51,"props":2988,"children":2989},{},[2990],{"type":55,"value":2991},"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":2993,"children":2995},{"id":2994},"monorepo",[2996],{"type":55,"value":2997},"Monorepo",{"type":46,"tag":51,"props":2999,"children":3000},{},[3001,3003,3010],{"type":55,"value":3002},"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":3004,"children":3007},{"href":3005,"rel":3006},"https://pnpm.io/",[74],[3008],{"type":55,"value":3009},"pnpm",{"type":55,"value":83},{"type":46,"tag":51,"props":3012,"children":3013},{},[3014],{"type":55,"value":3015},"After cloning the repo, run in the root folder.",{"type":46,"tag":112,"props":3017,"children":3021},{"className":3018,"code":3019,"language":3020,"meta":40},"language-sh material-theme_material-theme-palenight_material-theme-lighter","pnpm i\npnpm run build\n","sh",[3022],{"type":46,"tag":77,"props":3023,"children":3024},{"__ignoreMap":40},[3025,3041],{"type":46,"tag":122,"props":3026,"children":3027},{"class":124,"line":125},[3028,3032,3036],{"type":46,"tag":122,"props":3029,"children":3030},{"class":129},[3031],{"type":55,"value":3009},{"type":46,"tag":122,"props":3033,"children":3034},{"class":135},[3035],{"type":55,"value":138},{"type":46,"tag":122,"props":3037,"children":3038},{"class":141},[3039],{"type":55,"value":3040},"i\n",{"type":46,"tag":122,"props":3042,"children":3043},{"class":124,"line":204},[3044,3048,3052,3057,3061],{"type":46,"tag":122,"props":3045,"children":3046},{"class":129},[3047],{"type":55,"value":3009},{"type":46,"tag":122,"props":3049,"children":3050},{"class":135},[3051],{"type":55,"value":138},{"type":46,"tag":122,"props":3053,"children":3054},{"class":141},[3055],{"type":55,"value":3056},"run",{"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},"build",{"type":46,"tag":47,"props":3067,"children":3068},{},[3069],{"type":46,"tag":51,"props":3070,"children":3071},{},[3072,3074,3081,3083,3088],{"type":55,"value":3073},"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":3075,"children":3078},{"href":3076,"rel":3077},"https://github.com/nodejs/corepack",[74],[3079],{"type":55,"value":3080},"Corepack",{"type":55,"value":3082}," by running ",{"type":46,"tag":77,"props":3084,"children":3085},{},[3086],{"type":55,"value":3087},"corepack enable",{"type":55,"value":83},{"type":46,"tag":85,"props":3090,"children":3092},{"id":3091},"packages",[3093],{"type":55,"value":3094},"Packages",{"type":46,"tag":51,"props":3096,"children":3097},{},[3098],{"type":55,"value":3099},"This repo contains the following packages:",{"type":46,"tag":2565,"props":3101,"children":3102},{},[3103,3112],{"type":46,"tag":2569,"props":3104,"children":3105},{},[3106,3110],{"type":46,"tag":77,"props":3107,"children":3108},{},[3109],{"type":55,"value":1207},{"type":55,"value":3111},": The Nuxt DevTools module",{"type":46,"tag":2569,"props":3113,"children":3114},{},[3115,3119],{"type":46,"tag":77,"props":3116,"children":3117},{},[3118],{"type":55,"value":153},{"type":55,"value":3120},": The UI Kit used by Nuxt DevTools and also for module authors to build UI for DevTools interation",{"type":46,"tag":105,"props":3122,"children":3123},{"id":2586},[3124],{"type":55,"value":3125},"DevTools",{"type":46,"tag":51,"props":3127,"children":3128},{},[3129,3131,3136,3138,3143],{"type":55,"value":3130},"Most of the scripts are forward to the root ",{"type":46,"tag":77,"props":3132,"children":3133},{},[3134],{"type":55,"value":3135},"package.json",{"type":55,"value":3137},". You can run ",{"type":46,"tag":77,"props":3139,"children":3140},{},[3141],{"type":55,"value":3142},"pnpm dev",{"type":55,"value":3144}," in the root folder to start the development server (Nuxt DevTools on top of it's own client UI).",{"type":46,"tag":51,"props":3146,"children":3147},{},[3148,3150,3155,3157,3161],{"type":55,"value":3149},"Or you can ",{"type":46,"tag":77,"props":3151,"children":3152},{},[3153],{"type":55,"value":3154},"cd packages/devtools",{"type":55,"value":3156}," and run ",{"type":46,"tag":77,"props":3158,"children":3159},{},[3160],{"type":55,"value":3142},{"type":55,"value":3162}," to start the development server.",{"type":46,"tag":105,"props":3164,"children":3166},{"id":3165},"ui-kit",[3167],{"type":55,"value":28},{"type":46,"tag":51,"props":3169,"children":3170},{},[3171,3173,3178,3179,3183],{"type":55,"value":3172},"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":3174,"children":3175},{},[3176],{"type":55,"value":3177},"cd packages/devtools-ui-kit",{"type":55,"value":3156},{"type":46,"tag":77,"props":3180,"children":3181},{},[3182],{"type":55,"value":3142},{"type":55,"value":3184}," to start the playground for the UI Kit.",{"type":46,"tag":85,"props":3186,"children":3188},{"id":3187},"trying-local-changes",[3189],{"type":55,"value":3190},"Trying Local Changes",{"type":46,"tag":51,"props":3192,"children":3193},{},[3194,3196,3201],{"type":55,"value":3195},"If you want to try your local changes in other Nuxt projects, you can use the ",{"type":46,"tag":77,"props":3197,"children":3198},{},[3199],{"type":55,"value":3200},"local.ts",{"type":55,"value":3202}," module under the root folder.",{"type":46,"tag":51,"props":3204,"children":3205},{},[3206,3208,3212],{"type":55,"value":3207},"Change ",{"type":46,"tag":77,"props":3209,"children":3210},{},[3211],{"type":55,"value":1207},{"type":55,"value":3213}," 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":3215,"children":3216},{},[3217,3219,3224,3226,3231],{"type":55,"value":3218},"For example, if you clone this repo to ",{"type":46,"tag":77,"props":3220,"children":3221},{},[3222],{"type":55,"value":3223},"/users/me/nuxt-devtools",{"type":55,"value":3225},", update your ",{"type":46,"tag":77,"props":3227,"children":3228},{},[3229],{"type":55,"value":3230},"nuxt.config.ts",{"type":55,"value":221},{"type":46,"tag":112,"props":3233,"children":3237},{"className":3234,"code":3235,"language":3236,"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",[3238],{"type":46,"tag":77,"props":3239,"children":3240},{"__ignoreMap":40},[3241,3249,3257,3265,3278,3291,3298],{"type":46,"tag":122,"props":3242,"children":3243},{"class":124,"line":125},[3244],{"type":46,"tag":122,"props":3245,"children":3246},{"class":135},[3247],{"type":55,"value":3248},"// nuxt.config.ts\n",{"type":46,"tag":122,"props":3250,"children":3251},{"class":124,"line":204},[3252],{"type":46,"tag":122,"props":3253,"children":3254},{"class":135},[3255],{"type":55,"value":3256},"export default defineNuxtConfig({\n",{"type":46,"tag":122,"props":3258,"children":3259},{"class":124,"line":229},[3260],{"type":46,"tag":122,"props":3261,"children":3262},{"class":135},[3263],{"type":55,"value":3264},"  modules: [\n",{"type":46,"tag":122,"props":3266,"children":3267},{"class":124,"line":252},[3268,3273],{"type":46,"tag":122,"props":3269,"children":3270},{"class":198},[3271],{"type":55,"value":3272},"-",{"type":46,"tag":122,"props":3274,"children":3275},{"class":213},[3276],{"type":55,"value":3277},"   '@nuxt/devtools',\n",{"type":46,"tag":122,"props":3279,"children":3280},{"class":124,"line":261},[3281,3286],{"type":46,"tag":122,"props":3282,"children":3283},{"class":198},[3284],{"type":55,"value":3285},"+",{"type":46,"tag":122,"props":3287,"children":3288},{"class":141},[3289],{"type":55,"value":3290},"   '/users/me/nuxt-devtools/local',\n",{"type":46,"tag":122,"props":3292,"children":3293},{"class":124,"line":824},[3294],{"type":46,"tag":122,"props":3295,"children":3296},{"class":135},[3297],{"type":55,"value":258},{"type":46,"tag":122,"props":3299,"children":3300},{"class":124,"line":849},[3301],{"type":46,"tag":122,"props":3302,"children":3303},{"class":135},[3304],{"type":55,"value":3305},"})",{"type":46,"tag":51,"props":3307,"children":3308},{},[3309],{"type":55,"value":3310},"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":3312,"children":3313},{},[3314],{"type":55,"value":3315},".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":3317},[3318,3319,3323],{"id":2994,"depth":204,"text":2997},{"id":3091,"depth":204,"text":3094,"children":3320},[3321,3322],{"id":2586,"depth":229,"text":3125},{"id":3165,"depth":229,"text":28},{"id":3187,"depth":204,"text":3190},"content:3.development:0.contributing.md","3.development/0.contributing.md",1695781437892]