[{"data":1,"prerenderedAt":4082},["Reactive",2],{"navigation":3,"docs-/guide/composables":37,"docs-/guide/composables-surround":440},[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":16,"_dir":38,"_draft":39,"_partial":39,"_locale":40,"title":15,"description":41,"body":42,"_type":435,"_id":436,"_source":437,"_file":438,"_extension":439},"guide",false,"","Open or control Nuxt DevTools with the useNuxtDevtools composable.",{"type":43,"children":44,"toc":433},"root",[45,61,346,351,422,427],{"type":46,"tag":47,"props":48,"children":49},"element","p",{},[50,53,59],{"type":51,"value":52},"text","In case you might want to open or control the Nuxt DevTools in your application on development, a composable ",{"type":46,"tag":54,"props":55,"children":56},"code",{},[57],{"type":51,"value":58},"useNuxtDevtools",{"type":51,"value":60}," is registered with auto-import.",{"type":46,"tag":62,"props":63,"children":67},"pre",{"className":64,"code":65,"language":66,"meta":40},"language-vue material-theme_material-theme-palenight_material-theme-lighter","\u003Cscript setup>\n// Returns undefined in production mode or when the DevTools are not enabled\nconst devtoolsClient = useNuxtDevtools() // NuxtDevToolsHostClient | undefined\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cbutton\n    v-if=\"devtoolsClient\"\n    @click=\"devtoolsClient.devtools.navigate('/modules/components')\"\n  >\n    \u003C!-- Open the DevTools and navigate to the components tab -->\n    Open DevTools\n  \u003C/button>\n\u003C/template>\n","vue",[68],{"type":46,"tag":54,"props":69,"children":70},{"__ignoreMap":40},[71,106,116,154,171,178,195,213,247,277,286,299,308,329],{"type":46,"tag":72,"props":73,"children":76},"span",{"class":74,"line":75},"line",1,[77,83,89,95,101],{"type":46,"tag":72,"props":78,"children":80},{"class":79},"ct-542793",[81],{"type":51,"value":82},"\u003C",{"type":46,"tag":72,"props":84,"children":86},{"class":85},"ct-821147",[87],{"type":51,"value":88},"script",{"type":46,"tag":72,"props":90,"children":92},{"class":91},"ct-521921",[93],{"type":51,"value":94}," ",{"type":46,"tag":72,"props":96,"children":98},{"class":97},"ct-366012",[99],{"type":51,"value":100},"setup",{"type":46,"tag":72,"props":102,"children":103},{"class":79},[104],{"type":51,"value":105},">\n",{"type":46,"tag":72,"props":107,"children":109},{"class":74,"line":108},2,[110],{"type":46,"tag":72,"props":111,"children":113},{"class":112},"ct-767688",[114],{"type":51,"value":115},"// Returns undefined in production mode or when the DevTools are not enabled\n",{"type":46,"tag":72,"props":117,"children":119},{"class":74,"line":118},3,[120,125,130,135,139,144,149],{"type":46,"tag":72,"props":121,"children":122},{"class":97},[123],{"type":51,"value":124},"const",{"type":46,"tag":72,"props":126,"children":127},{"class":91},[128],{"type":51,"value":129}," devtoolsClient ",{"type":46,"tag":72,"props":131,"children":132},{"class":79},[133],{"type":51,"value":134},"=",{"type":46,"tag":72,"props":136,"children":137},{"class":91},[138],{"type":51,"value":94},{"type":46,"tag":72,"props":140,"children":142},{"class":141},"ct-021512",[143],{"type":51,"value":58},{"type":46,"tag":72,"props":145,"children":146},{"class":91},[147],{"type":51,"value":148},"() ",{"type":46,"tag":72,"props":150,"children":151},{"class":112},[152],{"type":51,"value":153},"// NuxtDevToolsHostClient | undefined\n",{"type":46,"tag":72,"props":155,"children":157},{"class":74,"line":156},4,[158,163,167],{"type":46,"tag":72,"props":159,"children":160},{"class":79},[161],{"type":51,"value":162},"\u003C/",{"type":46,"tag":72,"props":164,"children":165},{"class":85},[166],{"type":51,"value":88},{"type":46,"tag":72,"props":168,"children":169},{"class":79},[170],{"type":51,"value":105},{"type":46,"tag":72,"props":172,"children":174},{"class":74,"line":173},5,[175],{"type":46,"tag":72,"props":176,"children":177},{},[],{"type":46,"tag":72,"props":179,"children":181},{"class":74,"line":180},6,[182,186,191],{"type":46,"tag":72,"props":183,"children":184},{"class":79},[185],{"type":51,"value":82},{"type":46,"tag":72,"props":187,"children":188},{"class":85},[189],{"type":51,"value":190},"template",{"type":46,"tag":72,"props":192,"children":193},{"class":79},[194],{"type":51,"value":105},{"type":46,"tag":72,"props":196,"children":198},{"class":74,"line":197},7,[199,204,208],{"type":46,"tag":72,"props":200,"children":201},{"class":91},[202],{"type":51,"value":203},"  ",{"type":46,"tag":72,"props":205,"children":206},{"class":79},[207],{"type":51,"value":82},{"type":46,"tag":72,"props":209,"children":210},{"class":85},[211],{"type":51,"value":212},"button\n",{"type":46,"tag":72,"props":214,"children":216},{"class":74,"line":215},8,[217,222,227,231,236,242],{"type":46,"tag":72,"props":218,"children":219},{"class":79},[220],{"type":51,"value":221},"    ",{"type":46,"tag":72,"props":223,"children":224},{"class":97},[225],{"type":51,"value":226},"v-if",{"type":46,"tag":72,"props":228,"children":229},{"class":79},[230],{"type":51,"value":134},{"type":46,"tag":72,"props":232,"children":233},{"class":79},[234],{"type":51,"value":235},"\"",{"type":46,"tag":72,"props":237,"children":239},{"class":238},"ct-083593",[240],{"type":51,"value":241},"devtoolsClient",{"type":46,"tag":72,"props":243,"children":244},{"class":79},[245],{"type":51,"value":246},"\"\n",{"type":46,"tag":72,"props":248,"children":250},{"class":74,"line":249},9,[251,255,260,264,268,273],{"type":46,"tag":72,"props":252,"children":253},{"class":79},[254],{"type":51,"value":221},{"type":46,"tag":72,"props":256,"children":257},{"class":97},[258],{"type":51,"value":259},"@click",{"type":46,"tag":72,"props":261,"children":262},{"class":79},[263],{"type":51,"value":134},{"type":46,"tag":72,"props":265,"children":266},{"class":79},[267],{"type":51,"value":235},{"type":46,"tag":72,"props":269,"children":270},{"class":238},[271],{"type":51,"value":272},"devtoolsClient.devtools.navigate('/modules/components')",{"type":46,"tag":72,"props":274,"children":275},{"class":79},[276],{"type":51,"value":246},{"type":46,"tag":72,"props":278,"children":280},{"class":74,"line":279},10,[281],{"type":46,"tag":72,"props":282,"children":283},{"class":79},[284],{"type":51,"value":285},"  >\n",{"type":46,"tag":72,"props":287,"children":289},{"class":74,"line":288},11,[290,294],{"type":46,"tag":72,"props":291,"children":292},{"class":91},[293],{"type":51,"value":221},{"type":46,"tag":72,"props":295,"children":296},{"class":112},[297],{"type":51,"value":298},"\u003C!-- Open the DevTools and navigate to the components tab -->\n",{"type":46,"tag":72,"props":300,"children":302},{"class":74,"line":301},12,[303],{"type":46,"tag":72,"props":304,"children":305},{"class":91},[306],{"type":51,"value":307},"    Open DevTools\n",{"type":46,"tag":72,"props":309,"children":311},{"class":74,"line":310},13,[312,316,320,325],{"type":46,"tag":72,"props":313,"children":314},{"class":91},[315],{"type":51,"value":203},{"type":46,"tag":72,"props":317,"children":318},{"class":79},[319],{"type":51,"value":162},{"type":46,"tag":72,"props":321,"children":322},{"class":85},[323],{"type":51,"value":324},"button",{"type":46,"tag":72,"props":326,"children":327},{"class":79},[328],{"type":51,"value":105},{"type":46,"tag":72,"props":330,"children":332},{"class":74,"line":331},14,[333,337,341],{"type":46,"tag":72,"props":334,"children":335},{"class":79},[336],{"type":51,"value":162},{"type":46,"tag":72,"props":338,"children":339},{"class":85},[340],{"type":51,"value":190},{"type":46,"tag":72,"props":342,"children":343},{"class":79},[344],{"type":51,"value":345},">",{"type":46,"tag":47,"props":347,"children":348},{},[349],{"type":51,"value":350},"When you have auto-import disabled, you can also import it explicitly:",{"type":46,"tag":62,"props":352,"children":356},{"className":353,"code":354,"language":355,"meta":40},"language-ts material-theme_material-theme-palenight_material-theme-lighter","import { useNuxtDevtools } from '#imports'\n","ts",[357],{"type":46,"tag":54,"props":358,"children":359},{"__ignoreMap":40},[360],{"type":46,"tag":72,"props":361,"children":362},{"class":74,"line":75},[363,369,373,378,382,386,390,395,399,404,408,413,418],{"type":46,"tag":72,"props":364,"children":366},{"class":365},"ct-398028",[367],{"type":51,"value":368},"import",{"type":46,"tag":72,"props":370,"children":371},{"class":91},[372],{"type":51,"value":94},{"type":46,"tag":72,"props":374,"children":375},{"class":79},[376],{"type":51,"value":377},"{",{"type":46,"tag":72,"props":379,"children":380},{"class":85},[381],{"type":51,"value":94},{"type":46,"tag":72,"props":383,"children":384},{"class":91},[385],{"type":51,"value":58},{"type":46,"tag":72,"props":387,"children":388},{"class":85},[389],{"type":51,"value":94},{"type":46,"tag":72,"props":391,"children":392},{"class":79},[393],{"type":51,"value":394},"}",{"type":46,"tag":72,"props":396,"children":397},{"class":91},[398],{"type":51,"value":94},{"type":46,"tag":72,"props":400,"children":401},{"class":365},[402],{"type":51,"value":403},"from",{"type":46,"tag":72,"props":405,"children":406},{"class":91},[407],{"type":51,"value":94},{"type":46,"tag":72,"props":409,"children":410},{"class":79},[411],{"type":51,"value":412},"'",{"type":46,"tag":72,"props":414,"children":415},{"class":238},[416],{"type":51,"value":417},"#imports",{"type":46,"tag":72,"props":419,"children":420},{"class":79},[421],{"type":51,"value":412},{"type":46,"tag":47,"props":423,"children":424},{},[425],{"type":51,"value":426},"Checkout it's type definition for more available methods.",{"type":46,"tag":428,"props":429,"children":430},"style",{},[431],{"type":51,"value":432},".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-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}.ct-521921{color:#EEFFFF;}.dark .ct-521921{color:#A6ACCD;}.light .ct-521921{color:#90A4AE;}.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-021512{color:#82AAFF;}.light .ct-021512{color:#6182B8;}.ct-083593{color:#C3E88D;}.light .ct-083593{color:#91B859;}.ct-398028{color:#89DDFF;font-style:italic;}.light .ct-398028{color:#39ADB5;font-style:italic;}",{"title":40,"searchDepth":108,"depth":108,"links":434},[],"markdown","content:1.guide:2.composables.md","content","1.guide/2.composables.md","md",[441,884],{"_path":13,"_dir":38,"_draft":39,"_partial":39,"_locale":40,"title":12,"description":442,"body":443,"_type":435,"_id":882,"_source":437,"_file":883,"_extension":439},"Discover all the features the Nuxt Devtools can offer.",{"type":43,"children":444,"toc":857},[445,461,468,473,479,485,490,494,500,505,509,514,518,523,527,533,538,542,548,553,557,562,568,573,578,584,589,595,600,606,611,617,622,628,633,639,644,650,655,661,666,678,684,689,693,699,704,708,714,731,735,741,746,752,794,801,820,825,842,847],{"type":46,"tag":47,"props":446,"children":447},{},[448,450,459],{"type":51,"value":449},"You can learn more in our ",{"type":46,"tag":451,"props":452,"children":456},"a",{"href":453,"rel":454},"https://github.com/nuxt/devtools/discussions/31",[455],"nofollow",[457],{"type":51,"value":458},"roadmap",{"type":51,"value":460},".",{"type":46,"tag":462,"props":463,"children":465},"h2",{"id":464},"overview",[466],{"type":51,"value":467},"Overview",{"type":46,"tag":47,"props":469,"children":470},{},[471],{"type":51,"value":472},"Shows a quick overview of your app, including the Nuxt version (which if it’s not up to date you can easily update it), Vue version, pages, components, imports, modules and plugins that you are using, and your app’s loading time and more!",{"type":46,"tag":474,"props":475,"children":478},"img",{"width":476,"src":477},1284,"https://user-images.githubusercontent.com/11247099/217670797-12c33a03-ca4f-490d-a18a-ab9008b89c15.png",[],{"type":46,"tag":462,"props":480,"children":482},{"id":481},"pages",[483],{"type":51,"value":484},"Pages",{"type":46,"tag":47,"props":486,"children":487},{},[488],{"type":51,"value":489},"Pages tab shows your current routes with some useful information such as what layout or middleware it has, and provides a quick way to navigate between pages. You can also use the textbox to see how each route is matched.",{"type":46,"tag":474,"props":491,"children":493},{"width":476,"src":492},"https://user-images.githubusercontent.com/11247099/217670804-e48482af-de37-47be-88d8-d9515e796d5f.png",[],{"type":46,"tag":462,"props":495,"children":497},{"id":496},"components",[498],{"type":51,"value":499},"Components",{"type":46,"tag":47,"props":501,"children":502},{},[503],{"type":51,"value":504},"Components tab shows all the components you are using in your app and where they are from. You can also search for them and go to the source code.",{"type":46,"tag":474,"props":506,"children":508},{"width":476,"src":507},"https://user-images.githubusercontent.com/11247099/217670805-726eafd1-5364-4b11-9c2b-9253d068e7e3.png",[],{"type":46,"tag":47,"props":510,"children":511},{},[512],{"type":51,"value":513},"Components tab also has a Graph view which you can toggle.\nGraph view also shows the relationship between components, and knows the dependencies of each component.",{"type":46,"tag":474,"props":515,"children":517},{"width":476,"src":516},"https://user-images.githubusercontent.com/11247099/217670806-fb39aeff-3881-44e5-b9c8-6c757f5925fc.png",[],{"type":46,"tag":47,"props":519,"children":520},{},[521],{"type":51,"value":522},"You can also inspect your app's DOM tree and see which component is rendering it. Finding the place to make changes are much easier.",{"type":46,"tag":474,"props":524,"children":526},{"width":476,"src":525},"https://user-images.githubusercontent.com/11247099/217670809-7dcb4198-5a74-4818-95b1-b62ea6c04a6c.png",[],{"type":46,"tag":462,"props":528,"children":530},{"id":529},"imports",[531],{"type":51,"value":532},"Imports",{"type":46,"tag":47,"props":534,"children":535},{},[536],{"type":51,"value":537},"Imports tab shows all the auto-imports registered to Nuxt. You can see which files are importing them, and where they are from. Some entries can also provide short descriptions and documentation links.",{"type":46,"tag":474,"props":539,"children":541},{"width":476,"src":540},"https://user-images.githubusercontent.com/11247099/217670811-fa7c7249-5a21-48c9-abe8-ca02b2518a3a.png",[],{"type":46,"tag":462,"props":543,"children":545},{"id":544},"modules",[546],{"type":51,"value":547},"Modules",{"type":46,"tag":47,"props":549,"children":550},{},[551],{"type":51,"value":552},"Modules tab shows all the modules you have installed and their information such as the module’s github repository, documentation, version and …",{"type":46,"tag":474,"props":554,"children":556},{"width":476,"src":555},"https://user-images.githubusercontent.com/11247099/217670813-ce3da4b6-269c-430e-abb5-a2263ffe4938.png",[],{"type":46,"tag":47,"props":558,"children":559},{},[560],{"type":51,"value":561},"You can install or even remove any Nuxt module with one-click!",{"type":46,"tag":462,"props":563,"children":565},{"id":564},"assets",[566],{"type":51,"value":567},"Assets",{"type":46,"tag":47,"props":569,"children":570},{},[571],{"type":51,"value":572},"Assets tab shows your files from the Public directory, you can see the information of selected file with some helpful actions.",{"type":46,"tag":47,"props":574,"children":575},{},[576],{"type":51,"value":577},"You can also upload files with Drag & Drop ability",{"type":46,"tag":462,"props":579,"children":581},{"id":580},"terminals",[582],{"type":51,"value":583},"Terminals",{"type":46,"tag":47,"props":585,"children":586},{},[587],{"type":51,"value":588},"Terminals tab shows the active terminal processes.",{"type":46,"tag":462,"props":590,"children":592},{"id":591},"runtime-config",[593],{"type":51,"value":594},"Runtime Config",{"type":46,"tag":47,"props":596,"children":597},{},[598],{"type":51,"value":599},"Runtime Config tab shows all the runtime config of your project, with the ability to edit them.",{"type":46,"tag":462,"props":601,"children":603},{"id":602},"payload",[604],{"type":51,"value":605},"Payload",{"type":46,"tag":47,"props":607,"children":608},{},[609],{"type":51,"value":610},"Payloads tab shows all the state and data payloads of your project.",{"type":46,"tag":462,"props":612,"children":614},{"id":613},"build-analyze",[615],{"type":51,"value":616},"Build Analyze",{"type":46,"tag":47,"props":618,"children":619},{},[620],{"type":51,"value":621},"In the Build Analyze tab, you can run analyze build and see the bundle size of your project. it saves the report so you can compare the bundle size in different builds.",{"type":46,"tag":462,"props":623,"children":625},{"id":624},"open-graph",[626],{"type":51,"value":627},"Open Graph",{"type":46,"tag":47,"props":629,"children":630},{},[631],{"type":51,"value":632},"Open Graph tab is to help you with SEO, it shows you a Social Preview Card for twitter, facebook and linkedIn for your page. It also provides missing SEO tags with the ability to copy code snippets.",{"type":46,"tag":462,"props":634,"children":636},{"id":635},"plugins",[637],{"type":51,"value":638},"Plugins",{"type":46,"tag":47,"props":640,"children":641},{},[642],{"type":51,"value":643},"Plugins tab shows all the plugins your project is using, with some information such as plugin's initialization time.",{"type":46,"tag":462,"props":645,"children":647},{"id":646},"server-routes",[648],{"type":51,"value":649},"Server Routes",{"type":46,"tag":47,"props":651,"children":652},{},[653],{"type":51,"value":654},"Server Routes tab shows all nitro routes in your project. It provides a playground to send and test your endpoints.",{"type":46,"tag":462,"props":656,"children":658},{"id":657},"storage",[659],{"type":51,"value":660},"Storage",{"type":46,"tag":47,"props":662,"children":663},{},[664],{"type":51,"value":665},"Storage tab shows all the nitro storage in your project. You can create, edit, and delete files.",{"type":46,"tag":47,"props":667,"children":668},{},[669,671],{"type":51,"value":670},"Learn more about ",{"type":46,"tag":451,"props":672,"children":675},{"href":673,"rel":674},"https://nitro.unjs.io/guide/storage",[455],[676],{"type":51,"value":677},"Nitro Storage",{"type":46,"tag":462,"props":679,"children":681},{"id":680},"hooks",[682],{"type":51,"value":683},"Hooks",{"type":46,"tag":47,"props":685,"children":686},{},[687],{"type":51,"value":688},"Hooks tab can help you to monitor the time spent in each hook. It can be helpful to find performance bottlenecks.",{"type":46,"tag":474,"props":690,"children":692},{"width":476,"src":691},"https://user-images.githubusercontent.com/11247099/217670815-80ec0ec3-7df1-4a07-96fb-4161fb6562a7.png",[],{"type":46,"tag":462,"props":694,"children":696},{"id":695},"virtual-files",[697],{"type":51,"value":698},"Virtual Files",{"type":46,"tag":47,"props":700,"children":701},{},[702],{"type":51,"value":703},"Virtual Files tab shows the virtual files generated by Nuxt to support the conventions.",{"type":46,"tag":474,"props":705,"children":707},{"width":476,"src":706},"https://user-images.githubusercontent.com/11247099/217670817-abb0315a-6d92-4c5e-a4da-2327f22e0e8b.png",[],{"type":46,"tag":462,"props":709,"children":711},{"id":710},"inspect",[712],{"type":51,"value":713},"Inspect",{"type":46,"tag":47,"props":715,"children":716},{},[717,719,729],{"type":51,"value":718},"Inspect expose the ",{"type":46,"tag":451,"props":720,"children":723},{"href":721,"rel":722},"https://github.com/antfu/vite-plugin-inspect",[455],[724],{"type":46,"tag":54,"props":725,"children":726},{},[727],{"type":51,"value":728},"vite-plugin-inspect",{"type":51,"value":730}," integration, allowing you to inspect transformation steps of Vite.",{"type":46,"tag":474,"props":732,"children":734},{"width":476,"src":733},"https://user-images.githubusercontent.com/11247099/217670818-77f91135-7318-462e-9148-4ad504c82555.png",[],{"type":46,"tag":462,"props":736,"children":738},{"id":737},"settings",[739],{"type":51,"value":740},"Settings",{"type":46,"tag":47,"props":742,"children":743},{},[744],{"type":51,"value":745},"Settings tab allows you to configure the DevTools to your needs. you can hide tabs, change tabs order, scale, theme and more...",{"type":46,"tag":462,"props":747,"children":749},{"id":748},"nuxt-icon",[750],{"type":51,"value":751},"Nuxt Icon",{"type":46,"tag":47,"props":753,"children":754},{},[755,757,762,764,768,769,774,775,780,781,786,787,792],{"type":51,"value":756},"Nuxt Icon is the first item on sidebar, located at the top left corner of the DevTools. It gives you a quick access to some useful features such as ",{"type":46,"tag":54,"props":758,"children":759},{},[760],{"type":51,"value":761},"Toggle Theme",{"type":51,"value":763},", ",{"type":46,"tag":54,"props":765,"children":766},{},[767],{"type":51,"value":740},{"type":51,"value":763},{"type":46,"tag":54,"props":770,"children":771},{},[772],{"type":51,"value":773},"Split Screen",{"type":51,"value":763},{"type":46,"tag":54,"props":776,"children":777},{},[778],{"type":51,"value":779},"Popup",{"type":51,"value":763},{"type":46,"tag":54,"props":782,"children":783},{},[784],{"type":51,"value":785},"Refresh Data",{"type":51,"value":763},{"type":46,"tag":54,"props":788,"children":789},{},[790],{"type":51,"value":791},"Refresh Page",{"type":51,"value":793},". you can simply click on it and see the them yourself.",{"type":46,"tag":795,"props":796,"children":798},"h3",{"id":797},"command-palette",[799],{"type":51,"value":800},"Command Palette",{"type":46,"tag":47,"props":802,"children":803},{},[804,806,811,813,818],{"type":51,"value":805},"Command Palette is a quick way to access some useful features of the DevTools such as easy navigation, run commands and Nuxt Documentations. You can open it with ",{"type":46,"tag":54,"props":807,"children":808},{},[809],{"type":51,"value":810},"Ctrl+Shift+K",{"type":51,"value":812}," or ",{"type":46,"tag":54,"props":814,"children":815},{},[816],{"type":51,"value":817},"Cmd+Shift+K",{"type":51,"value":819}," shortcut.",{"type":46,"tag":795,"props":821,"children":823},{"id":822},"split-screen",[824],{"type":51,"value":773},{"type":46,"tag":47,"props":826,"children":827},{},[828,830,834,836,840],{"type":51,"value":829},"Split Screen is a useful feature to use multiple tabs at the same time. You can open it from ",{"type":46,"tag":54,"props":831,"children":832},{},[833],{"type":51,"value":800},{"type":51,"value":835}," or by clicking the ",{"type":46,"tag":54,"props":837,"children":838},{},[839],{"type":51,"value":751},{"type":51,"value":841}," in the top left corner of the DevTools and activate it from there.",{"type":46,"tag":795,"props":843,"children":845},{"id":844},"popup",[846],{"type":51,"value":779},{"type":46,"tag":47,"props":848,"children":849},{},[850,852,856],{"type":51,"value":851},"Popup is very useful for those who has a second screen, you can open it by clicking the ",{"type":46,"tag":54,"props":853,"children":854},{},[855],{"type":51,"value":751},{"type":51,"value":841},{"title":40,"searchDepth":108,"depth":108,"links":858},[859,860,861,862,863,864,865,866,867,868,869,870,871,872,873,874,875,876,877],{"id":464,"depth":108,"text":467},{"id":481,"depth":108,"text":484},{"id":496,"depth":108,"text":499},{"id":529,"depth":108,"text":532},{"id":544,"depth":108,"text":547},{"id":564,"depth":108,"text":567},{"id":580,"depth":108,"text":583},{"id":591,"depth":108,"text":594},{"id":602,"depth":108,"text":605},{"id":613,"depth":108,"text":616},{"id":624,"depth":108,"text":627},{"id":635,"depth":108,"text":638},{"id":646,"depth":108,"text":649},{"id":657,"depth":108,"text":660},{"id":680,"depth":108,"text":683},{"id":695,"depth":108,"text":698},{"id":710,"depth":108,"text":713},{"id":737,"depth":108,"text":740},{"id":748,"depth":108,"text":751,"children":878},[879,880,881],{"id":797,"depth":118,"text":800},{"id":822,"depth":118,"text":773},{"id":844,"depth":118,"text":779},"content:1.guide:1.features.md","1.guide/1.features.md",{"_path":23,"_dir":885,"_draft":39,"_partial":39,"_locale":40,"title":22,"description":886,"body":887,"_type":435,"_id":4080,"_source":437,"_file":4081,"_extension":439},"module","Add your own modules integration to the Nuxt DevTools.",{"type":43,"children":888,"toc":4071},[889,899,904,910,915,978,983,989,994,999,1370,1375,1746,1756,1762,1767,2581,2593,2611,2617,2629,2635,2640,2645,2826,2831,3500,3505,3979,3985,3990,4000,4006,4011,4066],{"type":46,"tag":890,"props":891,"children":893},"callout",{"type":892},"warning",[894],{"type":46,"tag":47,"props":895,"children":896},{},[897],{"type":51,"value":898},"APIs are subject to change.",{"type":46,"tag":47,"props":900,"children":901},{},[902],{"type":51,"value":903},"Nuxt DevTools is designed to be extensible. You can add your own modules integration to the DevTools.",{"type":46,"tag":462,"props":905,"children":907},{"id":906},"starter-template",[908],{"type":51,"value":909},"Starter Template",{"type":46,"tag":47,"props":911,"children":912},{},[913],{"type":51,"value":914},"If you want to try integrating with Nuxt DevTools, you can run",{"type":46,"tag":62,"props":916,"children":920},{"className":917,"code":918,"language":919,"meta":40},"language-bash material-theme_material-theme-palenight_material-theme-lighter","npx nuxi init my-module -t module-devtools\n","bash",[921],{"type":46,"tag":54,"props":922,"children":923},{"__ignoreMap":40},[924],{"type":46,"tag":72,"props":925,"children":926},{"class":74,"line":75},[927,933,937,942,946,951,955,960,964,969,973],{"type":46,"tag":72,"props":928,"children":930},{"class":929},"ct-902167",[931],{"type":51,"value":932},"npx",{"type":46,"tag":72,"props":934,"children":935},{"class":91},[936],{"type":51,"value":94},{"type":46,"tag":72,"props":938,"children":939},{"class":238},[940],{"type":51,"value":941},"nuxi",{"type":46,"tag":72,"props":943,"children":944},{"class":91},[945],{"type":51,"value":94},{"type":46,"tag":72,"props":947,"children":948},{"class":238},[949],{"type":51,"value":950},"init",{"type":46,"tag":72,"props":952,"children":953},{"class":91},[954],{"type":51,"value":94},{"type":46,"tag":72,"props":956,"children":957},{"class":238},[958],{"type":51,"value":959},"my-module",{"type":46,"tag":72,"props":961,"children":962},{"class":91},[963],{"type":51,"value":94},{"type":46,"tag":72,"props":965,"children":966},{"class":238},[967],{"type":51,"value":968},"-t",{"type":46,"tag":72,"props":970,"children":971},{"class":91},[972],{"type":51,"value":94},{"type":46,"tag":72,"props":974,"children":975},{"class":238},[976],{"type":51,"value":977},"module-devtools",{"type":46,"tag":47,"props":979,"children":980},{},[981],{"type":51,"value":982},"to create a new module starter with Nuxt DevTools integration pre-configured (contributing a fully custom view as a tab).",{"type":46,"tag":462,"props":984,"children":986},{"id":985},"contributing-to-view",[987],{"type":51,"value":988},"Contributing to View",{"type":46,"tag":47,"props":990,"children":991},{},[992],{"type":51,"value":993},"Currently the only way to contribute to Nuxt DevTools View is via iframe. You need to serve your module's view yourself and then register it to the DevTools.",{"type":46,"tag":47,"props":995,"children":996},{},[997],{"type":51,"value":998},"You can use the utility kit provided by Nuxt DevTools to register your custom tab:",{"type":46,"tag":62,"props":1000,"children":1002},{"className":353,"code":1001,"language":355,"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",[1003],{"type":46,"tag":54,"props":1004,"children":1005},{"__ignoreMap":40},[1006,1064,1070,1087,1099,1137,1149,1186,1198,1235,1247,1271,1308,1345,1357],{"type":46,"tag":72,"props":1007,"children":1008},{"class":74,"line":75},[1009,1013,1017,1021,1025,1030,1034,1038,1042,1046,1050,1054,1059],{"type":46,"tag":72,"props":1010,"children":1011},{"class":365},[1012],{"type":51,"value":368},{"type":46,"tag":72,"props":1014,"children":1015},{"class":91},[1016],{"type":51,"value":94},{"type":46,"tag":72,"props":1018,"children":1019},{"class":79},[1020],{"type":51,"value":377},{"type":46,"tag":72,"props":1022,"children":1023},{"class":85},[1024],{"type":51,"value":94},{"type":46,"tag":72,"props":1026,"children":1027},{"class":91},[1028],{"type":51,"value":1029},"addCustomTab",{"type":46,"tag":72,"props":1031,"children":1032},{"class":85},[1033],{"type":51,"value":94},{"type":46,"tag":72,"props":1035,"children":1036},{"class":79},[1037],{"type":51,"value":394},{"type":46,"tag":72,"props":1039,"children":1040},{"class":91},[1041],{"type":51,"value":94},{"type":46,"tag":72,"props":1043,"children":1044},{"class":365},[1045],{"type":51,"value":403},{"type":46,"tag":72,"props":1047,"children":1048},{"class":91},[1049],{"type":51,"value":94},{"type":46,"tag":72,"props":1051,"children":1052},{"class":79},[1053],{"type":51,"value":412},{"type":46,"tag":72,"props":1055,"children":1056},{"class":238},[1057],{"type":51,"value":1058},"@nuxt/devtools-kit",{"type":46,"tag":72,"props":1060,"children":1061},{"class":79},[1062],{"type":51,"value":1063},"'\n",{"type":46,"tag":72,"props":1065,"children":1066},{"class":74,"line":108},[1067],{"type":46,"tag":72,"props":1068,"children":1069},{},[],{"type":46,"tag":72,"props":1071,"children":1072},{"class":74,"line":118},[1073,1077,1082],{"type":46,"tag":72,"props":1074,"children":1075},{"class":141},[1076],{"type":51,"value":1029},{"type":46,"tag":72,"props":1078,"children":1079},{"class":91},[1080],{"type":51,"value":1081},"(",{"type":46,"tag":72,"props":1083,"children":1084},{"class":79},[1085],{"type":51,"value":1086},"{\n",{"type":46,"tag":72,"props":1088,"children":1089},{"class":74,"line":156},[1090,1094],{"type":46,"tag":72,"props":1091,"children":1092},{"class":79},[1093],{"type":51,"value":203},{"type":46,"tag":72,"props":1095,"children":1096},{"class":112},[1097],{"type":51,"value":1098},"// unique identifier\n",{"type":46,"tag":72,"props":1100,"children":1101},{"class":74,"line":173},[1102,1106,1111,1116,1120,1124,1128,1132],{"type":46,"tag":72,"props":1103,"children":1104},{"class":91},[1105],{"type":51,"value":203},{"type":46,"tag":72,"props":1107,"children":1108},{"class":85},[1109],{"type":51,"value":1110},"name",{"type":46,"tag":72,"props":1112,"children":1113},{"class":79},[1114],{"type":51,"value":1115},":",{"type":46,"tag":72,"props":1117,"children":1118},{"class":91},[1119],{"type":51,"value":94},{"type":46,"tag":72,"props":1121,"children":1122},{"class":79},[1123],{"type":51,"value":412},{"type":46,"tag":72,"props":1125,"children":1126},{"class":238},[1127],{"type":51,"value":959},{"type":46,"tag":72,"props":1129,"children":1130},{"class":79},[1131],{"type":51,"value":412},{"type":46,"tag":72,"props":1133,"children":1134},{"class":79},[1135],{"type":51,"value":1136},",\n",{"type":46,"tag":72,"props":1138,"children":1139},{"class":74,"line":180},[1140,1144],{"type":46,"tag":72,"props":1141,"children":1142},{"class":79},[1143],{"type":51,"value":203},{"type":46,"tag":72,"props":1145,"children":1146},{"class":112},[1147],{"type":51,"value":1148},"// title to display in the tab\n",{"type":46,"tag":72,"props":1150,"children":1151},{"class":74,"line":197},[1152,1156,1161,1165,1169,1173,1178,1182],{"type":46,"tag":72,"props":1153,"children":1154},{"class":91},[1155],{"type":51,"value":203},{"type":46,"tag":72,"props":1157,"children":1158},{"class":85},[1159],{"type":51,"value":1160},"title",{"type":46,"tag":72,"props":1162,"children":1163},{"class":79},[1164],{"type":51,"value":1115},{"type":46,"tag":72,"props":1166,"children":1167},{"class":91},[1168],{"type":51,"value":94},{"type":46,"tag":72,"props":1170,"children":1171},{"class":79},[1172],{"type":51,"value":412},{"type":46,"tag":72,"props":1174,"children":1175},{"class":238},[1176],{"type":51,"value":1177},"My Module",{"type":46,"tag":72,"props":1179,"children":1180},{"class":79},[1181],{"type":51,"value":412},{"type":46,"tag":72,"props":1183,"children":1184},{"class":79},[1185],{"type":51,"value":1136},{"type":46,"tag":72,"props":1187,"children":1188},{"class":74,"line":215},[1189,1193],{"type":46,"tag":72,"props":1190,"children":1191},{"class":79},[1192],{"type":51,"value":203},{"type":46,"tag":72,"props":1194,"children":1195},{"class":112},[1196],{"type":51,"value":1197},"// any icon from Iconify, or a URL to an image\n",{"type":46,"tag":72,"props":1199,"children":1200},{"class":74,"line":249},[1201,1205,1210,1214,1218,1222,1227,1231],{"type":46,"tag":72,"props":1202,"children":1203},{"class":91},[1204],{"type":51,"value":203},{"type":46,"tag":72,"props":1206,"children":1207},{"class":85},[1208],{"type":51,"value":1209},"icon",{"type":46,"tag":72,"props":1211,"children":1212},{"class":79},[1213],{"type":51,"value":1115},{"type":46,"tag":72,"props":1215,"children":1216},{"class":91},[1217],{"type":51,"value":94},{"type":46,"tag":72,"props":1219,"children":1220},{"class":79},[1221],{"type":51,"value":412},{"type":46,"tag":72,"props":1223,"children":1224},{"class":238},[1225],{"type":51,"value":1226},"carbon:apps",{"type":46,"tag":72,"props":1228,"children":1229},{"class":79},[1230],{"type":51,"value":412},{"type":46,"tag":72,"props":1232,"children":1233},{"class":79},[1234],{"type":51,"value":1136},{"type":46,"tag":72,"props":1236,"children":1237},{"class":74,"line":279},[1238,1242],{"type":46,"tag":72,"props":1239,"children":1240},{"class":79},[1241],{"type":51,"value":203},{"type":46,"tag":72,"props":1243,"children":1244},{"class":112},[1245],{"type":51,"value":1246},"// iframe view\n",{"type":46,"tag":72,"props":1248,"children":1249},{"class":74,"line":288},[1250,1254,1259,1263,1267],{"type":46,"tag":72,"props":1251,"children":1252},{"class":91},[1253],{"type":51,"value":203},{"type":46,"tag":72,"props":1255,"children":1256},{"class":85},[1257],{"type":51,"value":1258},"view",{"type":46,"tag":72,"props":1260,"children":1261},{"class":79},[1262],{"type":51,"value":1115},{"type":46,"tag":72,"props":1264,"children":1265},{"class":91},[1266],{"type":51,"value":94},{"type":46,"tag":72,"props":1268,"children":1269},{"class":79},[1270],{"type":51,"value":1086},{"type":46,"tag":72,"props":1272,"children":1273},{"class":74,"line":301},[1274,1278,1283,1287,1291,1295,1300,1304],{"type":46,"tag":72,"props":1275,"children":1276},{"class":91},[1277],{"type":51,"value":221},{"type":46,"tag":72,"props":1279,"children":1280},{"class":85},[1281],{"type":51,"value":1282},"type",{"type":46,"tag":72,"props":1284,"children":1285},{"class":79},[1286],{"type":51,"value":1115},{"type":46,"tag":72,"props":1288,"children":1289},{"class":91},[1290],{"type":51,"value":94},{"type":46,"tag":72,"props":1292,"children":1293},{"class":79},[1294],{"type":51,"value":412},{"type":46,"tag":72,"props":1296,"children":1297},{"class":238},[1298],{"type":51,"value":1299},"iframe",{"type":46,"tag":72,"props":1301,"children":1302},{"class":79},[1303],{"type":51,"value":412},{"type":46,"tag":72,"props":1305,"children":1306},{"class":79},[1307],{"type":51,"value":1136},{"type":46,"tag":72,"props":1309,"children":1310},{"class":74,"line":310},[1311,1315,1320,1324,1328,1332,1337,1341],{"type":46,"tag":72,"props":1312,"children":1313},{"class":91},[1314],{"type":51,"value":221},{"type":46,"tag":72,"props":1316,"children":1317},{"class":85},[1318],{"type":51,"value":1319},"src",{"type":46,"tag":72,"props":1321,"children":1322},{"class":79},[1323],{"type":51,"value":1115},{"type":46,"tag":72,"props":1325,"children":1326},{"class":91},[1327],{"type":51,"value":94},{"type":46,"tag":72,"props":1329,"children":1330},{"class":79},[1331],{"type":51,"value":412},{"type":46,"tag":72,"props":1333,"children":1334},{"class":238},[1335],{"type":51,"value":1336},"/url-to-your-module-view",{"type":46,"tag":72,"props":1338,"children":1339},{"class":79},[1340],{"type":51,"value":412},{"type":46,"tag":72,"props":1342,"children":1343},{"class":79},[1344],{"type":51,"value":1136},{"type":46,"tag":72,"props":1346,"children":1347},{"class":74,"line":331},[1348,1352],{"type":46,"tag":72,"props":1349,"children":1350},{"class":91},[1351],{"type":51,"value":203},{"type":46,"tag":72,"props":1353,"children":1354},{"class":79},[1355],{"type":51,"value":1356},"},\n",{"type":46,"tag":72,"props":1358,"children":1360},{"class":74,"line":1359},15,[1361,1365],{"type":46,"tag":72,"props":1362,"children":1363},{"class":79},[1364],{"type":51,"value":394},{"type":46,"tag":72,"props":1366,"children":1367},{"class":91},[1368],{"type":51,"value":1369},")",{"type":46,"tag":47,"props":1371,"children":1372},{},[1373],{"type":51,"value":1374},"Or if you prefer to use Nuxt hooks:",{"type":46,"tag":62,"props":1376,"children":1378},{"className":353,"code":1377,"language":355,"meta":40},"nuxt.hook('devtools:customTabs', (tabs) => {\n  tabs.push({\n    // unique identifier\n    name: 'my-module',\n    // title to display in the tab\n    title: 'My Module',\n    // any icon from Iconify, or a URL to an image\n    icon: 'carbon:apps',\n    // iframe view\n    view: {\n      type: 'iframe',\n      src: '/url-to-your-module-view',\n    },\n  })\n})\n",[1379],{"type":46,"tag":54,"props":1380,"children":1381},{"__ignoreMap":40},[1382,1456,1484,1495,1527,1538,1570,1581,1613,1624,1644,1676,1708,1719,1735],{"type":46,"tag":72,"props":1383,"children":1384},{"class":74,"line":75},[1385,1390,1394,1399,1403,1407,1412,1416,1421,1425,1429,1435,1439,1443,1448,1452],{"type":46,"tag":72,"props":1386,"children":1387},{"class":91},[1388],{"type":51,"value":1389},"nuxt",{"type":46,"tag":72,"props":1391,"children":1392},{"class":79},[1393],{"type":51,"value":460},{"type":46,"tag":72,"props":1395,"children":1396},{"class":141},[1397],{"type":51,"value":1398},"hook",{"type":46,"tag":72,"props":1400,"children":1401},{"class":91},[1402],{"type":51,"value":1081},{"type":46,"tag":72,"props":1404,"children":1405},{"class":79},[1406],{"type":51,"value":412},{"type":46,"tag":72,"props":1408,"children":1409},{"class":238},[1410],{"type":51,"value":1411},"devtools:customTabs",{"type":46,"tag":72,"props":1413,"children":1414},{"class":79},[1415],{"type":51,"value":412},{"type":46,"tag":72,"props":1417,"children":1418},{"class":79},[1419],{"type":51,"value":1420},",",{"type":46,"tag":72,"props":1422,"children":1423},{"class":91},[1424],{"type":51,"value":94},{"type":46,"tag":72,"props":1426,"children":1427},{"class":79},[1428],{"type":51,"value":1081},{"type":46,"tag":72,"props":1430,"children":1432},{"class":1431},"ct-377156",[1433],{"type":51,"value":1434},"tabs",{"type":46,"tag":72,"props":1436,"children":1437},{"class":79},[1438],{"type":51,"value":1369},{"type":46,"tag":72,"props":1440,"children":1441},{"class":91},[1442],{"type":51,"value":94},{"type":46,"tag":72,"props":1444,"children":1445},{"class":97},[1446],{"type":51,"value":1447},"=>",{"type":46,"tag":72,"props":1449,"children":1450},{"class":91},[1451],{"type":51,"value":94},{"type":46,"tag":72,"props":1453,"children":1454},{"class":79},[1455],{"type":51,"value":1086},{"type":46,"tag":72,"props":1457,"children":1458},{"class":74,"line":108},[1459,1463,1467,1471,1476,1480],{"type":46,"tag":72,"props":1460,"children":1461},{"class":85},[1462],{"type":51,"value":203},{"type":46,"tag":72,"props":1464,"children":1465},{"class":91},[1466],{"type":51,"value":1434},{"type":46,"tag":72,"props":1468,"children":1469},{"class":79},[1470],{"type":51,"value":460},{"type":46,"tag":72,"props":1472,"children":1473},{"class":141},[1474],{"type":51,"value":1475},"push",{"type":46,"tag":72,"props":1477,"children":1478},{"class":85},[1479],{"type":51,"value":1081},{"type":46,"tag":72,"props":1481,"children":1482},{"class":79},[1483],{"type":51,"value":1086},{"type":46,"tag":72,"props":1485,"children":1486},{"class":74,"line":118},[1487,1491],{"type":46,"tag":72,"props":1488,"children":1489},{"class":79},[1490],{"type":51,"value":221},{"type":46,"tag":72,"props":1492,"children":1493},{"class":112},[1494],{"type":51,"value":1098},{"type":46,"tag":72,"props":1496,"children":1497},{"class":74,"line":156},[1498,1503,1507,1511,1515,1519,1523],{"type":46,"tag":72,"props":1499,"children":1500},{"class":85},[1501],{"type":51,"value":1502},"    name",{"type":46,"tag":72,"props":1504,"children":1505},{"class":79},[1506],{"type":51,"value":1115},{"type":46,"tag":72,"props":1508,"children":1509},{"class":85},[1510],{"type":51,"value":94},{"type":46,"tag":72,"props":1512,"children":1513},{"class":79},[1514],{"type":51,"value":412},{"type":46,"tag":72,"props":1516,"children":1517},{"class":238},[1518],{"type":51,"value":959},{"type":46,"tag":72,"props":1520,"children":1521},{"class":79},[1522],{"type":51,"value":412},{"type":46,"tag":72,"props":1524,"children":1525},{"class":79},[1526],{"type":51,"value":1136},{"type":46,"tag":72,"props":1528,"children":1529},{"class":74,"line":173},[1530,1534],{"type":46,"tag":72,"props":1531,"children":1532},{"class":79},[1533],{"type":51,"value":221},{"type":46,"tag":72,"props":1535,"children":1536},{"class":112},[1537],{"type":51,"value":1148},{"type":46,"tag":72,"props":1539,"children":1540},{"class":74,"line":180},[1541,1546,1550,1554,1558,1562,1566],{"type":46,"tag":72,"props":1542,"children":1543},{"class":85},[1544],{"type":51,"value":1545},"    title",{"type":46,"tag":72,"props":1547,"children":1548},{"class":79},[1549],{"type":51,"value":1115},{"type":46,"tag":72,"props":1551,"children":1552},{"class":85},[1553],{"type":51,"value":94},{"type":46,"tag":72,"props":1555,"children":1556},{"class":79},[1557],{"type":51,"value":412},{"type":46,"tag":72,"props":1559,"children":1560},{"class":238},[1561],{"type":51,"value":1177},{"type":46,"tag":72,"props":1563,"children":1564},{"class":79},[1565],{"type":51,"value":412},{"type":46,"tag":72,"props":1567,"children":1568},{"class":79},[1569],{"type":51,"value":1136},{"type":46,"tag":72,"props":1571,"children":1572},{"class":74,"line":197},[1573,1577],{"type":46,"tag":72,"props":1574,"children":1575},{"class":79},[1576],{"type":51,"value":221},{"type":46,"tag":72,"props":1578,"children":1579},{"class":112},[1580],{"type":51,"value":1197},{"type":46,"tag":72,"props":1582,"children":1583},{"class":74,"line":215},[1584,1589,1593,1597,1601,1605,1609],{"type":46,"tag":72,"props":1585,"children":1586},{"class":85},[1587],{"type":51,"value":1588},"    icon",{"type":46,"tag":72,"props":1590,"children":1591},{"class":79},[1592],{"type":51,"value":1115},{"type":46,"tag":72,"props":1594,"children":1595},{"class":85},[1596],{"type":51,"value":94},{"type":46,"tag":72,"props":1598,"children":1599},{"class":79},[1600],{"type":51,"value":412},{"type":46,"tag":72,"props":1602,"children":1603},{"class":238},[1604],{"type":51,"value":1226},{"type":46,"tag":72,"props":1606,"children":1607},{"class":79},[1608],{"type":51,"value":412},{"type":46,"tag":72,"props":1610,"children":1611},{"class":79},[1612],{"type":51,"value":1136},{"type":46,"tag":72,"props":1614,"children":1615},{"class":74,"line":249},[1616,1620],{"type":46,"tag":72,"props":1617,"children":1618},{"class":79},[1619],{"type":51,"value":221},{"type":46,"tag":72,"props":1621,"children":1622},{"class":112},[1623],{"type":51,"value":1246},{"type":46,"tag":72,"props":1625,"children":1626},{"class":74,"line":279},[1627,1632,1636,1640],{"type":46,"tag":72,"props":1628,"children":1629},{"class":85},[1630],{"type":51,"value":1631},"    view",{"type":46,"tag":72,"props":1633,"children":1634},{"class":79},[1635],{"type":51,"value":1115},{"type":46,"tag":72,"props":1637,"children":1638},{"class":85},[1639],{"type":51,"value":94},{"type":46,"tag":72,"props":1641,"children":1642},{"class":79},[1643],{"type":51,"value":1086},{"type":46,"tag":72,"props":1645,"children":1646},{"class":74,"line":288},[1647,1652,1656,1660,1664,1668,1672],{"type":46,"tag":72,"props":1648,"children":1649},{"class":85},[1650],{"type":51,"value":1651},"      type",{"type":46,"tag":72,"props":1653,"children":1654},{"class":79},[1655],{"type":51,"value":1115},{"type":46,"tag":72,"props":1657,"children":1658},{"class":85},[1659],{"type":51,"value":94},{"type":46,"tag":72,"props":1661,"children":1662},{"class":79},[1663],{"type":51,"value":412},{"type":46,"tag":72,"props":1665,"children":1666},{"class":238},[1667],{"type":51,"value":1299},{"type":46,"tag":72,"props":1669,"children":1670},{"class":79},[1671],{"type":51,"value":412},{"type":46,"tag":72,"props":1673,"children":1674},{"class":79},[1675],{"type":51,"value":1136},{"type":46,"tag":72,"props":1677,"children":1678},{"class":74,"line":301},[1679,1684,1688,1692,1696,1700,1704],{"type":46,"tag":72,"props":1680,"children":1681},{"class":85},[1682],{"type":51,"value":1683},"      src",{"type":46,"tag":72,"props":1685,"children":1686},{"class":79},[1687],{"type":51,"value":1115},{"type":46,"tag":72,"props":1689,"children":1690},{"class":85},[1691],{"type":51,"value":94},{"type":46,"tag":72,"props":1693,"children":1694},{"class":79},[1695],{"type":51,"value":412},{"type":46,"tag":72,"props":1697,"children":1698},{"class":238},[1699],{"type":51,"value":1336},{"type":46,"tag":72,"props":1701,"children":1702},{"class":79},[1703],{"type":51,"value":412},{"type":46,"tag":72,"props":1705,"children":1706},{"class":79},[1707],{"type":51,"value":1136},{"type":46,"tag":72,"props":1709,"children":1710},{"class":74,"line":310},[1711,1715],{"type":46,"tag":72,"props":1712,"children":1713},{"class":85},[1714],{"type":51,"value":221},{"type":46,"tag":72,"props":1716,"children":1717},{"class":79},[1718],{"type":51,"value":1356},{"type":46,"tag":72,"props":1720,"children":1721},{"class":74,"line":331},[1722,1726,1730],{"type":46,"tag":72,"props":1723,"children":1724},{"class":85},[1725],{"type":51,"value":203},{"type":46,"tag":72,"props":1727,"children":1728},{"class":79},[1729],{"type":51,"value":394},{"type":46,"tag":72,"props":1731,"children":1732},{"class":85},[1733],{"type":51,"value":1734},")\n",{"type":46,"tag":72,"props":1736,"children":1737},{"class":74,"line":1359},[1738,1742],{"type":46,"tag":72,"props":1739,"children":1740},{"class":79},[1741],{"type":51,"value":394},{"type":46,"tag":72,"props":1743,"children":1744},{"class":91},[1745],{"type":51,"value":1369},{"type":46,"tag":47,"props":1747,"children":1748},{},[1749,1750,1755],{"type":51,"value":670},{"type":46,"tag":451,"props":1751,"children":1752},{"href":26},[1753],{"type":51,"value":1754},"DevTools Utility Kit",{"type":51,"value":460},{"type":46,"tag":462,"props":1757,"children":1759},{"id":1758},"lazy-service-launching",[1760],{"type":51,"value":1761},"Lazy Service Launching",{"type":46,"tag":47,"props":1763,"children":1764},{},[1765],{"type":51,"value":1766},"If the view you are contributing is heavy to load, you can have the tab first and let user launch it when they need it.",{"type":46,"tag":62,"props":1768,"children":1770},{"className":353,"code":1769,"language":355,"meta":40},"let isReady = false\nconst promise: Promise\u003Cany> | null = null\n\nasync function launchService() {\n  // ...launch your service\n  isReady = true\n}\n\nnuxt.hook('devtools:customTabs', (tabs) => {\n  tabs.push({\n    name: 'my-module',\n    title: 'My Module',\n    view: isReady\n      ? {\n          type: 'iframe',\n          src: '/url-to-your-module-view',\n        }\n      : {\n          type: 'launch',\n          description: 'Launch My Module',\n          actions: [{\n            label: 'Start',\n            async handle() {\n              if (!promise)\n                promise = launchService()\n              await promise\n            },\n          }]\n        },\n  })\n})\n",[1771],{"type":46,"tag":54,"props":1772,"children":1773},{"__ignoreMap":40},[1774,1801,1874,1880,1919,1931,1960,1968,1974,2041,2068,2099,2130,2150,2171,2203,2236,2249,2269,2302,2336,2358,2392,2422,2455,2489,2511,2523,2541,2553,2569],{"type":46,"tag":72,"props":1775,"children":1776},{"class":74,"line":75},[1777,1782,1787,1791,1795],{"type":46,"tag":72,"props":1778,"children":1779},{"class":97},[1780],{"type":51,"value":1781},"let",{"type":46,"tag":72,"props":1783,"children":1784},{"class":91},[1785],{"type":51,"value":1786}," isReady ",{"type":46,"tag":72,"props":1788,"children":1789},{"class":79},[1790],{"type":51,"value":134},{"type":46,"tag":72,"props":1792,"children":1793},{"class":91},[1794],{"type":51,"value":94},{"type":46,"tag":72,"props":1796,"children":1798},{"class":1797},"ct-358248",[1799],{"type":51,"value":1800},"false\n",{"type":46,"tag":72,"props":1802,"children":1803},{"class":74,"line":108},[1804,1808,1813,1817,1821,1826,1830,1835,1839,1843,1848,1852,1857,1861,1865,1869],{"type":46,"tag":72,"props":1805,"children":1806},{"class":97},[1807],{"type":51,"value":124},{"type":46,"tag":72,"props":1809,"children":1810},{"class":91},[1811],{"type":51,"value":1812}," promise",{"type":46,"tag":72,"props":1814,"children":1815},{"class":79},[1816],{"type":51,"value":1115},{"type":46,"tag":72,"props":1818,"children":1819},{"class":91},[1820],{"type":51,"value":94},{"type":46,"tag":72,"props":1822,"children":1823},{"class":929},[1824],{"type":51,"value":1825},"Promise",{"type":46,"tag":72,"props":1827,"children":1828},{"class":79},[1829],{"type":51,"value":82},{"type":46,"tag":72,"props":1831,"children":1832},{"class":929},[1833],{"type":51,"value":1834},"any",{"type":46,"tag":72,"props":1836,"children":1837},{"class":79},[1838],{"type":51,"value":345},{"type":46,"tag":72,"props":1840,"children":1841},{"class":91},[1842],{"type":51,"value":94},{"type":46,"tag":72,"props":1844,"children":1845},{"class":79},[1846],{"type":51,"value":1847},"|",{"type":46,"tag":72,"props":1849,"children":1850},{"class":91},[1851],{"type":51,"value":94},{"type":46,"tag":72,"props":1853,"children":1854},{"class":929},[1855],{"type":51,"value":1856},"null",{"type":46,"tag":72,"props":1858,"children":1859},{"class":91},[1860],{"type":51,"value":94},{"type":46,"tag":72,"props":1862,"children":1863},{"class":79},[1864],{"type":51,"value":134},{"type":46,"tag":72,"props":1866,"children":1867},{"class":91},[1868],{"type":51,"value":94},{"type":46,"tag":72,"props":1870,"children":1871},{"class":79},[1872],{"type":51,"value":1873},"null\n",{"type":46,"tag":72,"props":1875,"children":1876},{"class":74,"line":118},[1877],{"type":46,"tag":72,"props":1878,"children":1879},{},[],{"type":46,"tag":72,"props":1881,"children":1882},{"class":74,"line":156},[1883,1888,1892,1897,1901,1906,1911,1915],{"type":46,"tag":72,"props":1884,"children":1885},{"class":97},[1886],{"type":51,"value":1887},"async",{"type":46,"tag":72,"props":1889,"children":1890},{"class":91},[1891],{"type":51,"value":94},{"type":46,"tag":72,"props":1893,"children":1894},{"class":97},[1895],{"type":51,"value":1896},"function",{"type":46,"tag":72,"props":1898,"children":1899},{"class":91},[1900],{"type":51,"value":94},{"type":46,"tag":72,"props":1902,"children":1903},{"class":141},[1904],{"type":51,"value":1905},"launchService",{"type":46,"tag":72,"props":1907,"children":1908},{"class":79},[1909],{"type":51,"value":1910},"()",{"type":46,"tag":72,"props":1912,"children":1913},{"class":91},[1914],{"type":51,"value":94},{"type":46,"tag":72,"props":1916,"children":1917},{"class":79},[1918],{"type":51,"value":1086},{"type":46,"tag":72,"props":1920,"children":1921},{"class":74,"line":173},[1922,1926],{"type":46,"tag":72,"props":1923,"children":1924},{"class":79},[1925],{"type":51,"value":203},{"type":46,"tag":72,"props":1927,"children":1928},{"class":112},[1929],{"type":51,"value":1930},"// ...launch your service\n",{"type":46,"tag":72,"props":1932,"children":1933},{"class":74,"line":180},[1934,1938,1943,1947,1951,1955],{"type":46,"tag":72,"props":1935,"children":1936},{"class":85},[1937],{"type":51,"value":203},{"type":46,"tag":72,"props":1939,"children":1940},{"class":91},[1941],{"type":51,"value":1942},"isReady",{"type":46,"tag":72,"props":1944,"children":1945},{"class":85},[1946],{"type":51,"value":94},{"type":46,"tag":72,"props":1948,"children":1949},{"class":79},[1950],{"type":51,"value":134},{"type":46,"tag":72,"props":1952,"children":1953},{"class":85},[1954],{"type":51,"value":94},{"type":46,"tag":72,"props":1956,"children":1957},{"class":1797},[1958],{"type":51,"value":1959},"true\n",{"type":46,"tag":72,"props":1961,"children":1962},{"class":74,"line":197},[1963],{"type":46,"tag":72,"props":1964,"children":1965},{"class":79},[1966],{"type":51,"value":1967},"}\n",{"type":46,"tag":72,"props":1969,"children":1970},{"class":74,"line":215},[1971],{"type":46,"tag":72,"props":1972,"children":1973},{},[],{"type":46,"tag":72,"props":1975,"children":1976},{"class":74,"line":249},[1977,1981,1985,1989,1993,1997,2001,2005,2009,2013,2017,2021,2025,2029,2033,2037],{"type":46,"tag":72,"props":1978,"children":1979},{"class":91},[1980],{"type":51,"value":1389},{"type":46,"tag":72,"props":1982,"children":1983},{"class":79},[1984],{"type":51,"value":460},{"type":46,"tag":72,"props":1986,"children":1987},{"class":141},[1988],{"type":51,"value":1398},{"type":46,"tag":72,"props":1990,"children":1991},{"class":91},[1992],{"type":51,"value":1081},{"type":46,"tag":72,"props":1994,"children":1995},{"class":79},[1996],{"type":51,"value":412},{"type":46,"tag":72,"props":1998,"children":1999},{"class":238},[2000],{"type":51,"value":1411},{"type":46,"tag":72,"props":2002,"children":2003},{"class":79},[2004],{"type":51,"value":412},{"type":46,"tag":72,"props":2006,"children":2007},{"class":79},[2008],{"type":51,"value":1420},{"type":46,"tag":72,"props":2010,"children":2011},{"class":91},[2012],{"type":51,"value":94},{"type":46,"tag":72,"props":2014,"children":2015},{"class":79},[2016],{"type":51,"value":1081},{"type":46,"tag":72,"props":2018,"children":2019},{"class":1431},[2020],{"type":51,"value":1434},{"type":46,"tag":72,"props":2022,"children":2023},{"class":79},[2024],{"type":51,"value":1369},{"type":46,"tag":72,"props":2026,"children":2027},{"class":91},[2028],{"type":51,"value":94},{"type":46,"tag":72,"props":2030,"children":2031},{"class":97},[2032],{"type":51,"value":1447},{"type":46,"tag":72,"props":2034,"children":2035},{"class":91},[2036],{"type":51,"value":94},{"type":46,"tag":72,"props":2038,"children":2039},{"class":79},[2040],{"type":51,"value":1086},{"type":46,"tag":72,"props":2042,"children":2043},{"class":74,"line":279},[2044,2048,2052,2056,2060,2064],{"type":46,"tag":72,"props":2045,"children":2046},{"class":85},[2047],{"type":51,"value":203},{"type":46,"tag":72,"props":2049,"children":2050},{"class":91},[2051],{"type":51,"value":1434},{"type":46,"tag":72,"props":2053,"children":2054},{"class":79},[2055],{"type":51,"value":460},{"type":46,"tag":72,"props":2057,"children":2058},{"class":141},[2059],{"type":51,"value":1475},{"type":46,"tag":72,"props":2061,"children":2062},{"class":85},[2063],{"type":51,"value":1081},{"type":46,"tag":72,"props":2065,"children":2066},{"class":79},[2067],{"type":51,"value":1086},{"type":46,"tag":72,"props":2069,"children":2070},{"class":74,"line":288},[2071,2075,2079,2083,2087,2091,2095],{"type":46,"tag":72,"props":2072,"children":2073},{"class":85},[2074],{"type":51,"value":1502},{"type":46,"tag":72,"props":2076,"children":2077},{"class":79},[2078],{"type":51,"value":1115},{"type":46,"tag":72,"props":2080,"children":2081},{"class":85},[2082],{"type":51,"value":94},{"type":46,"tag":72,"props":2084,"children":2085},{"class":79},[2086],{"type":51,"value":412},{"type":46,"tag":72,"props":2088,"children":2089},{"class":238},[2090],{"type":51,"value":959},{"type":46,"tag":72,"props":2092,"children":2093},{"class":79},[2094],{"type":51,"value":412},{"type":46,"tag":72,"props":2096,"children":2097},{"class":79},[2098],{"type":51,"value":1136},{"type":46,"tag":72,"props":2100,"children":2101},{"class":74,"line":301},[2102,2106,2110,2114,2118,2122,2126],{"type":46,"tag":72,"props":2103,"children":2104},{"class":85},[2105],{"type":51,"value":1545},{"type":46,"tag":72,"props":2107,"children":2108},{"class":79},[2109],{"type":51,"value":1115},{"type":46,"tag":72,"props":2111,"children":2112},{"class":85},[2113],{"type":51,"value":94},{"type":46,"tag":72,"props":2115,"children":2116},{"class":79},[2117],{"type":51,"value":412},{"type":46,"tag":72,"props":2119,"children":2120},{"class":238},[2121],{"type":51,"value":1177},{"type":46,"tag":72,"props":2123,"children":2124},{"class":79},[2125],{"type":51,"value":412},{"type":46,"tag":72,"props":2127,"children":2128},{"class":79},[2129],{"type":51,"value":1136},{"type":46,"tag":72,"props":2131,"children":2132},{"class":74,"line":310},[2133,2137,2141,2145],{"type":46,"tag":72,"props":2134,"children":2135},{"class":85},[2136],{"type":51,"value":1631},{"type":46,"tag":72,"props":2138,"children":2139},{"class":79},[2140],{"type":51,"value":1115},{"type":46,"tag":72,"props":2142,"children":2143},{"class":85},[2144],{"type":51,"value":94},{"type":46,"tag":72,"props":2146,"children":2147},{"class":91},[2148],{"type":51,"value":2149},"isReady\n",{"type":46,"tag":72,"props":2151,"children":2152},{"class":74,"line":331},[2153,2158,2163,2167],{"type":46,"tag":72,"props":2154,"children":2155},{"class":85},[2156],{"type":51,"value":2157},"      ",{"type":46,"tag":72,"props":2159,"children":2160},{"class":79},[2161],{"type":51,"value":2162},"?",{"type":46,"tag":72,"props":2164,"children":2165},{"class":85},[2166],{"type":51,"value":94},{"type":46,"tag":72,"props":2168,"children":2169},{"class":79},[2170],{"type":51,"value":1086},{"type":46,"tag":72,"props":2172,"children":2173},{"class":74,"line":1359},[2174,2179,2183,2187,2191,2195,2199],{"type":46,"tag":72,"props":2175,"children":2176},{"class":85},[2177],{"type":51,"value":2178},"          type",{"type":46,"tag":72,"props":2180,"children":2181},{"class":79},[2182],{"type":51,"value":1115},{"type":46,"tag":72,"props":2184,"children":2185},{"class":85},[2186],{"type":51,"value":94},{"type":46,"tag":72,"props":2188,"children":2189},{"class":79},[2190],{"type":51,"value":412},{"type":46,"tag":72,"props":2192,"children":2193},{"class":238},[2194],{"type":51,"value":1299},{"type":46,"tag":72,"props":2196,"children":2197},{"class":79},[2198],{"type":51,"value":412},{"type":46,"tag":72,"props":2200,"children":2201},{"class":79},[2202],{"type":51,"value":1136},{"type":46,"tag":72,"props":2204,"children":2206},{"class":74,"line":2205},16,[2207,2212,2216,2220,2224,2228,2232],{"type":46,"tag":72,"props":2208,"children":2209},{"class":85},[2210],{"type":51,"value":2211},"          src",{"type":46,"tag":72,"props":2213,"children":2214},{"class":79},[2215],{"type":51,"value":1115},{"type":46,"tag":72,"props":2217,"children":2218},{"class":85},[2219],{"type":51,"value":94},{"type":46,"tag":72,"props":2221,"children":2222},{"class":79},[2223],{"type":51,"value":412},{"type":46,"tag":72,"props":2225,"children":2226},{"class":238},[2227],{"type":51,"value":1336},{"type":46,"tag":72,"props":2229,"children":2230},{"class":79},[2231],{"type":51,"value":412},{"type":46,"tag":72,"props":2233,"children":2234},{"class":79},[2235],{"type":51,"value":1136},{"type":46,"tag":72,"props":2237,"children":2239},{"class":74,"line":2238},17,[2240,2245],{"type":46,"tag":72,"props":2241,"children":2242},{"class":85},[2243],{"type":51,"value":2244},"        ",{"type":46,"tag":72,"props":2246,"children":2247},{"class":79},[2248],{"type":51,"value":1967},{"type":46,"tag":72,"props":2250,"children":2252},{"class":74,"line":2251},18,[2253,2257,2261,2265],{"type":46,"tag":72,"props":2254,"children":2255},{"class":85},[2256],{"type":51,"value":2157},{"type":46,"tag":72,"props":2258,"children":2259},{"class":79},[2260],{"type":51,"value":1115},{"type":46,"tag":72,"props":2262,"children":2263},{"class":85},[2264],{"type":51,"value":94},{"type":46,"tag":72,"props":2266,"children":2267},{"class":79},[2268],{"type":51,"value":1086},{"type":46,"tag":72,"props":2270,"children":2272},{"class":74,"line":2271},19,[2273,2277,2281,2285,2289,2294,2298],{"type":46,"tag":72,"props":2274,"children":2275},{"class":85},[2276],{"type":51,"value":2178},{"type":46,"tag":72,"props":2278,"children":2279},{"class":79},[2280],{"type":51,"value":1115},{"type":46,"tag":72,"props":2282,"children":2283},{"class":85},[2284],{"type":51,"value":94},{"type":46,"tag":72,"props":2286,"children":2287},{"class":79},[2288],{"type":51,"value":412},{"type":46,"tag":72,"props":2290,"children":2291},{"class":238},[2292],{"type":51,"value":2293},"launch",{"type":46,"tag":72,"props":2295,"children":2296},{"class":79},[2297],{"type":51,"value":412},{"type":46,"tag":72,"props":2299,"children":2300},{"class":79},[2301],{"type":51,"value":1136},{"type":46,"tag":72,"props":2303,"children":2305},{"class":74,"line":2304},20,[2306,2311,2315,2319,2323,2328,2332],{"type":46,"tag":72,"props":2307,"children":2308},{"class":85},[2309],{"type":51,"value":2310},"          description",{"type":46,"tag":72,"props":2312,"children":2313},{"class":79},[2314],{"type":51,"value":1115},{"type":46,"tag":72,"props":2316,"children":2317},{"class":85},[2318],{"type":51,"value":94},{"type":46,"tag":72,"props":2320,"children":2321},{"class":79},[2322],{"type":51,"value":412},{"type":46,"tag":72,"props":2324,"children":2325},{"class":238},[2326],{"type":51,"value":2327},"Launch My Module",{"type":46,"tag":72,"props":2329,"children":2330},{"class":79},[2331],{"type":51,"value":412},{"type":46,"tag":72,"props":2333,"children":2334},{"class":79},[2335],{"type":51,"value":1136},{"type":46,"tag":72,"props":2337,"children":2339},{"class":74,"line":2338},21,[2340,2345,2349,2354],{"type":46,"tag":72,"props":2341,"children":2342},{"class":85},[2343],{"type":51,"value":2344},"          actions",{"type":46,"tag":72,"props":2346,"children":2347},{"class":79},[2348],{"type":51,"value":1115},{"type":46,"tag":72,"props":2350,"children":2351},{"class":85},[2352],{"type":51,"value":2353}," [",{"type":46,"tag":72,"props":2355,"children":2356},{"class":79},[2357],{"type":51,"value":1086},{"type":46,"tag":72,"props":2359,"children":2361},{"class":74,"line":2360},22,[2362,2367,2371,2375,2379,2384,2388],{"type":46,"tag":72,"props":2363,"children":2364},{"class":85},[2365],{"type":51,"value":2366},"            label",{"type":46,"tag":72,"props":2368,"children":2369},{"class":79},[2370],{"type":51,"value":1115},{"type":46,"tag":72,"props":2372,"children":2373},{"class":85},[2374],{"type":51,"value":94},{"type":46,"tag":72,"props":2376,"children":2377},{"class":79},[2378],{"type":51,"value":412},{"type":46,"tag":72,"props":2380,"children":2381},{"class":238},[2382],{"type":51,"value":2383},"Start",{"type":46,"tag":72,"props":2385,"children":2386},{"class":79},[2387],{"type":51,"value":412},{"type":46,"tag":72,"props":2389,"children":2390},{"class":79},[2391],{"type":51,"value":1136},{"type":46,"tag":72,"props":2393,"children":2395},{"class":74,"line":2394},23,[2396,2401,2405,2410,2414,2418],{"type":46,"tag":72,"props":2397,"children":2398},{"class":85},[2399],{"type":51,"value":2400},"            ",{"type":46,"tag":72,"props":2402,"children":2403},{"class":97},[2404],{"type":51,"value":1887},{"type":46,"tag":72,"props":2406,"children":2407},{"class":85},[2408],{"type":51,"value":2409}," handle",{"type":46,"tag":72,"props":2411,"children":2412},{"class":79},[2413],{"type":51,"value":1910},{"type":46,"tag":72,"props":2415,"children":2416},{"class":85},[2417],{"type":51,"value":94},{"type":46,"tag":72,"props":2419,"children":2420},{"class":79},[2421],{"type":51,"value":1086},{"type":46,"tag":72,"props":2423,"children":2425},{"class":74,"line":2424},24,[2426,2431,2436,2441,2446,2451],{"type":46,"tag":72,"props":2427,"children":2428},{"class":85},[2429],{"type":51,"value":2430},"              ",{"type":46,"tag":72,"props":2432,"children":2433},{"class":365},[2434],{"type":51,"value":2435},"if",{"type":46,"tag":72,"props":2437,"children":2438},{"class":85},[2439],{"type":51,"value":2440}," (",{"type":46,"tag":72,"props":2442,"children":2443},{"class":79},[2444],{"type":51,"value":2445},"!",{"type":46,"tag":72,"props":2447,"children":2448},{"class":91},[2449],{"type":51,"value":2450},"promise",{"type":46,"tag":72,"props":2452,"children":2453},{"class":85},[2454],{"type":51,"value":1734},{"type":46,"tag":72,"props":2456,"children":2458},{"class":74,"line":2457},25,[2459,2464,2468,2472,2476,2480,2484],{"type":46,"tag":72,"props":2460,"children":2461},{"class":85},[2462],{"type":51,"value":2463},"                ",{"type":46,"tag":72,"props":2465,"children":2466},{"class":91},[2467],{"type":51,"value":2450},{"type":46,"tag":72,"props":2469,"children":2470},{"class":85},[2471],{"type":51,"value":94},{"type":46,"tag":72,"props":2473,"children":2474},{"class":79},[2475],{"type":51,"value":134},{"type":46,"tag":72,"props":2477,"children":2478},{"class":85},[2479],{"type":51,"value":94},{"type":46,"tag":72,"props":2481,"children":2482},{"class":141},[2483],{"type":51,"value":1905},{"type":46,"tag":72,"props":2485,"children":2486},{"class":85},[2487],{"type":51,"value":2488},"()\n",{"type":46,"tag":72,"props":2490,"children":2492},{"class":74,"line":2491},26,[2493,2497,2502,2506],{"type":46,"tag":72,"props":2494,"children":2495},{"class":85},[2496],{"type":51,"value":2430},{"type":46,"tag":72,"props":2498,"children":2499},{"class":365},[2500],{"type":51,"value":2501},"await",{"type":46,"tag":72,"props":2503,"children":2504},{"class":85},[2505],{"type":51,"value":94},{"type":46,"tag":72,"props":2507,"children":2508},{"class":91},[2509],{"type":51,"value":2510},"promise\n",{"type":46,"tag":72,"props":2512,"children":2514},{"class":74,"line":2513},27,[2515,2519],{"type":46,"tag":72,"props":2516,"children":2517},{"class":85},[2518],{"type":51,"value":2400},{"type":46,"tag":72,"props":2520,"children":2521},{"class":79},[2522],{"type":51,"value":1356},{"type":46,"tag":72,"props":2524,"children":2526},{"class":74,"line":2525},28,[2527,2532,2536],{"type":46,"tag":72,"props":2528,"children":2529},{"class":85},[2530],{"type":51,"value":2531},"          ",{"type":46,"tag":72,"props":2533,"children":2534},{"class":79},[2535],{"type":51,"value":394},{"type":46,"tag":72,"props":2537,"children":2538},{"class":85},[2539],{"type":51,"value":2540},"]\n",{"type":46,"tag":72,"props":2542,"children":2544},{"class":74,"line":2543},29,[2545,2549],{"type":46,"tag":72,"props":2546,"children":2547},{"class":85},[2548],{"type":51,"value":2244},{"type":46,"tag":72,"props":2550,"children":2551},{"class":79},[2552],{"type":51,"value":1356},{"type":46,"tag":72,"props":2554,"children":2556},{"class":74,"line":2555},30,[2557,2561,2565],{"type":46,"tag":72,"props":2558,"children":2559},{"class":85},[2560],{"type":51,"value":203},{"type":46,"tag":72,"props":2562,"children":2563},{"class":79},[2564],{"type":51,"value":394},{"type":46,"tag":72,"props":2566,"children":2567},{"class":85},[2568],{"type":51,"value":1734},{"type":46,"tag":72,"props":2570,"children":2572},{"class":74,"line":2571},31,[2573,2577],{"type":46,"tag":72,"props":2574,"children":2575},{"class":79},[2576],{"type":51,"value":394},{"type":46,"tag":72,"props":2578,"children":2579},{"class":91},[2580],{"type":51,"value":1369},{"type":46,"tag":47,"props":2582,"children":2583},{},[2584,2586,2591],{"type":51,"value":2585},"It will first display a launch page with a button to start the service. When user click the button, the ",{"type":46,"tag":54,"props":2587,"children":2588},{},[2589],{"type":51,"value":2590},"handle()",{"type":51,"value":2592}," will be called, and the view will be updated to iframe.",{"type":46,"tag":47,"props":2594,"children":2595},{},[2596,2598,2603,2605,2609],{"type":51,"value":2597},"When you need to refresh the custom tabs, you can call ",{"type":46,"tag":54,"props":2599,"children":2600},{},[2601],{"type":51,"value":2602},"nuxt.callHook('devtools:customTabs:refresh')",{"type":51,"value":2604}," and the hooks on ",{"type":46,"tag":54,"props":2606,"children":2607},{},[2608],{"type":51,"value":1411},{"type":51,"value":2610}," will be revaluated again.",{"type":46,"tag":462,"props":2612,"children":2614},{"id":2613},"api-for-custom-view",[2615],{"type":51,"value":2616},"API for Custom View",{"type":46,"tag":47,"props":2618,"children":2619},{},[2620,2622,2628],{"type":51,"value":2621},"Please refer to ",{"type":46,"tag":451,"props":2623,"children":2625},{"href":2624},"/module/utils-kit#nuxtdevtools-kitiframe-client",[2626],{"type":51,"value":2627},"Iframe Client",{"type":51,"value":460},{"type":46,"tag":462,"props":2630,"children":2632},{"id":2631},"custom-rpc-functions",[2633],{"type":51,"value":2634},"Custom RPC Functions",{"type":46,"tag":47,"props":2636,"children":2637},{},[2638],{"type":51,"value":2639},"Nuxt DevTools uses Remote Procedure Call (RPC) to communicate between the server and client. For modules you can also leverage that to communicate your server code.",{"type":46,"tag":47,"props":2641,"children":2642},{},[2643],{"type":51,"value":2644},"To do that, we recommend to define your types in a shared TypeScript file first:",{"type":46,"tag":62,"props":2646,"children":2648},{"className":353,"code":2647,"language":355,"meta":40},"// rpc-types.ts\n\nexport interface ServerFunctions {\n  getMyModuleOptions(): MyModuleOptions\n}\n\nexport interface ClientFunctions {\n  showNotification(message: string): void\n}\n",[2649],{"type":46,"tag":54,"props":2650,"children":2651},{"__ignoreMap":40},[2652,2660,2666,2700,2726,2733,2739,2771,2819],{"type":46,"tag":72,"props":2653,"children":2654},{"class":74,"line":75},[2655],{"type":46,"tag":72,"props":2656,"children":2657},{"class":112},[2658],{"type":51,"value":2659},"// rpc-types.ts\n",{"type":46,"tag":72,"props":2661,"children":2662},{"class":74,"line":108},[2663],{"type":46,"tag":72,"props":2664,"children":2665},{},[],{"type":46,"tag":72,"props":2667,"children":2668},{"class":74,"line":118},[2669,2674,2678,2683,2687,2692,2696],{"type":46,"tag":72,"props":2670,"children":2671},{"class":365},[2672],{"type":51,"value":2673},"export",{"type":46,"tag":72,"props":2675,"children":2676},{"class":91},[2677],{"type":51,"value":94},{"type":46,"tag":72,"props":2679,"children":2680},{"class":97},[2681],{"type":51,"value":2682},"interface",{"type":46,"tag":72,"props":2684,"children":2685},{"class":91},[2686],{"type":51,"value":94},{"type":46,"tag":72,"props":2688,"children":2689},{"class":929},[2690],{"type":51,"value":2691},"ServerFunctions",{"type":46,"tag":72,"props":2693,"children":2694},{"class":91},[2695],{"type":51,"value":94},{"type":46,"tag":72,"props":2697,"children":2698},{"class":79},[2699],{"type":51,"value":1086},{"type":46,"tag":72,"props":2701,"children":2702},{"class":74,"line":156},[2703,2707,2712,2717,2721],{"type":46,"tag":72,"props":2704,"children":2705},{"class":91},[2706],{"type":51,"value":203},{"type":46,"tag":72,"props":2708,"children":2709},{"class":85},[2710],{"type":51,"value":2711},"getMyModuleOptions",{"type":46,"tag":72,"props":2713,"children":2714},{"class":79},[2715],{"type":51,"value":2716},"():",{"type":46,"tag":72,"props":2718,"children":2719},{"class":91},[2720],{"type":51,"value":94},{"type":46,"tag":72,"props":2722,"children":2723},{"class":929},[2724],{"type":51,"value":2725},"MyModuleOptions\n",{"type":46,"tag":72,"props":2727,"children":2728},{"class":74,"line":173},[2729],{"type":46,"tag":72,"props":2730,"children":2731},{"class":79},[2732],{"type":51,"value":1967},{"type":46,"tag":72,"props":2734,"children":2735},{"class":74,"line":180},[2736],{"type":46,"tag":72,"props":2737,"children":2738},{},[],{"type":46,"tag":72,"props":2740,"children":2741},{"class":74,"line":197},[2742,2746,2750,2754,2758,2763,2767],{"type":46,"tag":72,"props":2743,"children":2744},{"class":365},[2745],{"type":51,"value":2673},{"type":46,"tag":72,"props":2747,"children":2748},{"class":91},[2749],{"type":51,"value":94},{"type":46,"tag":72,"props":2751,"children":2752},{"class":97},[2753],{"type":51,"value":2682},{"type":46,"tag":72,"props":2755,"children":2756},{"class":91},[2757],{"type":51,"value":94},{"type":46,"tag":72,"props":2759,"children":2760},{"class":929},[2761],{"type":51,"value":2762},"ClientFunctions",{"type":46,"tag":72,"props":2764,"children":2765},{"class":91},[2766],{"type":51,"value":94},{"type":46,"tag":72,"props":2768,"children":2769},{"class":79},[2770],{"type":51,"value":1086},{"type":46,"tag":72,"props":2772,"children":2773},{"class":74,"line":215},[2774,2778,2783,2787,2792,2796,2800,2805,2810,2814],{"type":46,"tag":72,"props":2775,"children":2776},{"class":91},[2777],{"type":51,"value":203},{"type":46,"tag":72,"props":2779,"children":2780},{"class":85},[2781],{"type":51,"value":2782},"showNotification",{"type":46,"tag":72,"props":2784,"children":2785},{"class":79},[2786],{"type":51,"value":1081},{"type":46,"tag":72,"props":2788,"children":2789},{"class":1431},[2790],{"type":51,"value":2791},"message",{"type":46,"tag":72,"props":2793,"children":2794},{"class":79},[2795],{"type":51,"value":1115},{"type":46,"tag":72,"props":2797,"children":2798},{"class":91},[2799],{"type":51,"value":94},{"type":46,"tag":72,"props":2801,"children":2802},{"class":929},[2803],{"type":51,"value":2804},"string",{"type":46,"tag":72,"props":2806,"children":2807},{"class":79},[2808],{"type":51,"value":2809},"):",{"type":46,"tag":72,"props":2811,"children":2812},{"class":91},[2813],{"type":51,"value":94},{"type":46,"tag":72,"props":2815,"children":2816},{"class":929},[2817],{"type":51,"value":2818},"void\n",{"type":46,"tag":72,"props":2820,"children":2821},{"class":74,"line":249},[2822],{"type":46,"tag":72,"props":2823,"children":2824},{"class":79},[2825],{"type":51,"value":394},{"type":46,"tag":47,"props":2827,"children":2828},{},[2829],{"type":51,"value":2830},"And then in your module code:",{"type":46,"tag":62,"props":2832,"children":2834},{"className":353,"code":2833,"language":355,"meta":40},"import { defineNuxtModule } from '@nuxt/kit'\nimport { extendServerRpc, onDevToolsInitialized } from '@nuxt/devtools-kit'\nimport type { ClientFunctions, ServerFunctions } from './rpc-types'\n\nconst RPC_NAMESPACE = 'my-module-rpc'\n\nexport default defineNuxtModule({\n  setup(options, nuxt) {\n    // wait for DevTools to be initialized\n    onDevToolsInitialized(async () => {\n      const rpc = extendServerRpc\u003CClientFunctions, ServerFunctions>(RPC_NAMESPACE, {\n        // register server RPC functions\n        getMyModuleOptions() {\n          return options\n        },\n      })\n\n      // call client RPC functions\n      // since it might have multiple clients connected, we use `broadcast` to call all of them\n      await rpc.broadcast.showNotification('Hello from My Module!')\n    })\n  }\n})\n",[2835],{"type":46,"tag":54,"props":2836,"children":2837},{"__ignoreMap":40},[2838,2895,2964,3040,3046,3079,3085,3117,3161,3173,3216,3297,3309,3329,3350,3361,3376,3382,3394,3406,3463,3478,3489],{"type":46,"tag":72,"props":2839,"children":2840},{"class":74,"line":75},[2841,2845,2849,2853,2857,2862,2866,2870,2874,2878,2882,2886,2891],{"type":46,"tag":72,"props":2842,"children":2843},{"class":365},[2844],{"type":51,"value":368},{"type":46,"tag":72,"props":2846,"children":2847},{"class":91},[2848],{"type":51,"value":94},{"type":46,"tag":72,"props":2850,"children":2851},{"class":79},[2852],{"type":51,"value":377},{"type":46,"tag":72,"props":2854,"children":2855},{"class":85},[2856],{"type":51,"value":94},{"type":46,"tag":72,"props":2858,"children":2859},{"class":91},[2860],{"type":51,"value":2861},"defineNuxtModule",{"type":46,"tag":72,"props":2863,"children":2864},{"class":85},[2865],{"type":51,"value":94},{"type":46,"tag":72,"props":2867,"children":2868},{"class":79},[2869],{"type":51,"value":394},{"type":46,"tag":72,"props":2871,"children":2872},{"class":91},[2873],{"type":51,"value":94},{"type":46,"tag":72,"props":2875,"children":2876},{"class":365},[2877],{"type":51,"value":403},{"type":46,"tag":72,"props":2879,"children":2880},{"class":91},[2881],{"type":51,"value":94},{"type":46,"tag":72,"props":2883,"children":2884},{"class":79},[2885],{"type":51,"value":412},{"type":46,"tag":72,"props":2887,"children":2888},{"class":238},[2889],{"type":51,"value":2890},"@nuxt/kit",{"type":46,"tag":72,"props":2892,"children":2893},{"class":79},[2894],{"type":51,"value":1063},{"type":46,"tag":72,"props":2896,"children":2897},{"class":74,"line":108},[2898,2902,2906,2910,2914,2919,2923,2927,2932,2936,2940,2944,2948,2952,2956,2960],{"type":46,"tag":72,"props":2899,"children":2900},{"class":365},[2901],{"type":51,"value":368},{"type":46,"tag":72,"props":2903,"children":2904},{"class":91},[2905],{"type":51,"value":94},{"type":46,"tag":72,"props":2907,"children":2908},{"class":79},[2909],{"type":51,"value":377},{"type":46,"tag":72,"props":2911,"children":2912},{"class":85},[2913],{"type":51,"value":94},{"type":46,"tag":72,"props":2915,"children":2916},{"class":91},[2917],{"type":51,"value":2918},"extendServerRpc",{"type":46,"tag":72,"props":2920,"children":2921},{"class":79},[2922],{"type":51,"value":1420},{"type":46,"tag":72,"props":2924,"children":2925},{"class":85},[2926],{"type":51,"value":94},{"type":46,"tag":72,"props":2928,"children":2929},{"class":91},[2930],{"type":51,"value":2931},"onDevToolsInitialized",{"type":46,"tag":72,"props":2933,"children":2934},{"class":85},[2935],{"type":51,"value":94},{"type":46,"tag":72,"props":2937,"children":2938},{"class":79},[2939],{"type":51,"value":394},{"type":46,"tag":72,"props":2941,"children":2942},{"class":91},[2943],{"type":51,"value":94},{"type":46,"tag":72,"props":2945,"children":2946},{"class":365},[2947],{"type":51,"value":403},{"type":46,"tag":72,"props":2949,"children":2950},{"class":91},[2951],{"type":51,"value":94},{"type":46,"tag":72,"props":2953,"children":2954},{"class":79},[2955],{"type":51,"value":412},{"type":46,"tag":72,"props":2957,"children":2958},{"class":238},[2959],{"type":51,"value":1058},{"type":46,"tag":72,"props":2961,"children":2962},{"class":79},[2963],{"type":51,"value":1063},{"type":46,"tag":72,"props":2965,"children":2966},{"class":74,"line":118},[2967,2971,2975,2979,2983,2987,2991,2995,2999,3003,3007,3011,3015,3019,3023,3027,3031,3036],{"type":46,"tag":72,"props":2968,"children":2969},{"class":365},[2970],{"type":51,"value":368},{"type":46,"tag":72,"props":2972,"children":2973},{"class":91},[2974],{"type":51,"value":94},{"type":46,"tag":72,"props":2976,"children":2977},{"class":365},[2978],{"type":51,"value":1282},{"type":46,"tag":72,"props":2980,"children":2981},{"class":91},[2982],{"type":51,"value":94},{"type":46,"tag":72,"props":2984,"children":2985},{"class":79},[2986],{"type":51,"value":377},{"type":46,"tag":72,"props":2988,"children":2989},{"class":85},[2990],{"type":51,"value":94},{"type":46,"tag":72,"props":2992,"children":2993},{"class":91},[2994],{"type":51,"value":2762},{"type":46,"tag":72,"props":2996,"children":2997},{"class":79},[2998],{"type":51,"value":1420},{"type":46,"tag":72,"props":3000,"children":3001},{"class":85},[3002],{"type":51,"value":94},{"type":46,"tag":72,"props":3004,"children":3005},{"class":91},[3006],{"type":51,"value":2691},{"type":46,"tag":72,"props":3008,"children":3009},{"class":85},[3010],{"type":51,"value":94},{"type":46,"tag":72,"props":3012,"children":3013},{"class":79},[3014],{"type":51,"value":394},{"type":46,"tag":72,"props":3016,"children":3017},{"class":91},[3018],{"type":51,"value":94},{"type":46,"tag":72,"props":3020,"children":3021},{"class":365},[3022],{"type":51,"value":403},{"type":46,"tag":72,"props":3024,"children":3025},{"class":91},[3026],{"type":51,"value":94},{"type":46,"tag":72,"props":3028,"children":3029},{"class":79},[3030],{"type":51,"value":412},{"type":46,"tag":72,"props":3032,"children":3033},{"class":238},[3034],{"type":51,"value":3035},"./rpc-types",{"type":46,"tag":72,"props":3037,"children":3038},{"class":79},[3039],{"type":51,"value":1063},{"type":46,"tag":72,"props":3041,"children":3042},{"class":74,"line":156},[3043],{"type":46,"tag":72,"props":3044,"children":3045},{},[],{"type":46,"tag":72,"props":3047,"children":3048},{"class":74,"line":173},[3049,3053,3058,3062,3066,3070,3075],{"type":46,"tag":72,"props":3050,"children":3051},{"class":97},[3052],{"type":51,"value":124},{"type":46,"tag":72,"props":3054,"children":3055},{"class":91},[3056],{"type":51,"value":3057}," RPC_NAMESPACE ",{"type":46,"tag":72,"props":3059,"children":3060},{"class":79},[3061],{"type":51,"value":134},{"type":46,"tag":72,"props":3063,"children":3064},{"class":91},[3065],{"type":51,"value":94},{"type":46,"tag":72,"props":3067,"children":3068},{"class":79},[3069],{"type":51,"value":412},{"type":46,"tag":72,"props":3071,"children":3072},{"class":238},[3073],{"type":51,"value":3074},"my-module-rpc",{"type":46,"tag":72,"props":3076,"children":3077},{"class":79},[3078],{"type":51,"value":1063},{"type":46,"tag":72,"props":3080,"children":3081},{"class":74,"line":180},[3082],{"type":46,"tag":72,"props":3083,"children":3084},{},[],{"type":46,"tag":72,"props":3086,"children":3087},{"class":74,"line":197},[3088,3092,3096,3101,3105,3109,3113],{"type":46,"tag":72,"props":3089,"children":3090},{"class":365},[3091],{"type":51,"value":2673},{"type":46,"tag":72,"props":3093,"children":3094},{"class":91},[3095],{"type":51,"value":94},{"type":46,"tag":72,"props":3097,"children":3098},{"class":365},[3099],{"type":51,"value":3100},"default",{"type":46,"tag":72,"props":3102,"children":3103},{"class":91},[3104],{"type":51,"value":94},{"type":46,"tag":72,"props":3106,"children":3107},{"class":141},[3108],{"type":51,"value":2861},{"type":46,"tag":72,"props":3110,"children":3111},{"class":91},[3112],{"type":51,"value":1081},{"type":46,"tag":72,"props":3114,"children":3115},{"class":79},[3116],{"type":51,"value":1086},{"type":46,"tag":72,"props":3118,"children":3119},{"class":74,"line":215},[3120,3124,3128,3132,3137,3141,3145,3149,3153,3157],{"type":46,"tag":72,"props":3121,"children":3122},{"class":91},[3123],{"type":51,"value":203},{"type":46,"tag":72,"props":3125,"children":3126},{"class":85},[3127],{"type":51,"value":100},{"type":46,"tag":72,"props":3129,"children":3130},{"class":79},[3131],{"type":51,"value":1081},{"type":46,"tag":72,"props":3133,"children":3134},{"class":1431},[3135],{"type":51,"value":3136},"options",{"type":46,"tag":72,"props":3138,"children":3139},{"class":79},[3140],{"type":51,"value":1420},{"type":46,"tag":72,"props":3142,"children":3143},{"class":91},[3144],{"type":51,"value":94},{"type":46,"tag":72,"props":3146,"children":3147},{"class":1431},[3148],{"type":51,"value":1389},{"type":46,"tag":72,"props":3150,"children":3151},{"class":79},[3152],{"type":51,"value":1369},{"type":46,"tag":72,"props":3154,"children":3155},{"class":91},[3156],{"type":51,"value":94},{"type":46,"tag":72,"props":3158,"children":3159},{"class":79},[3160],{"type":51,"value":1086},{"type":46,"tag":72,"props":3162,"children":3163},{"class":74,"line":249},[3164,3168],{"type":46,"tag":72,"props":3165,"children":3166},{"class":79},[3167],{"type":51,"value":221},{"type":46,"tag":72,"props":3169,"children":3170},{"class":112},[3171],{"type":51,"value":3172},"// wait for DevTools to be initialized\n",{"type":46,"tag":72,"props":3174,"children":3175},{"class":74,"line":279},[3176,3180,3184,3188,3192,3196,3200,3204,3208,3212],{"type":46,"tag":72,"props":3177,"children":3178},{"class":85},[3179],{"type":51,"value":221},{"type":46,"tag":72,"props":3181,"children":3182},{"class":141},[3183],{"type":51,"value":2931},{"type":46,"tag":72,"props":3185,"children":3186},{"class":85},[3187],{"type":51,"value":1081},{"type":46,"tag":72,"props":3189,"children":3190},{"class":97},[3191],{"type":51,"value":1887},{"type":46,"tag":72,"props":3193,"children":3194},{"class":85},[3195],{"type":51,"value":94},{"type":46,"tag":72,"props":3197,"children":3198},{"class":79},[3199],{"type":51,"value":1910},{"type":46,"tag":72,"props":3201,"children":3202},{"class":85},[3203],{"type":51,"value":94},{"type":46,"tag":72,"props":3205,"children":3206},{"class":97},[3207],{"type":51,"value":1447},{"type":46,"tag":72,"props":3209,"children":3210},{"class":85},[3211],{"type":51,"value":94},{"type":46,"tag":72,"props":3213,"children":3214},{"class":79},[3215],{"type":51,"value":1086},{"type":46,"tag":72,"props":3217,"children":3218},{"class":74,"line":288},[3219,3223,3227,3231,3236,3240,3244,3248,3252,3256,3260,3264,3268,3272,3276,3280,3285,3289,3293],{"type":46,"tag":72,"props":3220,"children":3221},{"class":85},[3222],{"type":51,"value":2157},{"type":46,"tag":72,"props":3224,"children":3225},{"class":97},[3226],{"type":51,"value":124},{"type":46,"tag":72,"props":3228,"children":3229},{"class":85},[3230],{"type":51,"value":94},{"type":46,"tag":72,"props":3232,"children":3233},{"class":91},[3234],{"type":51,"value":3235},"rpc",{"type":46,"tag":72,"props":3237,"children":3238},{"class":85},[3239],{"type":51,"value":94},{"type":46,"tag":72,"props":3241,"children":3242},{"class":79},[3243],{"type":51,"value":134},{"type":46,"tag":72,"props":3245,"children":3246},{"class":85},[3247],{"type":51,"value":94},{"type":46,"tag":72,"props":3249,"children":3250},{"class":141},[3251],{"type":51,"value":2918},{"type":46,"tag":72,"props":3253,"children":3254},{"class":79},[3255],{"type":51,"value":82},{"type":46,"tag":72,"props":3257,"children":3258},{"class":929},[3259],{"type":51,"value":2762},{"type":46,"tag":72,"props":3261,"children":3262},{"class":79},[3263],{"type":51,"value":1420},{"type":46,"tag":72,"props":3265,"children":3266},{"class":85},[3267],{"type":51,"value":94},{"type":46,"tag":72,"props":3269,"children":3270},{"class":929},[3271],{"type":51,"value":2691},{"type":46,"tag":72,"props":3273,"children":3274},{"class":79},[3275],{"type":51,"value":345},{"type":46,"tag":72,"props":3277,"children":3278},{"class":85},[3279],{"type":51,"value":1081},{"type":46,"tag":72,"props":3281,"children":3282},{"class":91},[3283],{"type":51,"value":3284},"RPC_NAMESPACE",{"type":46,"tag":72,"props":3286,"children":3287},{"class":79},[3288],{"type":51,"value":1420},{"type":46,"tag":72,"props":3290,"children":3291},{"class":85},[3292],{"type":51,"value":94},{"type":46,"tag":72,"props":3294,"children":3295},{"class":79},[3296],{"type":51,"value":1086},{"type":46,"tag":72,"props":3298,"children":3299},{"class":74,"line":301},[3300,3304],{"type":46,"tag":72,"props":3301,"children":3302},{"class":79},[3303],{"type":51,"value":2244},{"type":46,"tag":72,"props":3305,"children":3306},{"class":112},[3307],{"type":51,"value":3308},"// register server RPC functions\n",{"type":46,"tag":72,"props":3310,"children":3311},{"class":74,"line":310},[3312,3317,3321,3325],{"type":46,"tag":72,"props":3313,"children":3314},{"class":85},[3315],{"type":51,"value":3316},"        getMyModuleOptions",{"type":46,"tag":72,"props":3318,"children":3319},{"class":79},[3320],{"type":51,"value":1910},{"type":46,"tag":72,"props":3322,"children":3323},{"class":85},[3324],{"type":51,"value":94},{"type":46,"tag":72,"props":3326,"children":3327},{"class":79},[3328],{"type":51,"value":1086},{"type":46,"tag":72,"props":3330,"children":3331},{"class":74,"line":331},[3332,3336,3341,3345],{"type":46,"tag":72,"props":3333,"children":3334},{"class":85},[3335],{"type":51,"value":2531},{"type":46,"tag":72,"props":3337,"children":3338},{"class":365},[3339],{"type":51,"value":3340},"return",{"type":46,"tag":72,"props":3342,"children":3343},{"class":85},[3344],{"type":51,"value":94},{"type":46,"tag":72,"props":3346,"children":3347},{"class":91},[3348],{"type":51,"value":3349},"options\n",{"type":46,"tag":72,"props":3351,"children":3352},{"class":74,"line":1359},[3353,3357],{"type":46,"tag":72,"props":3354,"children":3355},{"class":85},[3356],{"type":51,"value":2244},{"type":46,"tag":72,"props":3358,"children":3359},{"class":79},[3360],{"type":51,"value":1356},{"type":46,"tag":72,"props":3362,"children":3363},{"class":74,"line":2205},[3364,3368,3372],{"type":46,"tag":72,"props":3365,"children":3366},{"class":85},[3367],{"type":51,"value":2157},{"type":46,"tag":72,"props":3369,"children":3370},{"class":79},[3371],{"type":51,"value":394},{"type":46,"tag":72,"props":3373,"children":3374},{"class":85},[3375],{"type":51,"value":1734},{"type":46,"tag":72,"props":3377,"children":3378},{"class":74,"line":2238},[3379],{"type":46,"tag":72,"props":3380,"children":3381},{},[],{"type":46,"tag":72,"props":3383,"children":3384},{"class":74,"line":2251},[3385,3389],{"type":46,"tag":72,"props":3386,"children":3387},{"class":79},[3388],{"type":51,"value":2157},{"type":46,"tag":72,"props":3390,"children":3391},{"class":112},[3392],{"type":51,"value":3393},"// call client RPC functions\n",{"type":46,"tag":72,"props":3395,"children":3396},{"class":74,"line":2271},[3397,3401],{"type":46,"tag":72,"props":3398,"children":3399},{"class":79},[3400],{"type":51,"value":2157},{"type":46,"tag":72,"props":3402,"children":3403},{"class":112},[3404],{"type":51,"value":3405},"// since it might have multiple clients connected, we use `broadcast` to call all of them\n",{"type":46,"tag":72,"props":3407,"children":3408},{"class":74,"line":2304},[3409,3413,3417,3421,3425,3429,3434,3438,3442,3446,3450,3455,3459],{"type":46,"tag":72,"props":3410,"children":3411},{"class":85},[3412],{"type":51,"value":2157},{"type":46,"tag":72,"props":3414,"children":3415},{"class":365},[3416],{"type":51,"value":2501},{"type":46,"tag":72,"props":3418,"children":3419},{"class":85},[3420],{"type":51,"value":94},{"type":46,"tag":72,"props":3422,"children":3423},{"class":91},[3424],{"type":51,"value":3235},{"type":46,"tag":72,"props":3426,"children":3427},{"class":79},[3428],{"type":51,"value":460},{"type":46,"tag":72,"props":3430,"children":3431},{"class":91},[3432],{"type":51,"value":3433},"broadcast",{"type":46,"tag":72,"props":3435,"children":3436},{"class":79},[3437],{"type":51,"value":460},{"type":46,"tag":72,"props":3439,"children":3440},{"class":141},[3441],{"type":51,"value":2782},{"type":46,"tag":72,"props":3443,"children":3444},{"class":85},[3445],{"type":51,"value":1081},{"type":46,"tag":72,"props":3447,"children":3448},{"class":79},[3449],{"type":51,"value":412},{"type":46,"tag":72,"props":3451,"children":3452},{"class":238},[3453],{"type":51,"value":3454},"Hello from My Module!",{"type":46,"tag":72,"props":3456,"children":3457},{"class":79},[3458],{"type":51,"value":412},{"type":46,"tag":72,"props":3460,"children":3461},{"class":85},[3462],{"type":51,"value":1734},{"type":46,"tag":72,"props":3464,"children":3465},{"class":74,"line":2338},[3466,3470,3474],{"type":46,"tag":72,"props":3467,"children":3468},{"class":85},[3469],{"type":51,"value":221},{"type":46,"tag":72,"props":3471,"children":3472},{"class":79},[3473],{"type":51,"value":394},{"type":46,"tag":72,"props":3475,"children":3476},{"class":85},[3477],{"type":51,"value":1734},{"type":46,"tag":72,"props":3479,"children":3480},{"class":74,"line":2360},[3481,3485],{"type":46,"tag":72,"props":3482,"children":3483},{"class":85},[3484],{"type":51,"value":203},{"type":46,"tag":72,"props":3486,"children":3487},{"class":79},[3488],{"type":51,"value":1967},{"type":46,"tag":72,"props":3490,"children":3491},{"class":74,"line":2394},[3492,3496],{"type":46,"tag":72,"props":3493,"children":3494},{"class":79},[3495],{"type":51,"value":394},{"type":46,"tag":72,"props":3497,"children":3498},{"class":91},[3499],{"type":51,"value":1369},{"type":46,"tag":47,"props":3501,"children":3502},{},[3503],{"type":51,"value":3504},"And on the client side, you can do:",{"type":46,"tag":62,"props":3506,"children":3508},{"className":353,"code":3507,"language":355,"meta":40},"import { onDevtoolsClientConnected } from '@nuxt/devtools-kit/iframe-client'\nimport type { ClientFunctions, ServerFunctions } from './rpc-types'\n\nconst RPC_NAMESPACE = 'my-module-rpc'\n\nonDevtoolsClientConnected(async (client) => {\n  const rpc = client.devtools.extendClientRpc(RPC_NAMESPACE, {\n    showNotification(message) {\n      console.log(message)\n    },\n  })\n\n  // call server RPC functions\n  const options = await rpc.getMyModuleOptions()\n})\n",[3509],{"type":46,"tag":54,"props":3510,"children":3511},{"__ignoreMap":40},[3512,3569,3644,3650,3681,3687,3735,3808,3836,3869,3880,3895,3901,3913,3968],{"type":46,"tag":72,"props":3513,"children":3514},{"class":74,"line":75},[3515,3519,3523,3527,3531,3536,3540,3544,3548,3552,3556,3560,3565],{"type":46,"tag":72,"props":3516,"children":3517},{"class":365},[3518],{"type":51,"value":368},{"type":46,"tag":72,"props":3520,"children":3521},{"class":91},[3522],{"type":51,"value":94},{"type":46,"tag":72,"props":3524,"children":3525},{"class":79},[3526],{"type":51,"value":377},{"type":46,"tag":72,"props":3528,"children":3529},{"class":85},[3530],{"type":51,"value":94},{"type":46,"tag":72,"props":3532,"children":3533},{"class":91},[3534],{"type":51,"value":3535},"onDevtoolsClientConnected",{"type":46,"tag":72,"props":3537,"children":3538},{"class":85},[3539],{"type":51,"value":94},{"type":46,"tag":72,"props":3541,"children":3542},{"class":79},[3543],{"type":51,"value":394},{"type":46,"tag":72,"props":3545,"children":3546},{"class":91},[3547],{"type":51,"value":94},{"type":46,"tag":72,"props":3549,"children":3550},{"class":365},[3551],{"type":51,"value":403},{"type":46,"tag":72,"props":3553,"children":3554},{"class":91},[3555],{"type":51,"value":94},{"type":46,"tag":72,"props":3557,"children":3558},{"class":79},[3559],{"type":51,"value":412},{"type":46,"tag":72,"props":3561,"children":3562},{"class":238},[3563],{"type":51,"value":3564},"@nuxt/devtools-kit/iframe-client",{"type":46,"tag":72,"props":3566,"children":3567},{"class":79},[3568],{"type":51,"value":1063},{"type":46,"tag":72,"props":3570,"children":3571},{"class":74,"line":108},[3572,3576,3580,3584,3588,3592,3596,3600,3604,3608,3612,3616,3620,3624,3628,3632,3636,3640],{"type":46,"tag":72,"props":3573,"children":3574},{"class":365},[3575],{"type":51,"value":368},{"type":46,"tag":72,"props":3577,"children":3578},{"class":91},[3579],{"type":51,"value":94},{"type":46,"tag":72,"props":3581,"children":3582},{"class":365},[3583],{"type":51,"value":1282},{"type":46,"tag":72,"props":3585,"children":3586},{"class":91},[3587],{"type":51,"value":94},{"type":46,"tag":72,"props":3589,"children":3590},{"class":79},[3591],{"type":51,"value":377},{"type":46,"tag":72,"props":3593,"children":3594},{"class":85},[3595],{"type":51,"value":94},{"type":46,"tag":72,"props":3597,"children":3598},{"class":91},[3599],{"type":51,"value":2762},{"type":46,"tag":72,"props":3601,"children":3602},{"class":79},[3603],{"type":51,"value":1420},{"type":46,"tag":72,"props":3605,"children":3606},{"class":85},[3607],{"type":51,"value":94},{"type":46,"tag":72,"props":3609,"children":3610},{"class":91},[3611],{"type":51,"value":2691},{"type":46,"tag":72,"props":3613,"children":3614},{"class":85},[3615],{"type":51,"value":94},{"type":46,"tag":72,"props":3617,"children":3618},{"class":79},[3619],{"type":51,"value":394},{"type":46,"tag":72,"props":3621,"children":3622},{"class":91},[3623],{"type":51,"value":94},{"type":46,"tag":72,"props":3625,"children":3626},{"class":365},[3627],{"type":51,"value":403},{"type":46,"tag":72,"props":3629,"children":3630},{"class":91},[3631],{"type":51,"value":94},{"type":46,"tag":72,"props":3633,"children":3634},{"class":79},[3635],{"type":51,"value":412},{"type":46,"tag":72,"props":3637,"children":3638},{"class":238},[3639],{"type":51,"value":3035},{"type":46,"tag":72,"props":3641,"children":3642},{"class":79},[3643],{"type":51,"value":1063},{"type":46,"tag":72,"props":3645,"children":3646},{"class":74,"line":118},[3647],{"type":46,"tag":72,"props":3648,"children":3649},{},[],{"type":46,"tag":72,"props":3651,"children":3652},{"class":74,"line":156},[3653,3657,3661,3665,3669,3673,3677],{"type":46,"tag":72,"props":3654,"children":3655},{"class":97},[3656],{"type":51,"value":124},{"type":46,"tag":72,"props":3658,"children":3659},{"class":91},[3660],{"type":51,"value":3057},{"type":46,"tag":72,"props":3662,"children":3663},{"class":79},[3664],{"type":51,"value":134},{"type":46,"tag":72,"props":3666,"children":3667},{"class":91},[3668],{"type":51,"value":94},{"type":46,"tag":72,"props":3670,"children":3671},{"class":79},[3672],{"type":51,"value":412},{"type":46,"tag":72,"props":3674,"children":3675},{"class":238},[3676],{"type":51,"value":3074},{"type":46,"tag":72,"props":3678,"children":3679},{"class":79},[3680],{"type":51,"value":1063},{"type":46,"tag":72,"props":3682,"children":3683},{"class":74,"line":173},[3684],{"type":46,"tag":72,"props":3685,"children":3686},{},[],{"type":46,"tag":72,"props":3688,"children":3689},{"class":74,"line":180},[3690,3694,3698,3702,3706,3710,3715,3719,3723,3727,3731],{"type":46,"tag":72,"props":3691,"children":3692},{"class":141},[3693],{"type":51,"value":3535},{"type":46,"tag":72,"props":3695,"children":3696},{"class":91},[3697],{"type":51,"value":1081},{"type":46,"tag":72,"props":3699,"children":3700},{"class":97},[3701],{"type":51,"value":1887},{"type":46,"tag":72,"props":3703,"children":3704},{"class":91},[3705],{"type":51,"value":94},{"type":46,"tag":72,"props":3707,"children":3708},{"class":79},[3709],{"type":51,"value":1081},{"type":46,"tag":72,"props":3711,"children":3712},{"class":1431},[3713],{"type":51,"value":3714},"client",{"type":46,"tag":72,"props":3716,"children":3717},{"class":79},[3718],{"type":51,"value":1369},{"type":46,"tag":72,"props":3720,"children":3721},{"class":91},[3722],{"type":51,"value":94},{"type":46,"tag":72,"props":3724,"children":3725},{"class":97},[3726],{"type":51,"value":1447},{"type":46,"tag":72,"props":3728,"children":3729},{"class":91},[3730],{"type":51,"value":94},{"type":46,"tag":72,"props":3732,"children":3733},{"class":79},[3734],{"type":51,"value":1086},{"type":46,"tag":72,"props":3736,"children":3737},{"class":74,"line":197},[3738,3742,3746,3750,3754,3758,3762,3766,3770,3774,3779,3783,3788,3792,3796,3800,3804],{"type":46,"tag":72,"props":3739,"children":3740},{"class":85},[3741],{"type":51,"value":203},{"type":46,"tag":72,"props":3743,"children":3744},{"class":97},[3745],{"type":51,"value":124},{"type":46,"tag":72,"props":3747,"children":3748},{"class":85},[3749],{"type":51,"value":94},{"type":46,"tag":72,"props":3751,"children":3752},{"class":91},[3753],{"type":51,"value":3235},{"type":46,"tag":72,"props":3755,"children":3756},{"class":85},[3757],{"type":51,"value":94},{"type":46,"tag":72,"props":3759,"children":3760},{"class":79},[3761],{"type":51,"value":134},{"type":46,"tag":72,"props":3763,"children":3764},{"class":85},[3765],{"type":51,"value":94},{"type":46,"tag":72,"props":3767,"children":3768},{"class":91},[3769],{"type":51,"value":3714},{"type":46,"tag":72,"props":3771,"children":3772},{"class":79},[3773],{"type":51,"value":460},{"type":46,"tag":72,"props":3775,"children":3776},{"class":91},[3777],{"type":51,"value":3778},"devtools",{"type":46,"tag":72,"props":3780,"children":3781},{"class":79},[3782],{"type":51,"value":460},{"type":46,"tag":72,"props":3784,"children":3785},{"class":141},[3786],{"type":51,"value":3787},"extendClientRpc",{"type":46,"tag":72,"props":3789,"children":3790},{"class":85},[3791],{"type":51,"value":1081},{"type":46,"tag":72,"props":3793,"children":3794},{"class":91},[3795],{"type":51,"value":3284},{"type":46,"tag":72,"props":3797,"children":3798},{"class":79},[3799],{"type":51,"value":1420},{"type":46,"tag":72,"props":3801,"children":3802},{"class":85},[3803],{"type":51,"value":94},{"type":46,"tag":72,"props":3805,"children":3806},{"class":79},[3807],{"type":51,"value":1086},{"type":46,"tag":72,"props":3809,"children":3810},{"class":74,"line":215},[3811,3816,3820,3824,3828,3832],{"type":46,"tag":72,"props":3812,"children":3813},{"class":85},[3814],{"type":51,"value":3815},"    showNotification",{"type":46,"tag":72,"props":3817,"children":3818},{"class":79},[3819],{"type":51,"value":1081},{"type":46,"tag":72,"props":3821,"children":3822},{"class":1431},[3823],{"type":51,"value":2791},{"type":46,"tag":72,"props":3825,"children":3826},{"class":79},[3827],{"type":51,"value":1369},{"type":46,"tag":72,"props":3829,"children":3830},{"class":85},[3831],{"type":51,"value":94},{"type":46,"tag":72,"props":3833,"children":3834},{"class":79},[3835],{"type":51,"value":1086},{"type":46,"tag":72,"props":3837,"children":3838},{"class":74,"line":249},[3839,3843,3848,3852,3857,3861,3865],{"type":46,"tag":72,"props":3840,"children":3841},{"class":85},[3842],{"type":51,"value":2157},{"type":46,"tag":72,"props":3844,"children":3845},{"class":91},[3846],{"type":51,"value":3847},"console",{"type":46,"tag":72,"props":3849,"children":3850},{"class":79},[3851],{"type":51,"value":460},{"type":46,"tag":72,"props":3853,"children":3854},{"class":141},[3855],{"type":51,"value":3856},"log",{"type":46,"tag":72,"props":3858,"children":3859},{"class":85},[3860],{"type":51,"value":1081},{"type":46,"tag":72,"props":3862,"children":3863},{"class":91},[3864],{"type":51,"value":2791},{"type":46,"tag":72,"props":3866,"children":3867},{"class":85},[3868],{"type":51,"value":1734},{"type":46,"tag":72,"props":3870,"children":3871},{"class":74,"line":279},[3872,3876],{"type":46,"tag":72,"props":3873,"children":3874},{"class":85},[3875],{"type":51,"value":221},{"type":46,"tag":72,"props":3877,"children":3878},{"class":79},[3879],{"type":51,"value":1356},{"type":46,"tag":72,"props":3881,"children":3882},{"class":74,"line":288},[3883,3887,3891],{"type":46,"tag":72,"props":3884,"children":3885},{"class":85},[3886],{"type":51,"value":203},{"type":46,"tag":72,"props":3888,"children":3889},{"class":79},[3890],{"type":51,"value":394},{"type":46,"tag":72,"props":3892,"children":3893},{"class":85},[3894],{"type":51,"value":1734},{"type":46,"tag":72,"props":3896,"children":3897},{"class":74,"line":301},[3898],{"type":46,"tag":72,"props":3899,"children":3900},{},[],{"type":46,"tag":72,"props":3902,"children":3903},{"class":74,"line":310},[3904,3908],{"type":46,"tag":72,"props":3905,"children":3906},{"class":79},[3907],{"type":51,"value":203},{"type":46,"tag":72,"props":3909,"children":3910},{"class":112},[3911],{"type":51,"value":3912},"// call server RPC functions\n",{"type":46,"tag":72,"props":3914,"children":3915},{"class":74,"line":331},[3916,3920,3924,3928,3932,3936,3940,3944,3948,3952,3956,3960,3964],{"type":46,"tag":72,"props":3917,"children":3918},{"class":85},[3919],{"type":51,"value":203},{"type":46,"tag":72,"props":3921,"children":3922},{"class":97},[3923],{"type":51,"value":124},{"type":46,"tag":72,"props":3925,"children":3926},{"class":85},[3927],{"type":51,"value":94},{"type":46,"tag":72,"props":3929,"children":3930},{"class":91},[3931],{"type":51,"value":3136},{"type":46,"tag":72,"props":3933,"children":3934},{"class":85},[3935],{"type":51,"value":94},{"type":46,"tag":72,"props":3937,"children":3938},{"class":79},[3939],{"type":51,"value":134},{"type":46,"tag":72,"props":3941,"children":3942},{"class":85},[3943],{"type":51,"value":94},{"type":46,"tag":72,"props":3945,"children":3946},{"class":365},[3947],{"type":51,"value":2501},{"type":46,"tag":72,"props":3949,"children":3950},{"class":85},[3951],{"type":51,"value":94},{"type":46,"tag":72,"props":3953,"children":3954},{"class":91},[3955],{"type":51,"value":3235},{"type":46,"tag":72,"props":3957,"children":3958},{"class":79},[3959],{"type":51,"value":460},{"type":46,"tag":72,"props":3961,"children":3962},{"class":141},[3963],{"type":51,"value":2711},{"type":46,"tag":72,"props":3965,"children":3966},{"class":85},[3967],{"type":51,"value":2488},{"type":46,"tag":72,"props":3969,"children":3970},{"class":74,"line":1359},[3971,3975],{"type":46,"tag":72,"props":3972,"children":3973},{"class":79},[3974],{"type":51,"value":394},{"type":46,"tag":72,"props":3976,"children":3977},{"class":91},[3978],{"type":51,"value":1369},{"type":46,"tag":462,"props":3980,"children":3982},{"id":3981},"trying-local-changes",[3983],{"type":51,"value":3984},"Trying Local Changes",{"type":46,"tag":47,"props":3986,"children":3987},{},[3988],{"type":51,"value":3989},"You can clone Nuxt DevTools repo and try your changes locally.",{"type":46,"tag":47,"props":3991,"children":3992},{},[3993,3994,3999],{"type":51,"value":2621},{"type":46,"tag":451,"props":3995,"children":3997},{"href":3996},"/development/contributing#trying-local-changes",[3998],{"type":51,"value":3984},{"type":51,"value":460},{"type":46,"tag":462,"props":4001,"children":4003},{"id":4002},"examples",[4004],{"type":51,"value":4005},"Examples",{"type":46,"tag":47,"props":4007,"children":4008},{},[4009],{"type":51,"value":4010},"Here are a few examples of how to integrate Nuxt DevTools in modules:",{"type":46,"tag":4012,"props":4013,"children":4014},"ul",{},[4015,4026,4036,4046,4056],{"type":46,"tag":4016,"props":4017,"children":4018},"li",{},[4019],{"type":46,"tag":451,"props":4020,"children":4023},{"href":4021,"rel":4022},"https://github.com/nuxt/devtools/blob/main/packages/devtools/src/integrations/vscode.ts",[455],[4024],{"type":51,"value":4025},"Built-in VS Code integration with lazy initialize",{"type":46,"tag":4016,"props":4027,"children":4028},{},[4029],{"type":46,"tag":451,"props":4030,"children":4033},{"href":4031,"rel":4032},"https://github.com/vueuse/vueuse/blob/ce28cef154489c73abe308104bef8568594a9bcd/packages/nuxt/index.ts#L89-L99",[455],[4034],{"type":51,"value":4035},"VueUse adds a docs tab",{"type":46,"tag":4016,"props":4037,"children":4038},{},[4039],{"type":46,"tag":451,"props":4040,"children":4043},{"href":4041,"rel":4042},"https://github.com/unocss/unocss/blob/25021a751494e99e85cfd82cca3855cdf78f6a12/packages/nuxt/src/index.ts#L81-L94",[455],[4044],{"type":51,"value":4045},"UnoCSS Inspector",{"type":46,"tag":4016,"props":4047,"children":4048},{},[4049],{"type":46,"tag":451,"props":4050,"children":4053},{"href":4051,"rel":4052},"https://github.com/danielroe/nuxt-vitest/blob/7bac68d96f27dea6c30c198b7caaaf0b495574ab/packages/nuxt-vitest/src/module.ts#L139-L181",[455],[4054],{"type":51,"value":4055},"Nuxt Vitest runner",{"type":46,"tag":4016,"props":4057,"children":4058},{},[4059],{"type":46,"tag":451,"props":4060,"children":4063},{"href":4061,"rel":4062},"https://github.com/harlan-zw/nuxt-og-image/blob/main/src/module.ts#L136",[455],[4064],{"type":51,"value":4065},"Nuxt OG Image Playground",{"type":46,"tag":428,"props":4067,"children":4068},{},[4069],{"type":51,"value":4070},".material-theme_material-theme-palenight_material-theme-lighter{color:#EEFFFF;background:#263238;}.dark .material-theme_material-theme-palenight_material-theme-lighter{color:#A6ACCD;background:#292D3E;}.light .material-theme_material-theme-palenight_material-theme-lighter{color:#90A4AE;background:#FAFAFA;}.ct-902167{color:#FFCB6B;}.light .ct-902167{color:#E2931D;}.ct-521921{color:#EEFFFF;}.dark .ct-521921{color:#A6ACCD;}.light .ct-521921{color:#90A4AE;}.ct-083593{color:#C3E88D;}.light .ct-083593{color:#91B859;}.ct-398028{color:#89DDFF;font-style:italic;}.light .ct-398028{color:#39ADB5;font-style:italic;}.ct-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}.ct-021512{color:#82AAFF;}.light .ct-021512{color:#6182B8;}.ct-767688{color:#546E7A;font-style:italic;}.dark .ct-767688{color:#676E95;font-style:italic;}.light .ct-767688{color:#90A4AE;font-style:italic;}.ct-377156{color:#EEFFFF;font-style:italic;}.dark .ct-377156{color:#A6ACCD;font-style:italic;}.light .ct-377156{color:#90A4AE;font-style:italic;}.ct-366012{color:#C792EA;}.light .ct-366012{color:#9C3EDA;}.ct-358248{color:#FF9CAC;}.light .ct-358248{color:#FF5370;}",{"title":40,"searchDepth":108,"depth":108,"links":4072},[4073,4074,4075,4076,4077,4078,4079],{"id":906,"depth":108,"text":909},{"id":985,"depth":108,"text":988},{"id":1758,"depth":108,"text":1761},{"id":2613,"depth":108,"text":2616},{"id":2631,"depth":108,"text":2634},{"id":3981,"depth":108,"text":3984},{"id":4002,"depth":108,"text":4005},"content:2.module:0.guide.md","2.module/0.guide.md",1695783414154]