[{"data":1,"prerenderedAt":4072},["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":4070,"_source":437,"_file":4071,"_extension":439},"module","Add your own modules integration to the Nuxt DevTools.",{"type":43,"children":888,"toc":4061},[889,894,900,905,968,973,979,984,989,1360,1365,1736,1746,1752,1757,2571,2583,2601,2607,2619,2625,2630,2635,2816,2821,3490,3495,3969,3975,3980,3990,3996,4001,4056],{"type":46,"tag":47,"props":890,"children":891},{},[892],{"type":51,"value":893},"Nuxt DevTools is designed to be extensible. You can add your own modules integration to the DevTools.",{"type":46,"tag":462,"props":895,"children":897},{"id":896},"starter-template",[898],{"type":51,"value":899},"Starter Template",{"type":46,"tag":47,"props":901,"children":902},{},[903],{"type":51,"value":904},"If you want to try integrating with Nuxt DevTools, you can run",{"type":46,"tag":62,"props":906,"children":910},{"className":907,"code":908,"language":909,"meta":40},"language-bash material-theme_material-theme-palenight_material-theme-lighter","npx nuxi init my-module -t module-devtools\n","bash",[911],{"type":46,"tag":54,"props":912,"children":913},{"__ignoreMap":40},[914],{"type":46,"tag":72,"props":915,"children":916},{"class":74,"line":75},[917,923,927,932,936,941,945,950,954,959,963],{"type":46,"tag":72,"props":918,"children":920},{"class":919},"ct-902167",[921],{"type":51,"value":922},"npx",{"type":46,"tag":72,"props":924,"children":925},{"class":91},[926],{"type":51,"value":94},{"type":46,"tag":72,"props":928,"children":929},{"class":238},[930],{"type":51,"value":931},"nuxi",{"type":46,"tag":72,"props":933,"children":934},{"class":91},[935],{"type":51,"value":94},{"type":46,"tag":72,"props":937,"children":938},{"class":238},[939],{"type":51,"value":940},"init",{"type":46,"tag":72,"props":942,"children":943},{"class":91},[944],{"type":51,"value":94},{"type":46,"tag":72,"props":946,"children":947},{"class":238},[948],{"type":51,"value":949},"my-module",{"type":46,"tag":72,"props":951,"children":952},{"class":91},[953],{"type":51,"value":94},{"type":46,"tag":72,"props":955,"children":956},{"class":238},[957],{"type":51,"value":958},"-t",{"type":46,"tag":72,"props":960,"children":961},{"class":91},[962],{"type":51,"value":94},{"type":46,"tag":72,"props":964,"children":965},{"class":238},[966],{"type":51,"value":967},"module-devtools",{"type":46,"tag":47,"props":969,"children":970},{},[971],{"type":51,"value":972},"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":974,"children":976},{"id":975},"contributing-to-view",[977],{"type":51,"value":978},"Contributing to View",{"type":46,"tag":47,"props":980,"children":981},{},[982],{"type":51,"value":983},"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":985,"children":986},{},[987],{"type":51,"value":988},"You can use the utility kit provided by Nuxt DevTools to register your custom tab:",{"type":46,"tag":62,"props":990,"children":992},{"className":353,"code":991,"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",[993],{"type":46,"tag":54,"props":994,"children":995},{"__ignoreMap":40},[996,1054,1060,1077,1089,1127,1139,1176,1188,1225,1237,1261,1298,1335,1347],{"type":46,"tag":72,"props":997,"children":998},{"class":74,"line":75},[999,1003,1007,1011,1015,1020,1024,1028,1032,1036,1040,1044,1049],{"type":46,"tag":72,"props":1000,"children":1001},{"class":365},[1002],{"type":51,"value":368},{"type":46,"tag":72,"props":1004,"children":1005},{"class":91},[1006],{"type":51,"value":94},{"type":46,"tag":72,"props":1008,"children":1009},{"class":79},[1010],{"type":51,"value":377},{"type":46,"tag":72,"props":1012,"children":1013},{"class":85},[1014],{"type":51,"value":94},{"type":46,"tag":72,"props":1016,"children":1017},{"class":91},[1018],{"type":51,"value":1019},"addCustomTab",{"type":46,"tag":72,"props":1021,"children":1022},{"class":85},[1023],{"type":51,"value":94},{"type":46,"tag":72,"props":1025,"children":1026},{"class":79},[1027],{"type":51,"value":394},{"type":46,"tag":72,"props":1029,"children":1030},{"class":91},[1031],{"type":51,"value":94},{"type":46,"tag":72,"props":1033,"children":1034},{"class":365},[1035],{"type":51,"value":403},{"type":46,"tag":72,"props":1037,"children":1038},{"class":91},[1039],{"type":51,"value":94},{"type":46,"tag":72,"props":1041,"children":1042},{"class":79},[1043],{"type":51,"value":412},{"type":46,"tag":72,"props":1045,"children":1046},{"class":238},[1047],{"type":51,"value":1048},"@nuxt/devtools-kit",{"type":46,"tag":72,"props":1050,"children":1051},{"class":79},[1052],{"type":51,"value":1053},"'\n",{"type":46,"tag":72,"props":1055,"children":1056},{"class":74,"line":108},[1057],{"type":46,"tag":72,"props":1058,"children":1059},{},[],{"type":46,"tag":72,"props":1061,"children":1062},{"class":74,"line":118},[1063,1067,1072],{"type":46,"tag":72,"props":1064,"children":1065},{"class":141},[1066],{"type":51,"value":1019},{"type":46,"tag":72,"props":1068,"children":1069},{"class":91},[1070],{"type":51,"value":1071},"(",{"type":46,"tag":72,"props":1073,"children":1074},{"class":79},[1075],{"type":51,"value":1076},"{\n",{"type":46,"tag":72,"props":1078,"children":1079},{"class":74,"line":156},[1080,1084],{"type":46,"tag":72,"props":1081,"children":1082},{"class":79},[1083],{"type":51,"value":203},{"type":46,"tag":72,"props":1085,"children":1086},{"class":112},[1087],{"type":51,"value":1088},"// unique identifier\n",{"type":46,"tag":72,"props":1090,"children":1091},{"class":74,"line":173},[1092,1096,1101,1106,1110,1114,1118,1122],{"type":46,"tag":72,"props":1093,"children":1094},{"class":91},[1095],{"type":51,"value":203},{"type":46,"tag":72,"props":1097,"children":1098},{"class":85},[1099],{"type":51,"value":1100},"name",{"type":46,"tag":72,"props":1102,"children":1103},{"class":79},[1104],{"type":51,"value":1105},":",{"type":46,"tag":72,"props":1107,"children":1108},{"class":91},[1109],{"type":51,"value":94},{"type":46,"tag":72,"props":1111,"children":1112},{"class":79},[1113],{"type":51,"value":412},{"type":46,"tag":72,"props":1115,"children":1116},{"class":238},[1117],{"type":51,"value":949},{"type":46,"tag":72,"props":1119,"children":1120},{"class":79},[1121],{"type":51,"value":412},{"type":46,"tag":72,"props":1123,"children":1124},{"class":79},[1125],{"type":51,"value":1126},",\n",{"type":46,"tag":72,"props":1128,"children":1129},{"class":74,"line":180},[1130,1134],{"type":46,"tag":72,"props":1131,"children":1132},{"class":79},[1133],{"type":51,"value":203},{"type":46,"tag":72,"props":1135,"children":1136},{"class":112},[1137],{"type":51,"value":1138},"// title to display in the tab\n",{"type":46,"tag":72,"props":1140,"children":1141},{"class":74,"line":197},[1142,1146,1151,1155,1159,1163,1168,1172],{"type":46,"tag":72,"props":1143,"children":1144},{"class":91},[1145],{"type":51,"value":203},{"type":46,"tag":72,"props":1147,"children":1148},{"class":85},[1149],{"type":51,"value":1150},"title",{"type":46,"tag":72,"props":1152,"children":1153},{"class":79},[1154],{"type":51,"value":1105},{"type":46,"tag":72,"props":1156,"children":1157},{"class":91},[1158],{"type":51,"value":94},{"type":46,"tag":72,"props":1160,"children":1161},{"class":79},[1162],{"type":51,"value":412},{"type":46,"tag":72,"props":1164,"children":1165},{"class":238},[1166],{"type":51,"value":1167},"My Module",{"type":46,"tag":72,"props":1169,"children":1170},{"class":79},[1171],{"type":51,"value":412},{"type":46,"tag":72,"props":1173,"children":1174},{"class":79},[1175],{"type":51,"value":1126},{"type":46,"tag":72,"props":1177,"children":1178},{"class":74,"line":215},[1179,1183],{"type":46,"tag":72,"props":1180,"children":1181},{"class":79},[1182],{"type":51,"value":203},{"type":46,"tag":72,"props":1184,"children":1185},{"class":112},[1186],{"type":51,"value":1187},"// any icon from Iconify, or a URL to an image\n",{"type":46,"tag":72,"props":1189,"children":1190},{"class":74,"line":249},[1191,1195,1200,1204,1208,1212,1217,1221],{"type":46,"tag":72,"props":1192,"children":1193},{"class":91},[1194],{"type":51,"value":203},{"type":46,"tag":72,"props":1196,"children":1197},{"class":85},[1198],{"type":51,"value":1199},"icon",{"type":46,"tag":72,"props":1201,"children":1202},{"class":79},[1203],{"type":51,"value":1105},{"type":46,"tag":72,"props":1205,"children":1206},{"class":91},[1207],{"type":51,"value":94},{"type":46,"tag":72,"props":1209,"children":1210},{"class":79},[1211],{"type":51,"value":412},{"type":46,"tag":72,"props":1213,"children":1214},{"class":238},[1215],{"type":51,"value":1216},"carbon:apps",{"type":46,"tag":72,"props":1218,"children":1219},{"class":79},[1220],{"type":51,"value":412},{"type":46,"tag":72,"props":1222,"children":1223},{"class":79},[1224],{"type":51,"value":1126},{"type":46,"tag":72,"props":1226,"children":1227},{"class":74,"line":279},[1228,1232],{"type":46,"tag":72,"props":1229,"children":1230},{"class":79},[1231],{"type":51,"value":203},{"type":46,"tag":72,"props":1233,"children":1234},{"class":112},[1235],{"type":51,"value":1236},"// iframe view\n",{"type":46,"tag":72,"props":1238,"children":1239},{"class":74,"line":288},[1240,1244,1249,1253,1257],{"type":46,"tag":72,"props":1241,"children":1242},{"class":91},[1243],{"type":51,"value":203},{"type":46,"tag":72,"props":1245,"children":1246},{"class":85},[1247],{"type":51,"value":1248},"view",{"type":46,"tag":72,"props":1250,"children":1251},{"class":79},[1252],{"type":51,"value":1105},{"type":46,"tag":72,"props":1254,"children":1255},{"class":91},[1256],{"type":51,"value":94},{"type":46,"tag":72,"props":1258,"children":1259},{"class":79},[1260],{"type":51,"value":1076},{"type":46,"tag":72,"props":1262,"children":1263},{"class":74,"line":301},[1264,1268,1273,1277,1281,1285,1290,1294],{"type":46,"tag":72,"props":1265,"children":1266},{"class":91},[1267],{"type":51,"value":221},{"type":46,"tag":72,"props":1269,"children":1270},{"class":85},[1271],{"type":51,"value":1272},"type",{"type":46,"tag":72,"props":1274,"children":1275},{"class":79},[1276],{"type":51,"value":1105},{"type":46,"tag":72,"props":1278,"children":1279},{"class":91},[1280],{"type":51,"value":94},{"type":46,"tag":72,"props":1282,"children":1283},{"class":79},[1284],{"type":51,"value":412},{"type":46,"tag":72,"props":1286,"children":1287},{"class":238},[1288],{"type":51,"value":1289},"iframe",{"type":46,"tag":72,"props":1291,"children":1292},{"class":79},[1293],{"type":51,"value":412},{"type":46,"tag":72,"props":1295,"children":1296},{"class":79},[1297],{"type":51,"value":1126},{"type":46,"tag":72,"props":1299,"children":1300},{"class":74,"line":310},[1301,1305,1310,1314,1318,1322,1327,1331],{"type":46,"tag":72,"props":1302,"children":1303},{"class":91},[1304],{"type":51,"value":221},{"type":46,"tag":72,"props":1306,"children":1307},{"class":85},[1308],{"type":51,"value":1309},"src",{"type":46,"tag":72,"props":1311,"children":1312},{"class":79},[1313],{"type":51,"value":1105},{"type":46,"tag":72,"props":1315,"children":1316},{"class":91},[1317],{"type":51,"value":94},{"type":46,"tag":72,"props":1319,"children":1320},{"class":79},[1321],{"type":51,"value":412},{"type":46,"tag":72,"props":1323,"children":1324},{"class":238},[1325],{"type":51,"value":1326},"/url-to-your-module-view",{"type":46,"tag":72,"props":1328,"children":1329},{"class":79},[1330],{"type":51,"value":412},{"type":46,"tag":72,"props":1332,"children":1333},{"class":79},[1334],{"type":51,"value":1126},{"type":46,"tag":72,"props":1336,"children":1337},{"class":74,"line":331},[1338,1342],{"type":46,"tag":72,"props":1339,"children":1340},{"class":91},[1341],{"type":51,"value":203},{"type":46,"tag":72,"props":1343,"children":1344},{"class":79},[1345],{"type":51,"value":1346},"},\n",{"type":46,"tag":72,"props":1348,"children":1350},{"class":74,"line":1349},15,[1351,1355],{"type":46,"tag":72,"props":1352,"children":1353},{"class":79},[1354],{"type":51,"value":394},{"type":46,"tag":72,"props":1356,"children":1357},{"class":91},[1358],{"type":51,"value":1359},")",{"type":46,"tag":47,"props":1361,"children":1362},{},[1363],{"type":51,"value":1364},"Or if you prefer to use Nuxt hooks:",{"type":46,"tag":62,"props":1366,"children":1368},{"className":353,"code":1367,"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",[1369],{"type":46,"tag":54,"props":1370,"children":1371},{"__ignoreMap":40},[1372,1446,1474,1485,1517,1528,1560,1571,1603,1614,1634,1666,1698,1709,1725],{"type":46,"tag":72,"props":1373,"children":1374},{"class":74,"line":75},[1375,1380,1384,1389,1393,1397,1402,1406,1411,1415,1419,1425,1429,1433,1438,1442],{"type":46,"tag":72,"props":1376,"children":1377},{"class":91},[1378],{"type":51,"value":1379},"nuxt",{"type":46,"tag":72,"props":1381,"children":1382},{"class":79},[1383],{"type":51,"value":460},{"type":46,"tag":72,"props":1385,"children":1386},{"class":141},[1387],{"type":51,"value":1388},"hook",{"type":46,"tag":72,"props":1390,"children":1391},{"class":91},[1392],{"type":51,"value":1071},{"type":46,"tag":72,"props":1394,"children":1395},{"class":79},[1396],{"type":51,"value":412},{"type":46,"tag":72,"props":1398,"children":1399},{"class":238},[1400],{"type":51,"value":1401},"devtools:customTabs",{"type":46,"tag":72,"props":1403,"children":1404},{"class":79},[1405],{"type":51,"value":412},{"type":46,"tag":72,"props":1407,"children":1408},{"class":79},[1409],{"type":51,"value":1410},",",{"type":46,"tag":72,"props":1412,"children":1413},{"class":91},[1414],{"type":51,"value":94},{"type":46,"tag":72,"props":1416,"children":1417},{"class":79},[1418],{"type":51,"value":1071},{"type":46,"tag":72,"props":1420,"children":1422},{"class":1421},"ct-377156",[1423],{"type":51,"value":1424},"tabs",{"type":46,"tag":72,"props":1426,"children":1427},{"class":79},[1428],{"type":51,"value":1359},{"type":46,"tag":72,"props":1430,"children":1431},{"class":91},[1432],{"type":51,"value":94},{"type":46,"tag":72,"props":1434,"children":1435},{"class":97},[1436],{"type":51,"value":1437},"=>",{"type":46,"tag":72,"props":1439,"children":1440},{"class":91},[1441],{"type":51,"value":94},{"type":46,"tag":72,"props":1443,"children":1444},{"class":79},[1445],{"type":51,"value":1076},{"type":46,"tag":72,"props":1447,"children":1448},{"class":74,"line":108},[1449,1453,1457,1461,1466,1470],{"type":46,"tag":72,"props":1450,"children":1451},{"class":85},[1452],{"type":51,"value":203},{"type":46,"tag":72,"props":1454,"children":1455},{"class":91},[1456],{"type":51,"value":1424},{"type":46,"tag":72,"props":1458,"children":1459},{"class":79},[1460],{"type":51,"value":460},{"type":46,"tag":72,"props":1462,"children":1463},{"class":141},[1464],{"type":51,"value":1465},"push",{"type":46,"tag":72,"props":1467,"children":1468},{"class":85},[1469],{"type":51,"value":1071},{"type":46,"tag":72,"props":1471,"children":1472},{"class":79},[1473],{"type":51,"value":1076},{"type":46,"tag":72,"props":1475,"children":1476},{"class":74,"line":118},[1477,1481],{"type":46,"tag":72,"props":1478,"children":1479},{"class":79},[1480],{"type":51,"value":221},{"type":46,"tag":72,"props":1482,"children":1483},{"class":112},[1484],{"type":51,"value":1088},{"type":46,"tag":72,"props":1486,"children":1487},{"class":74,"line":156},[1488,1493,1497,1501,1505,1509,1513],{"type":46,"tag":72,"props":1489,"children":1490},{"class":85},[1491],{"type":51,"value":1492}," name",{"type":46,"tag":72,"props":1494,"children":1495},{"class":79},[1496],{"type":51,"value":1105},{"type":46,"tag":72,"props":1498,"children":1499},{"class":85},[1500],{"type":51,"value":94},{"type":46,"tag":72,"props":1502,"children":1503},{"class":79},[1504],{"type":51,"value":412},{"type":46,"tag":72,"props":1506,"children":1507},{"class":238},[1508],{"type":51,"value":949},{"type":46,"tag":72,"props":1510,"children":1511},{"class":79},[1512],{"type":51,"value":412},{"type":46,"tag":72,"props":1514,"children":1515},{"class":79},[1516],{"type":51,"value":1126},{"type":46,"tag":72,"props":1518,"children":1519},{"class":74,"line":173},[1520,1524],{"type":46,"tag":72,"props":1521,"children":1522},{"class":79},[1523],{"type":51,"value":221},{"type":46,"tag":72,"props":1525,"children":1526},{"class":112},[1527],{"type":51,"value":1138},{"type":46,"tag":72,"props":1529,"children":1530},{"class":74,"line":180},[1531,1536,1540,1544,1548,1552,1556],{"type":46,"tag":72,"props":1532,"children":1533},{"class":85},[1534],{"type":51,"value":1535}," title",{"type":46,"tag":72,"props":1537,"children":1538},{"class":79},[1539],{"type":51,"value":1105},{"type":46,"tag":72,"props":1541,"children":1542},{"class":85},[1543],{"type":51,"value":94},{"type":46,"tag":72,"props":1545,"children":1546},{"class":79},[1547],{"type":51,"value":412},{"type":46,"tag":72,"props":1549,"children":1550},{"class":238},[1551],{"type":51,"value":1167},{"type":46,"tag":72,"props":1553,"children":1554},{"class":79},[1555],{"type":51,"value":412},{"type":46,"tag":72,"props":1557,"children":1558},{"class":79},[1559],{"type":51,"value":1126},{"type":46,"tag":72,"props":1561,"children":1562},{"class":74,"line":197},[1563,1567],{"type":46,"tag":72,"props":1564,"children":1565},{"class":79},[1566],{"type":51,"value":221},{"type":46,"tag":72,"props":1568,"children":1569},{"class":112},[1570],{"type":51,"value":1187},{"type":46,"tag":72,"props":1572,"children":1573},{"class":74,"line":215},[1574,1579,1583,1587,1591,1595,1599],{"type":46,"tag":72,"props":1575,"children":1576},{"class":85},[1577],{"type":51,"value":1578}," icon",{"type":46,"tag":72,"props":1580,"children":1581},{"class":79},[1582],{"type":51,"value":1105},{"type":46,"tag":72,"props":1584,"children":1585},{"class":85},[1586],{"type":51,"value":94},{"type":46,"tag":72,"props":1588,"children":1589},{"class":79},[1590],{"type":51,"value":412},{"type":46,"tag":72,"props":1592,"children":1593},{"class":238},[1594],{"type":51,"value":1216},{"type":46,"tag":72,"props":1596,"children":1597},{"class":79},[1598],{"type":51,"value":412},{"type":46,"tag":72,"props":1600,"children":1601},{"class":79},[1602],{"type":51,"value":1126},{"type":46,"tag":72,"props":1604,"children":1605},{"class":74,"line":249},[1606,1610],{"type":46,"tag":72,"props":1607,"children":1608},{"class":79},[1609],{"type":51,"value":221},{"type":46,"tag":72,"props":1611,"children":1612},{"class":112},[1613],{"type":51,"value":1236},{"type":46,"tag":72,"props":1615,"children":1616},{"class":74,"line":279},[1617,1622,1626,1630],{"type":46,"tag":72,"props":1618,"children":1619},{"class":85},[1620],{"type":51,"value":1621}," view",{"type":46,"tag":72,"props":1623,"children":1624},{"class":79},[1625],{"type":51,"value":1105},{"type":46,"tag":72,"props":1627,"children":1628},{"class":85},[1629],{"type":51,"value":94},{"type":46,"tag":72,"props":1631,"children":1632},{"class":79},[1633],{"type":51,"value":1076},{"type":46,"tag":72,"props":1635,"children":1636},{"class":74,"line":288},[1637,1642,1646,1650,1654,1658,1662],{"type":46,"tag":72,"props":1638,"children":1639},{"class":85},[1640],{"type":51,"value":1641}," type",{"type":46,"tag":72,"props":1643,"children":1644},{"class":79},[1645],{"type":51,"value":1105},{"type":46,"tag":72,"props":1647,"children":1648},{"class":85},[1649],{"type":51,"value":94},{"type":46,"tag":72,"props":1651,"children":1652},{"class":79},[1653],{"type":51,"value":412},{"type":46,"tag":72,"props":1655,"children":1656},{"class":238},[1657],{"type":51,"value":1289},{"type":46,"tag":72,"props":1659,"children":1660},{"class":79},[1661],{"type":51,"value":412},{"type":46,"tag":72,"props":1663,"children":1664},{"class":79},[1665],{"type":51,"value":1126},{"type":46,"tag":72,"props":1667,"children":1668},{"class":74,"line":301},[1669,1674,1678,1682,1686,1690,1694],{"type":46,"tag":72,"props":1670,"children":1671},{"class":85},[1672],{"type":51,"value":1673}," src",{"type":46,"tag":72,"props":1675,"children":1676},{"class":79},[1677],{"type":51,"value":1105},{"type":46,"tag":72,"props":1679,"children":1680},{"class":85},[1681],{"type":51,"value":94},{"type":46,"tag":72,"props":1683,"children":1684},{"class":79},[1685],{"type":51,"value":412},{"type":46,"tag":72,"props":1687,"children":1688},{"class":238},[1689],{"type":51,"value":1326},{"type":46,"tag":72,"props":1691,"children":1692},{"class":79},[1693],{"type":51,"value":412},{"type":46,"tag":72,"props":1695,"children":1696},{"class":79},[1697],{"type":51,"value":1126},{"type":46,"tag":72,"props":1699,"children":1700},{"class":74,"line":310},[1701,1705],{"type":46,"tag":72,"props":1702,"children":1703},{"class":85},[1704],{"type":51,"value":221},{"type":46,"tag":72,"props":1706,"children":1707},{"class":79},[1708],{"type":51,"value":1346},{"type":46,"tag":72,"props":1710,"children":1711},{"class":74,"line":331},[1712,1716,1720],{"type":46,"tag":72,"props":1713,"children":1714},{"class":85},[1715],{"type":51,"value":203},{"type":46,"tag":72,"props":1717,"children":1718},{"class":79},[1719],{"type":51,"value":394},{"type":46,"tag":72,"props":1721,"children":1722},{"class":85},[1723],{"type":51,"value":1724},")\n",{"type":46,"tag":72,"props":1726,"children":1727},{"class":74,"line":1349},[1728,1732],{"type":46,"tag":72,"props":1729,"children":1730},{"class":79},[1731],{"type":51,"value":394},{"type":46,"tag":72,"props":1733,"children":1734},{"class":91},[1735],{"type":51,"value":1359},{"type":46,"tag":47,"props":1737,"children":1738},{},[1739,1740,1745],{"type":51,"value":670},{"type":46,"tag":451,"props":1741,"children":1742},{"href":26},[1743],{"type":51,"value":1744},"DevTools Utility Kit",{"type":51,"value":460},{"type":46,"tag":462,"props":1747,"children":1749},{"id":1748},"lazy-service-launching",[1750],{"type":51,"value":1751},"Lazy Service Launching",{"type":46,"tag":47,"props":1753,"children":1754},{},[1755],{"type":51,"value":1756},"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":1758,"children":1760},{"className":353,"code":1759,"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",[1761],{"type":46,"tag":54,"props":1762,"children":1763},{"__ignoreMap":40},[1764,1791,1864,1870,1909,1921,1950,1958,1964,2031,2058,2089,2120,2140,2161,2193,2226,2239,2259,2292,2326,2348,2382,2412,2445,2479,2501,2513,2531,2543,2559],{"type":46,"tag":72,"props":1765,"children":1766},{"class":74,"line":75},[1767,1772,1777,1781,1785],{"type":46,"tag":72,"props":1768,"children":1769},{"class":97},[1770],{"type":51,"value":1771},"let",{"type":46,"tag":72,"props":1773,"children":1774},{"class":91},[1775],{"type":51,"value":1776}," isReady ",{"type":46,"tag":72,"props":1778,"children":1779},{"class":79},[1780],{"type":51,"value":134},{"type":46,"tag":72,"props":1782,"children":1783},{"class":91},[1784],{"type":51,"value":94},{"type":46,"tag":72,"props":1786,"children":1788},{"class":1787},"ct-358248",[1789],{"type":51,"value":1790},"false\n",{"type":46,"tag":72,"props":1792,"children":1793},{"class":74,"line":108},[1794,1798,1803,1807,1811,1816,1820,1825,1829,1833,1838,1842,1847,1851,1855,1859],{"type":46,"tag":72,"props":1795,"children":1796},{"class":97},[1797],{"type":51,"value":124},{"type":46,"tag":72,"props":1799,"children":1800},{"class":91},[1801],{"type":51,"value":1802}," promise",{"type":46,"tag":72,"props":1804,"children":1805},{"class":79},[1806],{"type":51,"value":1105},{"type":46,"tag":72,"props":1808,"children":1809},{"class":91},[1810],{"type":51,"value":94},{"type":46,"tag":72,"props":1812,"children":1813},{"class":919},[1814],{"type":51,"value":1815},"Promise",{"type":46,"tag":72,"props":1817,"children":1818},{"class":79},[1819],{"type":51,"value":82},{"type":46,"tag":72,"props":1821,"children":1822},{"class":919},[1823],{"type":51,"value":1824},"any",{"type":46,"tag":72,"props":1826,"children":1827},{"class":79},[1828],{"type":51,"value":345},{"type":46,"tag":72,"props":1830,"children":1831},{"class":91},[1832],{"type":51,"value":94},{"type":46,"tag":72,"props":1834,"children":1835},{"class":79},[1836],{"type":51,"value":1837},"|",{"type":46,"tag":72,"props":1839,"children":1840},{"class":91},[1841],{"type":51,"value":94},{"type":46,"tag":72,"props":1843,"children":1844},{"class":919},[1845],{"type":51,"value":1846},"null",{"type":46,"tag":72,"props":1848,"children":1849},{"class":91},[1850],{"type":51,"value":94},{"type":46,"tag":72,"props":1852,"children":1853},{"class":79},[1854],{"type":51,"value":134},{"type":46,"tag":72,"props":1856,"children":1857},{"class":91},[1858],{"type":51,"value":94},{"type":46,"tag":72,"props":1860,"children":1861},{"class":79},[1862],{"type":51,"value":1863},"null\n",{"type":46,"tag":72,"props":1865,"children":1866},{"class":74,"line":118},[1867],{"type":46,"tag":72,"props":1868,"children":1869},{},[],{"type":46,"tag":72,"props":1871,"children":1872},{"class":74,"line":156},[1873,1878,1882,1887,1891,1896,1901,1905],{"type":46,"tag":72,"props":1874,"children":1875},{"class":97},[1876],{"type":51,"value":1877},"async",{"type":46,"tag":72,"props":1879,"children":1880},{"class":91},[1881],{"type":51,"value":94},{"type":46,"tag":72,"props":1883,"children":1884},{"class":97},[1885],{"type":51,"value":1886},"function",{"type":46,"tag":72,"props":1888,"children":1889},{"class":91},[1890],{"type":51,"value":94},{"type":46,"tag":72,"props":1892,"children":1893},{"class":141},[1894],{"type":51,"value":1895},"launchService",{"type":46,"tag":72,"props":1897,"children":1898},{"class":79},[1899],{"type":51,"value":1900},"()",{"type":46,"tag":72,"props":1902,"children":1903},{"class":91},[1904],{"type":51,"value":94},{"type":46,"tag":72,"props":1906,"children":1907},{"class":79},[1908],{"type":51,"value":1076},{"type":46,"tag":72,"props":1910,"children":1911},{"class":74,"line":173},[1912,1916],{"type":46,"tag":72,"props":1913,"children":1914},{"class":79},[1915],{"type":51,"value":203},{"type":46,"tag":72,"props":1917,"children":1918},{"class":112},[1919],{"type":51,"value":1920},"// ...launch your service\n",{"type":46,"tag":72,"props":1922,"children":1923},{"class":74,"line":180},[1924,1928,1933,1937,1941,1945],{"type":46,"tag":72,"props":1925,"children":1926},{"class":85},[1927],{"type":51,"value":203},{"type":46,"tag":72,"props":1929,"children":1930},{"class":91},[1931],{"type":51,"value":1932},"isReady",{"type":46,"tag":72,"props":1934,"children":1935},{"class":85},[1936],{"type":51,"value":94},{"type":46,"tag":72,"props":1938,"children":1939},{"class":79},[1940],{"type":51,"value":134},{"type":46,"tag":72,"props":1942,"children":1943},{"class":85},[1944],{"type":51,"value":94},{"type":46,"tag":72,"props":1946,"children":1947},{"class":1787},[1948],{"type":51,"value":1949},"true\n",{"type":46,"tag":72,"props":1951,"children":1952},{"class":74,"line":197},[1953],{"type":46,"tag":72,"props":1954,"children":1955},{"class":79},[1956],{"type":51,"value":1957},"}\n",{"type":46,"tag":72,"props":1959,"children":1960},{"class":74,"line":215},[1961],{"type":46,"tag":72,"props":1962,"children":1963},{},[],{"type":46,"tag":72,"props":1965,"children":1966},{"class":74,"line":249},[1967,1971,1975,1979,1983,1987,1991,1995,1999,2003,2007,2011,2015,2019,2023,2027],{"type":46,"tag":72,"props":1968,"children":1969},{"class":91},[1970],{"type":51,"value":1379},{"type":46,"tag":72,"props":1972,"children":1973},{"class":79},[1974],{"type":51,"value":460},{"type":46,"tag":72,"props":1976,"children":1977},{"class":141},[1978],{"type":51,"value":1388},{"type":46,"tag":72,"props":1980,"children":1981},{"class":91},[1982],{"type":51,"value":1071},{"type":46,"tag":72,"props":1984,"children":1985},{"class":79},[1986],{"type":51,"value":412},{"type":46,"tag":72,"props":1988,"children":1989},{"class":238},[1990],{"type":51,"value":1401},{"type":46,"tag":72,"props":1992,"children":1993},{"class":79},[1994],{"type":51,"value":412},{"type":46,"tag":72,"props":1996,"children":1997},{"class":79},[1998],{"type":51,"value":1410},{"type":46,"tag":72,"props":2000,"children":2001},{"class":91},[2002],{"type":51,"value":94},{"type":46,"tag":72,"props":2004,"children":2005},{"class":79},[2006],{"type":51,"value":1071},{"type":46,"tag":72,"props":2008,"children":2009},{"class":1421},[2010],{"type":51,"value":1424},{"type":46,"tag":72,"props":2012,"children":2013},{"class":79},[2014],{"type":51,"value":1359},{"type":46,"tag":72,"props":2016,"children":2017},{"class":91},[2018],{"type":51,"value":94},{"type":46,"tag":72,"props":2020,"children":2021},{"class":97},[2022],{"type":51,"value":1437},{"type":46,"tag":72,"props":2024,"children":2025},{"class":91},[2026],{"type":51,"value":94},{"type":46,"tag":72,"props":2028,"children":2029},{"class":79},[2030],{"type":51,"value":1076},{"type":46,"tag":72,"props":2032,"children":2033},{"class":74,"line":279},[2034,2038,2042,2046,2050,2054],{"type":46,"tag":72,"props":2035,"children":2036},{"class":85},[2037],{"type":51,"value":203},{"type":46,"tag":72,"props":2039,"children":2040},{"class":91},[2041],{"type":51,"value":1424},{"type":46,"tag":72,"props":2043,"children":2044},{"class":79},[2045],{"type":51,"value":460},{"type":46,"tag":72,"props":2047,"children":2048},{"class":141},[2049],{"type":51,"value":1465},{"type":46,"tag":72,"props":2051,"children":2052},{"class":85},[2053],{"type":51,"value":1071},{"type":46,"tag":72,"props":2055,"children":2056},{"class":79},[2057],{"type":51,"value":1076},{"type":46,"tag":72,"props":2059,"children":2060},{"class":74,"line":288},[2061,2065,2069,2073,2077,2081,2085],{"type":46,"tag":72,"props":2062,"children":2063},{"class":85},[2064],{"type":51,"value":1492},{"type":46,"tag":72,"props":2066,"children":2067},{"class":79},[2068],{"type":51,"value":1105},{"type":46,"tag":72,"props":2070,"children":2071},{"class":85},[2072],{"type":51,"value":94},{"type":46,"tag":72,"props":2074,"children":2075},{"class":79},[2076],{"type":51,"value":412},{"type":46,"tag":72,"props":2078,"children":2079},{"class":238},[2080],{"type":51,"value":949},{"type":46,"tag":72,"props":2082,"children":2083},{"class":79},[2084],{"type":51,"value":412},{"type":46,"tag":72,"props":2086,"children":2087},{"class":79},[2088],{"type":51,"value":1126},{"type":46,"tag":72,"props":2090,"children":2091},{"class":74,"line":301},[2092,2096,2100,2104,2108,2112,2116],{"type":46,"tag":72,"props":2093,"children":2094},{"class":85},[2095],{"type":51,"value":1535},{"type":46,"tag":72,"props":2097,"children":2098},{"class":79},[2099],{"type":51,"value":1105},{"type":46,"tag":72,"props":2101,"children":2102},{"class":85},[2103],{"type":51,"value":94},{"type":46,"tag":72,"props":2105,"children":2106},{"class":79},[2107],{"type":51,"value":412},{"type":46,"tag":72,"props":2109,"children":2110},{"class":238},[2111],{"type":51,"value":1167},{"type":46,"tag":72,"props":2113,"children":2114},{"class":79},[2115],{"type":51,"value":412},{"type":46,"tag":72,"props":2117,"children":2118},{"class":79},[2119],{"type":51,"value":1126},{"type":46,"tag":72,"props":2121,"children":2122},{"class":74,"line":310},[2123,2127,2131,2135],{"type":46,"tag":72,"props":2124,"children":2125},{"class":85},[2126],{"type":51,"value":1621},{"type":46,"tag":72,"props":2128,"children":2129},{"class":79},[2130],{"type":51,"value":1105},{"type":46,"tag":72,"props":2132,"children":2133},{"class":85},[2134],{"type":51,"value":94},{"type":46,"tag":72,"props":2136,"children":2137},{"class":91},[2138],{"type":51,"value":2139},"isReady\n",{"type":46,"tag":72,"props":2141,"children":2142},{"class":74,"line":331},[2143,2148,2153,2157],{"type":46,"tag":72,"props":2144,"children":2145},{"class":85},[2146],{"type":51,"value":2147}," ",{"type":46,"tag":72,"props":2149,"children":2150},{"class":79},[2151],{"type":51,"value":2152},"?",{"type":46,"tag":72,"props":2154,"children":2155},{"class":85},[2156],{"type":51,"value":94},{"type":46,"tag":72,"props":2158,"children":2159},{"class":79},[2160],{"type":51,"value":1076},{"type":46,"tag":72,"props":2162,"children":2163},{"class":74,"line":1349},[2164,2169,2173,2177,2181,2185,2189],{"type":46,"tag":72,"props":2165,"children":2166},{"class":85},[2167],{"type":51,"value":2168}," type",{"type":46,"tag":72,"props":2170,"children":2171},{"class":79},[2172],{"type":51,"value":1105},{"type":46,"tag":72,"props":2174,"children":2175},{"class":85},[2176],{"type":51,"value":94},{"type":46,"tag":72,"props":2178,"children":2179},{"class":79},[2180],{"type":51,"value":412},{"type":46,"tag":72,"props":2182,"children":2183},{"class":238},[2184],{"type":51,"value":1289},{"type":46,"tag":72,"props":2186,"children":2187},{"class":79},[2188],{"type":51,"value":412},{"type":46,"tag":72,"props":2190,"children":2191},{"class":79},[2192],{"type":51,"value":1126},{"type":46,"tag":72,"props":2194,"children":2196},{"class":74,"line":2195},16,[2197,2202,2206,2210,2214,2218,2222],{"type":46,"tag":72,"props":2198,"children":2199},{"class":85},[2200],{"type":51,"value":2201}," src",{"type":46,"tag":72,"props":2203,"children":2204},{"class":79},[2205],{"type":51,"value":1105},{"type":46,"tag":72,"props":2207,"children":2208},{"class":85},[2209],{"type":51,"value":94},{"type":46,"tag":72,"props":2211,"children":2212},{"class":79},[2213],{"type":51,"value":412},{"type":46,"tag":72,"props":2215,"children":2216},{"class":238},[2217],{"type":51,"value":1326},{"type":46,"tag":72,"props":2219,"children":2220},{"class":79},[2221],{"type":51,"value":412},{"type":46,"tag":72,"props":2223,"children":2224},{"class":79},[2225],{"type":51,"value":1126},{"type":46,"tag":72,"props":2227,"children":2229},{"class":74,"line":2228},17,[2230,2235],{"type":46,"tag":72,"props":2231,"children":2232},{"class":85},[2233],{"type":51,"value":2234}," ",{"type":46,"tag":72,"props":2236,"children":2237},{"class":79},[2238],{"type":51,"value":1957},{"type":46,"tag":72,"props":2240,"children":2242},{"class":74,"line":2241},18,[2243,2247,2251,2255],{"type":46,"tag":72,"props":2244,"children":2245},{"class":85},[2246],{"type":51,"value":2147},{"type":46,"tag":72,"props":2248,"children":2249},{"class":79},[2250],{"type":51,"value":1105},{"type":46,"tag":72,"props":2252,"children":2253},{"class":85},[2254],{"type":51,"value":94},{"type":46,"tag":72,"props":2256,"children":2257},{"class":79},[2258],{"type":51,"value":1076},{"type":46,"tag":72,"props":2260,"children":2262},{"class":74,"line":2261},19,[2263,2267,2271,2275,2279,2284,2288],{"type":46,"tag":72,"props":2264,"children":2265},{"class":85},[2266],{"type":51,"value":2168},{"type":46,"tag":72,"props":2268,"children":2269},{"class":79},[2270],{"type":51,"value":1105},{"type":46,"tag":72,"props":2272,"children":2273},{"class":85},[2274],{"type":51,"value":94},{"type":46,"tag":72,"props":2276,"children":2277},{"class":79},[2278],{"type":51,"value":412},{"type":46,"tag":72,"props":2280,"children":2281},{"class":238},[2282],{"type":51,"value":2283},"launch",{"type":46,"tag":72,"props":2285,"children":2286},{"class":79},[2287],{"type":51,"value":412},{"type":46,"tag":72,"props":2289,"children":2290},{"class":79},[2291],{"type":51,"value":1126},{"type":46,"tag":72,"props":2293,"children":2295},{"class":74,"line":2294},20,[2296,2301,2305,2309,2313,2318,2322],{"type":46,"tag":72,"props":2297,"children":2298},{"class":85},[2299],{"type":51,"value":2300}," description",{"type":46,"tag":72,"props":2302,"children":2303},{"class":79},[2304],{"type":51,"value":1105},{"type":46,"tag":72,"props":2306,"children":2307},{"class":85},[2308],{"type":51,"value":94},{"type":46,"tag":72,"props":2310,"children":2311},{"class":79},[2312],{"type":51,"value":412},{"type":46,"tag":72,"props":2314,"children":2315},{"class":238},[2316],{"type":51,"value":2317},"Launch My Module",{"type":46,"tag":72,"props":2319,"children":2320},{"class":79},[2321],{"type":51,"value":412},{"type":46,"tag":72,"props":2323,"children":2324},{"class":79},[2325],{"type":51,"value":1126},{"type":46,"tag":72,"props":2327,"children":2329},{"class":74,"line":2328},21,[2330,2335,2339,2344],{"type":46,"tag":72,"props":2331,"children":2332},{"class":85},[2333],{"type":51,"value":2334}," actions",{"type":46,"tag":72,"props":2336,"children":2337},{"class":79},[2338],{"type":51,"value":1105},{"type":46,"tag":72,"props":2340,"children":2341},{"class":85},[2342],{"type":51,"value":2343}," [",{"type":46,"tag":72,"props":2345,"children":2346},{"class":79},[2347],{"type":51,"value":1076},{"type":46,"tag":72,"props":2349,"children":2351},{"class":74,"line":2350},22,[2352,2357,2361,2365,2369,2374,2378],{"type":46,"tag":72,"props":2353,"children":2354},{"class":85},[2355],{"type":51,"value":2356}," label",{"type":46,"tag":72,"props":2358,"children":2359},{"class":79},[2360],{"type":51,"value":1105},{"type":46,"tag":72,"props":2362,"children":2363},{"class":85},[2364],{"type":51,"value":94},{"type":46,"tag":72,"props":2366,"children":2367},{"class":79},[2368],{"type":51,"value":412},{"type":46,"tag":72,"props":2370,"children":2371},{"class":238},[2372],{"type":51,"value":2373},"Start",{"type":46,"tag":72,"props":2375,"children":2376},{"class":79},[2377],{"type":51,"value":412},{"type":46,"tag":72,"props":2379,"children":2380},{"class":79},[2381],{"type":51,"value":1126},{"type":46,"tag":72,"props":2383,"children":2385},{"class":74,"line":2384},23,[2386,2391,2395,2400,2404,2408],{"type":46,"tag":72,"props":2387,"children":2388},{"class":85},[2389],{"type":51,"value":2390}," ",{"type":46,"tag":72,"props":2392,"children":2393},{"class":97},[2394],{"type":51,"value":1877},{"type":46,"tag":72,"props":2396,"children":2397},{"class":85},[2398],{"type":51,"value":2399}," handle",{"type":46,"tag":72,"props":2401,"children":2402},{"class":79},[2403],{"type":51,"value":1900},{"type":46,"tag":72,"props":2405,"children":2406},{"class":85},[2407],{"type":51,"value":94},{"type":46,"tag":72,"props":2409,"children":2410},{"class":79},[2411],{"type":51,"value":1076},{"type":46,"tag":72,"props":2413,"children":2415},{"class":74,"line":2414},24,[2416,2421,2426,2431,2436,2441],{"type":46,"tag":72,"props":2417,"children":2418},{"class":85},[2419],{"type":51,"value":2420}," ",{"type":46,"tag":72,"props":2422,"children":2423},{"class":365},[2424],{"type":51,"value":2425},"if",{"type":46,"tag":72,"props":2427,"children":2428},{"class":85},[2429],{"type":51,"value":2430}," (",{"type":46,"tag":72,"props":2432,"children":2433},{"class":79},[2434],{"type":51,"value":2435},"!",{"type":46,"tag":72,"props":2437,"children":2438},{"class":91},[2439],{"type":51,"value":2440},"promise",{"type":46,"tag":72,"props":2442,"children":2443},{"class":85},[2444],{"type":51,"value":1724},{"type":46,"tag":72,"props":2446,"children":2448},{"class":74,"line":2447},25,[2449,2454,2458,2462,2466,2470,2474],{"type":46,"tag":72,"props":2450,"children":2451},{"class":85},[2452],{"type":51,"value":2453}," ",{"type":46,"tag":72,"props":2455,"children":2456},{"class":91},[2457],{"type":51,"value":2440},{"type":46,"tag":72,"props":2459,"children":2460},{"class":85},[2461],{"type":51,"value":94},{"type":46,"tag":72,"props":2463,"children":2464},{"class":79},[2465],{"type":51,"value":134},{"type":46,"tag":72,"props":2467,"children":2468},{"class":85},[2469],{"type":51,"value":94},{"type":46,"tag":72,"props":2471,"children":2472},{"class":141},[2473],{"type":51,"value":1895},{"type":46,"tag":72,"props":2475,"children":2476},{"class":85},[2477],{"type":51,"value":2478},"()\n",{"type":46,"tag":72,"props":2480,"children":2482},{"class":74,"line":2481},26,[2483,2487,2492,2496],{"type":46,"tag":72,"props":2484,"children":2485},{"class":85},[2486],{"type":51,"value":2420},{"type":46,"tag":72,"props":2488,"children":2489},{"class":365},[2490],{"type":51,"value":2491},"await",{"type":46,"tag":72,"props":2493,"children":2494},{"class":85},[2495],{"type":51,"value":94},{"type":46,"tag":72,"props":2497,"children":2498},{"class":91},[2499],{"type":51,"value":2500},"promise\n",{"type":46,"tag":72,"props":2502,"children":2504},{"class":74,"line":2503},27,[2505,2509],{"type":46,"tag":72,"props":2506,"children":2507},{"class":85},[2508],{"type":51,"value":2390},{"type":46,"tag":72,"props":2510,"children":2511},{"class":79},[2512],{"type":51,"value":1346},{"type":46,"tag":72,"props":2514,"children":2516},{"class":74,"line":2515},28,[2517,2522,2526],{"type":46,"tag":72,"props":2518,"children":2519},{"class":85},[2520],{"type":51,"value":2521}," ",{"type":46,"tag":72,"props":2523,"children":2524},{"class":79},[2525],{"type":51,"value":394},{"type":46,"tag":72,"props":2527,"children":2528},{"class":85},[2529],{"type":51,"value":2530},"]\n",{"type":46,"tag":72,"props":2532,"children":2534},{"class":74,"line":2533},29,[2535,2539],{"type":46,"tag":72,"props":2536,"children":2537},{"class":85},[2538],{"type":51,"value":2234},{"type":46,"tag":72,"props":2540,"children":2541},{"class":79},[2542],{"type":51,"value":1346},{"type":46,"tag":72,"props":2544,"children":2546},{"class":74,"line":2545},30,[2547,2551,2555],{"type":46,"tag":72,"props":2548,"children":2549},{"class":85},[2550],{"type":51,"value":203},{"type":46,"tag":72,"props":2552,"children":2553},{"class":79},[2554],{"type":51,"value":394},{"type":46,"tag":72,"props":2556,"children":2557},{"class":85},[2558],{"type":51,"value":1724},{"type":46,"tag":72,"props":2560,"children":2562},{"class":74,"line":2561},31,[2563,2567],{"type":46,"tag":72,"props":2564,"children":2565},{"class":79},[2566],{"type":51,"value":394},{"type":46,"tag":72,"props":2568,"children":2569},{"class":91},[2570],{"type":51,"value":1359},{"type":46,"tag":47,"props":2572,"children":2573},{},[2574,2576,2581],{"type":51,"value":2575},"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":2577,"children":2578},{},[2579],{"type":51,"value":2580},"handle()",{"type":51,"value":2582}," will be called, and the view will be updated to iframe.",{"type":46,"tag":47,"props":2584,"children":2585},{},[2586,2588,2593,2595,2599],{"type":51,"value":2587},"When you need to refresh the custom tabs, you can call ",{"type":46,"tag":54,"props":2589,"children":2590},{},[2591],{"type":51,"value":2592},"nuxt.callHook('devtools:customTabs:refresh')",{"type":51,"value":2594}," and the hooks on ",{"type":46,"tag":54,"props":2596,"children":2597},{},[2598],{"type":51,"value":1401},{"type":51,"value":2600}," will be revaluated again.",{"type":46,"tag":462,"props":2602,"children":2604},{"id":2603},"api-for-custom-view",[2605],{"type":51,"value":2606},"API for Custom View",{"type":46,"tag":47,"props":2608,"children":2609},{},[2610,2612,2618],{"type":51,"value":2611},"Please refer to ",{"type":46,"tag":451,"props":2613,"children":2615},{"href":2614},"/module/utils-kit#nuxtdevtools-kitiframe-client",[2616],{"type":51,"value":2617},"Iframe Client",{"type":51,"value":460},{"type":46,"tag":462,"props":2620,"children":2622},{"id":2621},"custom-rpc-functions",[2623],{"type":51,"value":2624},"Custom RPC Functions",{"type":46,"tag":47,"props":2626,"children":2627},{},[2628],{"type":51,"value":2629},"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":2631,"children":2632},{},[2633],{"type":51,"value":2634},"To do that, we recommend to define your types in a shared TypeScript file first:",{"type":46,"tag":62,"props":2636,"children":2638},{"className":353,"code":2637,"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",[2639],{"type":46,"tag":54,"props":2640,"children":2641},{"__ignoreMap":40},[2642,2650,2656,2690,2716,2723,2729,2761,2809],{"type":46,"tag":72,"props":2643,"children":2644},{"class":74,"line":75},[2645],{"type":46,"tag":72,"props":2646,"children":2647},{"class":112},[2648],{"type":51,"value":2649},"// rpc-types.ts\n",{"type":46,"tag":72,"props":2651,"children":2652},{"class":74,"line":108},[2653],{"type":46,"tag":72,"props":2654,"children":2655},{},[],{"type":46,"tag":72,"props":2657,"children":2658},{"class":74,"line":118},[2659,2664,2668,2673,2677,2682,2686],{"type":46,"tag":72,"props":2660,"children":2661},{"class":365},[2662],{"type":51,"value":2663},"export",{"type":46,"tag":72,"props":2665,"children":2666},{"class":91},[2667],{"type":51,"value":94},{"type":46,"tag":72,"props":2669,"children":2670},{"class":97},[2671],{"type":51,"value":2672},"interface",{"type":46,"tag":72,"props":2674,"children":2675},{"class":91},[2676],{"type":51,"value":94},{"type":46,"tag":72,"props":2678,"children":2679},{"class":919},[2680],{"type":51,"value":2681},"ServerFunctions",{"type":46,"tag":72,"props":2683,"children":2684},{"class":91},[2685],{"type":51,"value":94},{"type":46,"tag":72,"props":2687,"children":2688},{"class":79},[2689],{"type":51,"value":1076},{"type":46,"tag":72,"props":2691,"children":2692},{"class":74,"line":156},[2693,2697,2702,2707,2711],{"type":46,"tag":72,"props":2694,"children":2695},{"class":91},[2696],{"type":51,"value":203},{"type":46,"tag":72,"props":2698,"children":2699},{"class":85},[2700],{"type":51,"value":2701},"getMyModuleOptions",{"type":46,"tag":72,"props":2703,"children":2704},{"class":79},[2705],{"type":51,"value":2706},"():",{"type":46,"tag":72,"props":2708,"children":2709},{"class":91},[2710],{"type":51,"value":94},{"type":46,"tag":72,"props":2712,"children":2713},{"class":919},[2714],{"type":51,"value":2715},"MyModuleOptions\n",{"type":46,"tag":72,"props":2717,"children":2718},{"class":74,"line":173},[2719],{"type":46,"tag":72,"props":2720,"children":2721},{"class":79},[2722],{"type":51,"value":1957},{"type":46,"tag":72,"props":2724,"children":2725},{"class":74,"line":180},[2726],{"type":46,"tag":72,"props":2727,"children":2728},{},[],{"type":46,"tag":72,"props":2730,"children":2731},{"class":74,"line":197},[2732,2736,2740,2744,2748,2753,2757],{"type":46,"tag":72,"props":2733,"children":2734},{"class":365},[2735],{"type":51,"value":2663},{"type":46,"tag":72,"props":2737,"children":2738},{"class":91},[2739],{"type":51,"value":94},{"type":46,"tag":72,"props":2741,"children":2742},{"class":97},[2743],{"type":51,"value":2672},{"type":46,"tag":72,"props":2745,"children":2746},{"class":91},[2747],{"type":51,"value":94},{"type":46,"tag":72,"props":2749,"children":2750},{"class":919},[2751],{"type":51,"value":2752},"ClientFunctions",{"type":46,"tag":72,"props":2754,"children":2755},{"class":91},[2756],{"type":51,"value":94},{"type":46,"tag":72,"props":2758,"children":2759},{"class":79},[2760],{"type":51,"value":1076},{"type":46,"tag":72,"props":2762,"children":2763},{"class":74,"line":215},[2764,2768,2773,2777,2782,2786,2790,2795,2800,2804],{"type":46,"tag":72,"props":2765,"children":2766},{"class":91},[2767],{"type":51,"value":203},{"type":46,"tag":72,"props":2769,"children":2770},{"class":85},[2771],{"type":51,"value":2772},"showNotification",{"type":46,"tag":72,"props":2774,"children":2775},{"class":79},[2776],{"type":51,"value":1071},{"type":46,"tag":72,"props":2778,"children":2779},{"class":1421},[2780],{"type":51,"value":2781},"message",{"type":46,"tag":72,"props":2783,"children":2784},{"class":79},[2785],{"type":51,"value":1105},{"type":46,"tag":72,"props":2787,"children":2788},{"class":91},[2789],{"type":51,"value":94},{"type":46,"tag":72,"props":2791,"children":2792},{"class":919},[2793],{"type":51,"value":2794},"string",{"type":46,"tag":72,"props":2796,"children":2797},{"class":79},[2798],{"type":51,"value":2799},"):",{"type":46,"tag":72,"props":2801,"children":2802},{"class":91},[2803],{"type":51,"value":94},{"type":46,"tag":72,"props":2805,"children":2806},{"class":919},[2807],{"type":51,"value":2808},"void\n",{"type":46,"tag":72,"props":2810,"children":2811},{"class":74,"line":249},[2812],{"type":46,"tag":72,"props":2813,"children":2814},{"class":79},[2815],{"type":51,"value":394},{"type":46,"tag":47,"props":2817,"children":2818},{},[2819],{"type":51,"value":2820},"And then in your module code:",{"type":46,"tag":62,"props":2822,"children":2824},{"className":353,"code":2823,"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",[2825],{"type":46,"tag":54,"props":2826,"children":2827},{"__ignoreMap":40},[2828,2885,2954,3030,3036,3069,3075,3107,3151,3163,3206,3287,3299,3319,3340,3351,3366,3372,3384,3396,3453,3468,3479],{"type":46,"tag":72,"props":2829,"children":2830},{"class":74,"line":75},[2831,2835,2839,2843,2847,2852,2856,2860,2864,2868,2872,2876,2881],{"type":46,"tag":72,"props":2832,"children":2833},{"class":365},[2834],{"type":51,"value":368},{"type":46,"tag":72,"props":2836,"children":2837},{"class":91},[2838],{"type":51,"value":94},{"type":46,"tag":72,"props":2840,"children":2841},{"class":79},[2842],{"type":51,"value":377},{"type":46,"tag":72,"props":2844,"children":2845},{"class":85},[2846],{"type":51,"value":94},{"type":46,"tag":72,"props":2848,"children":2849},{"class":91},[2850],{"type":51,"value":2851},"defineNuxtModule",{"type":46,"tag":72,"props":2853,"children":2854},{"class":85},[2855],{"type":51,"value":94},{"type":46,"tag":72,"props":2857,"children":2858},{"class":79},[2859],{"type":51,"value":394},{"type":46,"tag":72,"props":2861,"children":2862},{"class":91},[2863],{"type":51,"value":94},{"type":46,"tag":72,"props":2865,"children":2866},{"class":365},[2867],{"type":51,"value":403},{"type":46,"tag":72,"props":2869,"children":2870},{"class":91},[2871],{"type":51,"value":94},{"type":46,"tag":72,"props":2873,"children":2874},{"class":79},[2875],{"type":51,"value":412},{"type":46,"tag":72,"props":2877,"children":2878},{"class":238},[2879],{"type":51,"value":2880},"@nuxt/kit",{"type":46,"tag":72,"props":2882,"children":2883},{"class":79},[2884],{"type":51,"value":1053},{"type":46,"tag":72,"props":2886,"children":2887},{"class":74,"line":108},[2888,2892,2896,2900,2904,2909,2913,2917,2922,2926,2930,2934,2938,2942,2946,2950],{"type":46,"tag":72,"props":2889,"children":2890},{"class":365},[2891],{"type":51,"value":368},{"type":46,"tag":72,"props":2893,"children":2894},{"class":91},[2895],{"type":51,"value":94},{"type":46,"tag":72,"props":2897,"children":2898},{"class":79},[2899],{"type":51,"value":377},{"type":46,"tag":72,"props":2901,"children":2902},{"class":85},[2903],{"type":51,"value":94},{"type":46,"tag":72,"props":2905,"children":2906},{"class":91},[2907],{"type":51,"value":2908},"extendServerRpc",{"type":46,"tag":72,"props":2910,"children":2911},{"class":79},[2912],{"type":51,"value":1410},{"type":46,"tag":72,"props":2914,"children":2915},{"class":85},[2916],{"type":51,"value":94},{"type":46,"tag":72,"props":2918,"children":2919},{"class":91},[2920],{"type":51,"value":2921},"onDevToolsInitialized",{"type":46,"tag":72,"props":2923,"children":2924},{"class":85},[2925],{"type":51,"value":94},{"type":46,"tag":72,"props":2927,"children":2928},{"class":79},[2929],{"type":51,"value":394},{"type":46,"tag":72,"props":2931,"children":2932},{"class":91},[2933],{"type":51,"value":94},{"type":46,"tag":72,"props":2935,"children":2936},{"class":365},[2937],{"type":51,"value":403},{"type":46,"tag":72,"props":2939,"children":2940},{"class":91},[2941],{"type":51,"value":94},{"type":46,"tag":72,"props":2943,"children":2944},{"class":79},[2945],{"type":51,"value":412},{"type":46,"tag":72,"props":2947,"children":2948},{"class":238},[2949],{"type":51,"value":1048},{"type":46,"tag":72,"props":2951,"children":2952},{"class":79},[2953],{"type":51,"value":1053},{"type":46,"tag":72,"props":2955,"children":2956},{"class":74,"line":118},[2957,2961,2965,2969,2973,2977,2981,2985,2989,2993,2997,3001,3005,3009,3013,3017,3021,3026],{"type":46,"tag":72,"props":2958,"children":2959},{"class":365},[2960],{"type":51,"value":368},{"type":46,"tag":72,"props":2962,"children":2963},{"class":91},[2964],{"type":51,"value":94},{"type":46,"tag":72,"props":2966,"children":2967},{"class":365},[2968],{"type":51,"value":1272},{"type":46,"tag":72,"props":2970,"children":2971},{"class":91},[2972],{"type":51,"value":94},{"type":46,"tag":72,"props":2974,"children":2975},{"class":79},[2976],{"type":51,"value":377},{"type":46,"tag":72,"props":2978,"children":2979},{"class":85},[2980],{"type":51,"value":94},{"type":46,"tag":72,"props":2982,"children":2983},{"class":91},[2984],{"type":51,"value":2752},{"type":46,"tag":72,"props":2986,"children":2987},{"class":79},[2988],{"type":51,"value":1410},{"type":46,"tag":72,"props":2990,"children":2991},{"class":85},[2992],{"type":51,"value":94},{"type":46,"tag":72,"props":2994,"children":2995},{"class":91},[2996],{"type":51,"value":2681},{"type":46,"tag":72,"props":2998,"children":2999},{"class":85},[3000],{"type":51,"value":94},{"type":46,"tag":72,"props":3002,"children":3003},{"class":79},[3004],{"type":51,"value":394},{"type":46,"tag":72,"props":3006,"children":3007},{"class":91},[3008],{"type":51,"value":94},{"type":46,"tag":72,"props":3010,"children":3011},{"class":365},[3012],{"type":51,"value":403},{"type":46,"tag":72,"props":3014,"children":3015},{"class":91},[3016],{"type":51,"value":94},{"type":46,"tag":72,"props":3018,"children":3019},{"class":79},[3020],{"type":51,"value":412},{"type":46,"tag":72,"props":3022,"children":3023},{"class":238},[3024],{"type":51,"value":3025},"./rpc-types",{"type":46,"tag":72,"props":3027,"children":3028},{"class":79},[3029],{"type":51,"value":1053},{"type":46,"tag":72,"props":3031,"children":3032},{"class":74,"line":156},[3033],{"type":46,"tag":72,"props":3034,"children":3035},{},[],{"type":46,"tag":72,"props":3037,"children":3038},{"class":74,"line":173},[3039,3043,3048,3052,3056,3060,3065],{"type":46,"tag":72,"props":3040,"children":3041},{"class":97},[3042],{"type":51,"value":124},{"type":46,"tag":72,"props":3044,"children":3045},{"class":91},[3046],{"type":51,"value":3047}," RPC_NAMESPACE ",{"type":46,"tag":72,"props":3049,"children":3050},{"class":79},[3051],{"type":51,"value":134},{"type":46,"tag":72,"props":3053,"children":3054},{"class":91},[3055],{"type":51,"value":94},{"type":46,"tag":72,"props":3057,"children":3058},{"class":79},[3059],{"type":51,"value":412},{"type":46,"tag":72,"props":3061,"children":3062},{"class":238},[3063],{"type":51,"value":3064},"my-module-rpc",{"type":46,"tag":72,"props":3066,"children":3067},{"class":79},[3068],{"type":51,"value":1053},{"type":46,"tag":72,"props":3070,"children":3071},{"class":74,"line":180},[3072],{"type":46,"tag":72,"props":3073,"children":3074},{},[],{"type":46,"tag":72,"props":3076,"children":3077},{"class":74,"line":197},[3078,3082,3086,3091,3095,3099,3103],{"type":46,"tag":72,"props":3079,"children":3080},{"class":365},[3081],{"type":51,"value":2663},{"type":46,"tag":72,"props":3083,"children":3084},{"class":91},[3085],{"type":51,"value":94},{"type":46,"tag":72,"props":3087,"children":3088},{"class":365},[3089],{"type":51,"value":3090},"default",{"type":46,"tag":72,"props":3092,"children":3093},{"class":91},[3094],{"type":51,"value":94},{"type":46,"tag":72,"props":3096,"children":3097},{"class":141},[3098],{"type":51,"value":2851},{"type":46,"tag":72,"props":3100,"children":3101},{"class":91},[3102],{"type":51,"value":1071},{"type":46,"tag":72,"props":3104,"children":3105},{"class":79},[3106],{"type":51,"value":1076},{"type":46,"tag":72,"props":3108,"children":3109},{"class":74,"line":215},[3110,3114,3118,3122,3127,3131,3135,3139,3143,3147],{"type":46,"tag":72,"props":3111,"children":3112},{"class":91},[3113],{"type":51,"value":203},{"type":46,"tag":72,"props":3115,"children":3116},{"class":85},[3117],{"type":51,"value":100},{"type":46,"tag":72,"props":3119,"children":3120},{"class":79},[3121],{"type":51,"value":1071},{"type":46,"tag":72,"props":3123,"children":3124},{"class":1421},[3125],{"type":51,"value":3126},"options",{"type":46,"tag":72,"props":3128,"children":3129},{"class":79},[3130],{"type":51,"value":1410},{"type":46,"tag":72,"props":3132,"children":3133},{"class":91},[3134],{"type":51,"value":94},{"type":46,"tag":72,"props":3136,"children":3137},{"class":1421},[3138],{"type":51,"value":1379},{"type":46,"tag":72,"props":3140,"children":3141},{"class":79},[3142],{"type":51,"value":1359},{"type":46,"tag":72,"props":3144,"children":3145},{"class":91},[3146],{"type":51,"value":94},{"type":46,"tag":72,"props":3148,"children":3149},{"class":79},[3150],{"type":51,"value":1076},{"type":46,"tag":72,"props":3152,"children":3153},{"class":74,"line":249},[3154,3158],{"type":46,"tag":72,"props":3155,"children":3156},{"class":79},[3157],{"type":51,"value":221},{"type":46,"tag":72,"props":3159,"children":3160},{"class":112},[3161],{"type":51,"value":3162},"// wait for DevTools to be initialized\n",{"type":46,"tag":72,"props":3164,"children":3165},{"class":74,"line":279},[3166,3170,3174,3178,3182,3186,3190,3194,3198,3202],{"type":46,"tag":72,"props":3167,"children":3168},{"class":85},[3169],{"type":51,"value":221},{"type":46,"tag":72,"props":3171,"children":3172},{"class":141},[3173],{"type":51,"value":2921},{"type":46,"tag":72,"props":3175,"children":3176},{"class":85},[3177],{"type":51,"value":1071},{"type":46,"tag":72,"props":3179,"children":3180},{"class":97},[3181],{"type":51,"value":1877},{"type":46,"tag":72,"props":3183,"children":3184},{"class":85},[3185],{"type":51,"value":94},{"type":46,"tag":72,"props":3187,"children":3188},{"class":79},[3189],{"type":51,"value":1900},{"type":46,"tag":72,"props":3191,"children":3192},{"class":85},[3193],{"type":51,"value":94},{"type":46,"tag":72,"props":3195,"children":3196},{"class":97},[3197],{"type":51,"value":1437},{"type":46,"tag":72,"props":3199,"children":3200},{"class":85},[3201],{"type":51,"value":94},{"type":46,"tag":72,"props":3203,"children":3204},{"class":79},[3205],{"type":51,"value":1076},{"type":46,"tag":72,"props":3207,"children":3208},{"class":74,"line":288},[3209,3213,3217,3221,3226,3230,3234,3238,3242,3246,3250,3254,3258,3262,3266,3270,3275,3279,3283],{"type":46,"tag":72,"props":3210,"children":3211},{"class":85},[3212],{"type":51,"value":2147},{"type":46,"tag":72,"props":3214,"children":3215},{"class":97},[3216],{"type":51,"value":124},{"type":46,"tag":72,"props":3218,"children":3219},{"class":85},[3220],{"type":51,"value":94},{"type":46,"tag":72,"props":3222,"children":3223},{"class":91},[3224],{"type":51,"value":3225},"rpc",{"type":46,"tag":72,"props":3227,"children":3228},{"class":85},[3229],{"type":51,"value":94},{"type":46,"tag":72,"props":3231,"children":3232},{"class":79},[3233],{"type":51,"value":134},{"type":46,"tag":72,"props":3235,"children":3236},{"class":85},[3237],{"type":51,"value":94},{"type":46,"tag":72,"props":3239,"children":3240},{"class":141},[3241],{"type":51,"value":2908},{"type":46,"tag":72,"props":3243,"children":3244},{"class":79},[3245],{"type":51,"value":82},{"type":46,"tag":72,"props":3247,"children":3248},{"class":919},[3249],{"type":51,"value":2752},{"type":46,"tag":72,"props":3251,"children":3252},{"class":79},[3253],{"type":51,"value":1410},{"type":46,"tag":72,"props":3255,"children":3256},{"class":85},[3257],{"type":51,"value":94},{"type":46,"tag":72,"props":3259,"children":3260},{"class":919},[3261],{"type":51,"value":2681},{"type":46,"tag":72,"props":3263,"children":3264},{"class":79},[3265],{"type":51,"value":345},{"type":46,"tag":72,"props":3267,"children":3268},{"class":85},[3269],{"type":51,"value":1071},{"type":46,"tag":72,"props":3271,"children":3272},{"class":91},[3273],{"type":51,"value":3274},"RPC_NAMESPACE",{"type":46,"tag":72,"props":3276,"children":3277},{"class":79},[3278],{"type":51,"value":1410},{"type":46,"tag":72,"props":3280,"children":3281},{"class":85},[3282],{"type":51,"value":94},{"type":46,"tag":72,"props":3284,"children":3285},{"class":79},[3286],{"type":51,"value":1076},{"type":46,"tag":72,"props":3288,"children":3289},{"class":74,"line":301},[3290,3294],{"type":46,"tag":72,"props":3291,"children":3292},{"class":79},[3293],{"type":51,"value":2234},{"type":46,"tag":72,"props":3295,"children":3296},{"class":112},[3297],{"type":51,"value":3298},"// register server RPC functions\n",{"type":46,"tag":72,"props":3300,"children":3301},{"class":74,"line":310},[3302,3307,3311,3315],{"type":46,"tag":72,"props":3303,"children":3304},{"class":85},[3305],{"type":51,"value":3306}," getMyModuleOptions",{"type":46,"tag":72,"props":3308,"children":3309},{"class":79},[3310],{"type":51,"value":1900},{"type":46,"tag":72,"props":3312,"children":3313},{"class":85},[3314],{"type":51,"value":94},{"type":46,"tag":72,"props":3316,"children":3317},{"class":79},[3318],{"type":51,"value":1076},{"type":46,"tag":72,"props":3320,"children":3321},{"class":74,"line":331},[3322,3326,3331,3335],{"type":46,"tag":72,"props":3323,"children":3324},{"class":85},[3325],{"type":51,"value":2521},{"type":46,"tag":72,"props":3327,"children":3328},{"class":365},[3329],{"type":51,"value":3330},"return",{"type":46,"tag":72,"props":3332,"children":3333},{"class":85},[3334],{"type":51,"value":94},{"type":46,"tag":72,"props":3336,"children":3337},{"class":91},[3338],{"type":51,"value":3339},"options\n",{"type":46,"tag":72,"props":3341,"children":3342},{"class":74,"line":1349},[3343,3347],{"type":46,"tag":72,"props":3344,"children":3345},{"class":85},[3346],{"type":51,"value":2234},{"type":46,"tag":72,"props":3348,"children":3349},{"class":79},[3350],{"type":51,"value":1346},{"type":46,"tag":72,"props":3352,"children":3353},{"class":74,"line":2195},[3354,3358,3362],{"type":46,"tag":72,"props":3355,"children":3356},{"class":85},[3357],{"type":51,"value":2147},{"type":46,"tag":72,"props":3359,"children":3360},{"class":79},[3361],{"type":51,"value":394},{"type":46,"tag":72,"props":3363,"children":3364},{"class":85},[3365],{"type":51,"value":1724},{"type":46,"tag":72,"props":3367,"children":3368},{"class":74,"line":2228},[3369],{"type":46,"tag":72,"props":3370,"children":3371},{},[],{"type":46,"tag":72,"props":3373,"children":3374},{"class":74,"line":2241},[3375,3379],{"type":46,"tag":72,"props":3376,"children":3377},{"class":79},[3378],{"type":51,"value":2147},{"type":46,"tag":72,"props":3380,"children":3381},{"class":112},[3382],{"type":51,"value":3383},"// call client RPC functions\n",{"type":46,"tag":72,"props":3385,"children":3386},{"class":74,"line":2261},[3387,3391],{"type":46,"tag":72,"props":3388,"children":3389},{"class":79},[3390],{"type":51,"value":2147},{"type":46,"tag":72,"props":3392,"children":3393},{"class":112},[3394],{"type":51,"value":3395},"// since it might have multiple clients connected, we use `broadcast` to call all of them\n",{"type":46,"tag":72,"props":3397,"children":3398},{"class":74,"line":2294},[3399,3403,3407,3411,3415,3419,3424,3428,3432,3436,3440,3445,3449],{"type":46,"tag":72,"props":3400,"children":3401},{"class":85},[3402],{"type":51,"value":2147},{"type":46,"tag":72,"props":3404,"children":3405},{"class":365},[3406],{"type":51,"value":2491},{"type":46,"tag":72,"props":3408,"children":3409},{"class":85},[3410],{"type":51,"value":94},{"type":46,"tag":72,"props":3412,"children":3413},{"class":91},[3414],{"type":51,"value":3225},{"type":46,"tag":72,"props":3416,"children":3417},{"class":79},[3418],{"type":51,"value":460},{"type":46,"tag":72,"props":3420,"children":3421},{"class":91},[3422],{"type":51,"value":3423},"broadcast",{"type":46,"tag":72,"props":3425,"children":3426},{"class":79},[3427],{"type":51,"value":460},{"type":46,"tag":72,"props":3429,"children":3430},{"class":141},[3431],{"type":51,"value":2772},{"type":46,"tag":72,"props":3433,"children":3434},{"class":85},[3435],{"type":51,"value":1071},{"type":46,"tag":72,"props":3437,"children":3438},{"class":79},[3439],{"type":51,"value":412},{"type":46,"tag":72,"props":3441,"children":3442},{"class":238},[3443],{"type":51,"value":3444},"Hello from My Module!",{"type":46,"tag":72,"props":3446,"children":3447},{"class":79},[3448],{"type":51,"value":412},{"type":46,"tag":72,"props":3450,"children":3451},{"class":85},[3452],{"type":51,"value":1724},{"type":46,"tag":72,"props":3454,"children":3455},{"class":74,"line":2328},[3456,3460,3464],{"type":46,"tag":72,"props":3457,"children":3458},{"class":85},[3459],{"type":51,"value":221},{"type":46,"tag":72,"props":3461,"children":3462},{"class":79},[3463],{"type":51,"value":394},{"type":46,"tag":72,"props":3465,"children":3466},{"class":85},[3467],{"type":51,"value":1724},{"type":46,"tag":72,"props":3469,"children":3470},{"class":74,"line":2350},[3471,3475],{"type":46,"tag":72,"props":3472,"children":3473},{"class":85},[3474],{"type":51,"value":203},{"type":46,"tag":72,"props":3476,"children":3477},{"class":79},[3478],{"type":51,"value":1957},{"type":46,"tag":72,"props":3480,"children":3481},{"class":74,"line":2384},[3482,3486],{"type":46,"tag":72,"props":3483,"children":3484},{"class":79},[3485],{"type":51,"value":394},{"type":46,"tag":72,"props":3487,"children":3488},{"class":91},[3489],{"type":51,"value":1359},{"type":46,"tag":47,"props":3491,"children":3492},{},[3493],{"type":51,"value":3494},"And on the client side, you can do:",{"type":46,"tag":62,"props":3496,"children":3498},{"className":353,"code":3497,"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",[3499],{"type":46,"tag":54,"props":3500,"children":3501},{"__ignoreMap":40},[3502,3559,3634,3640,3671,3677,3725,3798,3826,3859,3870,3885,3891,3903,3958],{"type":46,"tag":72,"props":3503,"children":3504},{"class":74,"line":75},[3505,3509,3513,3517,3521,3526,3530,3534,3538,3542,3546,3550,3555],{"type":46,"tag":72,"props":3506,"children":3507},{"class":365},[3508],{"type":51,"value":368},{"type":46,"tag":72,"props":3510,"children":3511},{"class":91},[3512],{"type":51,"value":94},{"type":46,"tag":72,"props":3514,"children":3515},{"class":79},[3516],{"type":51,"value":377},{"type":46,"tag":72,"props":3518,"children":3519},{"class":85},[3520],{"type":51,"value":94},{"type":46,"tag":72,"props":3522,"children":3523},{"class":91},[3524],{"type":51,"value":3525},"onDevtoolsClientConnected",{"type":46,"tag":72,"props":3527,"children":3528},{"class":85},[3529],{"type":51,"value":94},{"type":46,"tag":72,"props":3531,"children":3532},{"class":79},[3533],{"type":51,"value":394},{"type":46,"tag":72,"props":3535,"children":3536},{"class":91},[3537],{"type":51,"value":94},{"type":46,"tag":72,"props":3539,"children":3540},{"class":365},[3541],{"type":51,"value":403},{"type":46,"tag":72,"props":3543,"children":3544},{"class":91},[3545],{"type":51,"value":94},{"type":46,"tag":72,"props":3547,"children":3548},{"class":79},[3549],{"type":51,"value":412},{"type":46,"tag":72,"props":3551,"children":3552},{"class":238},[3553],{"type":51,"value":3554},"@nuxt/devtools-kit/iframe-client",{"type":46,"tag":72,"props":3556,"children":3557},{"class":79},[3558],{"type":51,"value":1053},{"type":46,"tag":72,"props":3560,"children":3561},{"class":74,"line":108},[3562,3566,3570,3574,3578,3582,3586,3590,3594,3598,3602,3606,3610,3614,3618,3622,3626,3630],{"type":46,"tag":72,"props":3563,"children":3564},{"class":365},[3565],{"type":51,"value":368},{"type":46,"tag":72,"props":3567,"children":3568},{"class":91},[3569],{"type":51,"value":94},{"type":46,"tag":72,"props":3571,"children":3572},{"class":365},[3573],{"type":51,"value":1272},{"type":46,"tag":72,"props":3575,"children":3576},{"class":91},[3577],{"type":51,"value":94},{"type":46,"tag":72,"props":3579,"children":3580},{"class":79},[3581],{"type":51,"value":377},{"type":46,"tag":72,"props":3583,"children":3584},{"class":85},[3585],{"type":51,"value":94},{"type":46,"tag":72,"props":3587,"children":3588},{"class":91},[3589],{"type":51,"value":2752},{"type":46,"tag":72,"props":3591,"children":3592},{"class":79},[3593],{"type":51,"value":1410},{"type":46,"tag":72,"props":3595,"children":3596},{"class":85},[3597],{"type":51,"value":94},{"type":46,"tag":72,"props":3599,"children":3600},{"class":91},[3601],{"type":51,"value":2681},{"type":46,"tag":72,"props":3603,"children":3604},{"class":85},[3605],{"type":51,"value":94},{"type":46,"tag":72,"props":3607,"children":3608},{"class":79},[3609],{"type":51,"value":394},{"type":46,"tag":72,"props":3611,"children":3612},{"class":91},[3613],{"type":51,"value":94},{"type":46,"tag":72,"props":3615,"children":3616},{"class":365},[3617],{"type":51,"value":403},{"type":46,"tag":72,"props":3619,"children":3620},{"class":91},[3621],{"type":51,"value":94},{"type":46,"tag":72,"props":3623,"children":3624},{"class":79},[3625],{"type":51,"value":412},{"type":46,"tag":72,"props":3627,"children":3628},{"class":238},[3629],{"type":51,"value":3025},{"type":46,"tag":72,"props":3631,"children":3632},{"class":79},[3633],{"type":51,"value":1053},{"type":46,"tag":72,"props":3635,"children":3636},{"class":74,"line":118},[3637],{"type":46,"tag":72,"props":3638,"children":3639},{},[],{"type":46,"tag":72,"props":3641,"children":3642},{"class":74,"line":156},[3643,3647,3651,3655,3659,3663,3667],{"type":46,"tag":72,"props":3644,"children":3645},{"class":97},[3646],{"type":51,"value":124},{"type":46,"tag":72,"props":3648,"children":3649},{"class":91},[3650],{"type":51,"value":3047},{"type":46,"tag":72,"props":3652,"children":3653},{"class":79},[3654],{"type":51,"value":134},{"type":46,"tag":72,"props":3656,"children":3657},{"class":91},[3658],{"type":51,"value":94},{"type":46,"tag":72,"props":3660,"children":3661},{"class":79},[3662],{"type":51,"value":412},{"type":46,"tag":72,"props":3664,"children":3665},{"class":238},[3666],{"type":51,"value":3064},{"type":46,"tag":72,"props":3668,"children":3669},{"class":79},[3670],{"type":51,"value":1053},{"type":46,"tag":72,"props":3672,"children":3673},{"class":74,"line":173},[3674],{"type":46,"tag":72,"props":3675,"children":3676},{},[],{"type":46,"tag":72,"props":3678,"children":3679},{"class":74,"line":180},[3680,3684,3688,3692,3696,3700,3705,3709,3713,3717,3721],{"type":46,"tag":72,"props":3681,"children":3682},{"class":141},[3683],{"type":51,"value":3525},{"type":46,"tag":72,"props":3685,"children":3686},{"class":91},[3687],{"type":51,"value":1071},{"type":46,"tag":72,"props":3689,"children":3690},{"class":97},[3691],{"type":51,"value":1877},{"type":46,"tag":72,"props":3693,"children":3694},{"class":91},[3695],{"type":51,"value":94},{"type":46,"tag":72,"props":3697,"children":3698},{"class":79},[3699],{"type":51,"value":1071},{"type":46,"tag":72,"props":3701,"children":3702},{"class":1421},[3703],{"type":51,"value":3704},"client",{"type":46,"tag":72,"props":3706,"children":3707},{"class":79},[3708],{"type":51,"value":1359},{"type":46,"tag":72,"props":3710,"children":3711},{"class":91},[3712],{"type":51,"value":94},{"type":46,"tag":72,"props":3714,"children":3715},{"class":97},[3716],{"type":51,"value":1437},{"type":46,"tag":72,"props":3718,"children":3719},{"class":91},[3720],{"type":51,"value":94},{"type":46,"tag":72,"props":3722,"children":3723},{"class":79},[3724],{"type":51,"value":1076},{"type":46,"tag":72,"props":3726,"children":3727},{"class":74,"line":197},[3728,3732,3736,3740,3744,3748,3752,3756,3760,3764,3769,3773,3778,3782,3786,3790,3794],{"type":46,"tag":72,"props":3729,"children":3730},{"class":85},[3731],{"type":51,"value":203},{"type":46,"tag":72,"props":3733,"children":3734},{"class":97},[3735],{"type":51,"value":124},{"type":46,"tag":72,"props":3737,"children":3738},{"class":85},[3739],{"type":51,"value":94},{"type":46,"tag":72,"props":3741,"children":3742},{"class":91},[3743],{"type":51,"value":3225},{"type":46,"tag":72,"props":3745,"children":3746},{"class":85},[3747],{"type":51,"value":94},{"type":46,"tag":72,"props":3749,"children":3750},{"class":79},[3751],{"type":51,"value":134},{"type":46,"tag":72,"props":3753,"children":3754},{"class":85},[3755],{"type":51,"value":94},{"type":46,"tag":72,"props":3757,"children":3758},{"class":91},[3759],{"type":51,"value":3704},{"type":46,"tag":72,"props":3761,"children":3762},{"class":79},[3763],{"type":51,"value":460},{"type":46,"tag":72,"props":3765,"children":3766},{"class":91},[3767],{"type":51,"value":3768},"devtools",{"type":46,"tag":72,"props":3770,"children":3771},{"class":79},[3772],{"type":51,"value":460},{"type":46,"tag":72,"props":3774,"children":3775},{"class":141},[3776],{"type":51,"value":3777},"extendClientRpc",{"type":46,"tag":72,"props":3779,"children":3780},{"class":85},[3781],{"type":51,"value":1071},{"type":46,"tag":72,"props":3783,"children":3784},{"class":91},[3785],{"type":51,"value":3274},{"type":46,"tag":72,"props":3787,"children":3788},{"class":79},[3789],{"type":51,"value":1410},{"type":46,"tag":72,"props":3791,"children":3792},{"class":85},[3793],{"type":51,"value":94},{"type":46,"tag":72,"props":3795,"children":3796},{"class":79},[3797],{"type":51,"value":1076},{"type":46,"tag":72,"props":3799,"children":3800},{"class":74,"line":215},[3801,3806,3810,3814,3818,3822],{"type":46,"tag":72,"props":3802,"children":3803},{"class":85},[3804],{"type":51,"value":3805}," showNotification",{"type":46,"tag":72,"props":3807,"children":3808},{"class":79},[3809],{"type":51,"value":1071},{"type":46,"tag":72,"props":3811,"children":3812},{"class":1421},[3813],{"type":51,"value":2781},{"type":46,"tag":72,"props":3815,"children":3816},{"class":79},[3817],{"type":51,"value":1359},{"type":46,"tag":72,"props":3819,"children":3820},{"class":85},[3821],{"type":51,"value":94},{"type":46,"tag":72,"props":3823,"children":3824},{"class":79},[3825],{"type":51,"value":1076},{"type":46,"tag":72,"props":3827,"children":3828},{"class":74,"line":249},[3829,3833,3838,3842,3847,3851,3855],{"type":46,"tag":72,"props":3830,"children":3831},{"class":85},[3832],{"type":51,"value":2147},{"type":46,"tag":72,"props":3834,"children":3835},{"class":91},[3836],{"type":51,"value":3837},"console",{"type":46,"tag":72,"props":3839,"children":3840},{"class":79},[3841],{"type":51,"value":460},{"type":46,"tag":72,"props":3843,"children":3844},{"class":141},[3845],{"type":51,"value":3846},"log",{"type":46,"tag":72,"props":3848,"children":3849},{"class":85},[3850],{"type":51,"value":1071},{"type":46,"tag":72,"props":3852,"children":3853},{"class":91},[3854],{"type":51,"value":2781},{"type":46,"tag":72,"props":3856,"children":3857},{"class":85},[3858],{"type":51,"value":1724},{"type":46,"tag":72,"props":3860,"children":3861},{"class":74,"line":279},[3862,3866],{"type":46,"tag":72,"props":3863,"children":3864},{"class":85},[3865],{"type":51,"value":221},{"type":46,"tag":72,"props":3867,"children":3868},{"class":79},[3869],{"type":51,"value":1346},{"type":46,"tag":72,"props":3871,"children":3872},{"class":74,"line":288},[3873,3877,3881],{"type":46,"tag":72,"props":3874,"children":3875},{"class":85},[3876],{"type":51,"value":203},{"type":46,"tag":72,"props":3878,"children":3879},{"class":79},[3880],{"type":51,"value":394},{"type":46,"tag":72,"props":3882,"children":3883},{"class":85},[3884],{"type":51,"value":1724},{"type":46,"tag":72,"props":3886,"children":3887},{"class":74,"line":301},[3888],{"type":46,"tag":72,"props":3889,"children":3890},{},[],{"type":46,"tag":72,"props":3892,"children":3893},{"class":74,"line":310},[3894,3898],{"type":46,"tag":72,"props":3895,"children":3896},{"class":79},[3897],{"type":51,"value":203},{"type":46,"tag":72,"props":3899,"children":3900},{"class":112},[3901],{"type":51,"value":3902},"// call server RPC functions\n",{"type":46,"tag":72,"props":3904,"children":3905},{"class":74,"line":331},[3906,3910,3914,3918,3922,3926,3930,3934,3938,3942,3946,3950,3954],{"type":46,"tag":72,"props":3907,"children":3908},{"class":85},[3909],{"type":51,"value":203},{"type":46,"tag":72,"props":3911,"children":3912},{"class":97},[3913],{"type":51,"value":124},{"type":46,"tag":72,"props":3915,"children":3916},{"class":85},[3917],{"type":51,"value":94},{"type":46,"tag":72,"props":3919,"children":3920},{"class":91},[3921],{"type":51,"value":3126},{"type":46,"tag":72,"props":3923,"children":3924},{"class":85},[3925],{"type":51,"value":94},{"type":46,"tag":72,"props":3927,"children":3928},{"class":79},[3929],{"type":51,"value":134},{"type":46,"tag":72,"props":3931,"children":3932},{"class":85},[3933],{"type":51,"value":94},{"type":46,"tag":72,"props":3935,"children":3936},{"class":365},[3937],{"type":51,"value":2491},{"type":46,"tag":72,"props":3939,"children":3940},{"class":85},[3941],{"type":51,"value":94},{"type":46,"tag":72,"props":3943,"children":3944},{"class":91},[3945],{"type":51,"value":3225},{"type":46,"tag":72,"props":3947,"children":3948},{"class":79},[3949],{"type":51,"value":460},{"type":46,"tag":72,"props":3951,"children":3952},{"class":141},[3953],{"type":51,"value":2701},{"type":46,"tag":72,"props":3955,"children":3956},{"class":85},[3957],{"type":51,"value":2478},{"type":46,"tag":72,"props":3959,"children":3960},{"class":74,"line":1349},[3961,3965],{"type":46,"tag":72,"props":3962,"children":3963},{"class":79},[3964],{"type":51,"value":394},{"type":46,"tag":72,"props":3966,"children":3967},{"class":91},[3968],{"type":51,"value":1359},{"type":46,"tag":462,"props":3970,"children":3972},{"id":3971},"trying-local-changes",[3973],{"type":51,"value":3974},"Trying Local Changes",{"type":46,"tag":47,"props":3976,"children":3977},{},[3978],{"type":51,"value":3979},"You can clone Nuxt DevTools repo and try your changes locally.",{"type":46,"tag":47,"props":3981,"children":3982},{},[3983,3984,3989],{"type":51,"value":2611},{"type":46,"tag":451,"props":3985,"children":3987},{"href":3986},"/development/contributing#trying-local-changes",[3988],{"type":51,"value":3974},{"type":51,"value":460},{"type":46,"tag":462,"props":3991,"children":3993},{"id":3992},"examples",[3994],{"type":51,"value":3995},"Examples",{"type":46,"tag":47,"props":3997,"children":3998},{},[3999],{"type":51,"value":4000},"Here are a few examples of how to integrate Nuxt DevTools in modules:",{"type":46,"tag":4002,"props":4003,"children":4004},"ul",{},[4005,4016,4026,4036,4046],{"type":46,"tag":4006,"props":4007,"children":4008},"li",{},[4009],{"type":46,"tag":451,"props":4010,"children":4013},{"href":4011,"rel":4012},"https://github.com/nuxt/devtools/blob/main/packages/devtools/src/integrations/vscode.ts",[455],[4014],{"type":51,"value":4015},"Built-in VS Code integration with lazy initialize",{"type":46,"tag":4006,"props":4017,"children":4018},{},[4019],{"type":46,"tag":451,"props":4020,"children":4023},{"href":4021,"rel":4022},"https://github.com/vueuse/vueuse/blob/ce28cef154489c73abe308104bef8568594a9bcd/packages/nuxt/index.ts#L89-L99",[455],[4024],{"type":51,"value":4025},"VueUse adds a docs tab",{"type":46,"tag":4006,"props":4027,"children":4028},{},[4029],{"type":46,"tag":451,"props":4030,"children":4033},{"href":4031,"rel":4032},"https://github.com/unocss/unocss/blob/25021a751494e99e85cfd82cca3855cdf78f6a12/packages/nuxt/src/index.ts#L81-L94",[455],[4034],{"type":51,"value":4035},"UnoCSS Inspector",{"type":46,"tag":4006,"props":4037,"children":4038},{},[4039],{"type":46,"tag":451,"props":4040,"children":4043},{"href":4041,"rel":4042},"https://github.com/danielroe/nuxt-vitest/blob/7bac68d96f27dea6c30c198b7caaaf0b495574ab/packages/nuxt-vitest/src/module.ts#L139-L181",[455],[4044],{"type":51,"value":4045},"Nuxt Vitest runner",{"type":46,"tag":4006,"props":4047,"children":4048},{},[4049],{"type":46,"tag":451,"props":4050,"children":4053},{"href":4051,"rel":4052},"https://github.com/harlan-zw/nuxt-og-image/blob/main/src/module.ts#L136",[455],[4054],{"type":51,"value":4055},"Nuxt OG Image Playground",{"type":46,"tag":428,"props":4057,"children":4058},{},[4059],{"type":51,"value":4060},".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":4062},[4063,4064,4065,4066,4067,4068,4069],{"id":896,"depth":108,"text":899},{"id":975,"depth":108,"text":978},{"id":1748,"depth":108,"text":1751},{"id":2603,"depth":108,"text":2606},{"id":2621,"depth":108,"text":2624},{"id":3971,"depth":108,"text":3974},{"id":3992,"depth":108,"text":3995},"content:2.module:0.guide.md","2.module/0.guide.md",1695853922046]