[{"data":1,"prerenderedAt":819},["ShallowReactive",2],{"mobile-docs-navigation":3,"docs-page:\u002Fconfiguration":59,"docs-navigation:en":806},[4,8,12,16,20,30],{"title":5,"path":6,"stem":7},"Getting Started","\u002Fgetting-started","2.getting-started",{"title":9,"path":10,"stem":11},"Writing Diagrams","\u002Fwriting-diagrams","3.writing-diagrams",{"title":13,"path":14,"stem":15},"Configuration","\u002Fconfiguration","4.configuration",{"title":17,"path":18,"stem":19},"Troubleshooting","\u002Ftroubleshooting","5.troubleshooting",{"title":21,"path":22,"stem":23,"children":24,"page":29},"Migration","\u002Fmigration","6.migration",[25],{"title":26,"path":27,"stem":28},"Migration to v3","\u002Fmigration\u002Fv3","6.migration\u002F1.v3",false,{"title":31,"path":32,"stem":33,"children":34,"page":29},"Zh","\u002Fzh","zh",[35,39,43,47,51],{"title":36,"path":37,"stem":38},"開始使用","\u002Fzh\u002Fgetting-started","zh\u002F2.getting-started",{"title":40,"path":41,"stem":42},"撰寫圖表","\u002Fzh\u002Fwriting-diagrams","zh\u002F3.writing-diagrams",{"title":44,"path":45,"stem":46},"設定","\u002Fzh\u002Fconfiguration","zh\u002F4.configuration",{"title":48,"path":49,"stem":50},"疑難排解","\u002Fzh\u002Ftroubleshooting","zh\u002F5.troubleshooting",{"title":21,"path":52,"stem":53,"children":54,"page":29},"\u002Fzh\u002Fmigration","zh\u002F6.migration",[55],{"title":56,"path":57,"stem":58},"升級至 v3","\u002Fzh\u002Fmigration\u002Fv3","zh\u002F6.migration\u002F1.v3",{"id":60,"title":13,"body":61,"description":800,"extension":801,"meta":802,"navigation":803,"path":14,"seo":804,"stem":15,"__hash__":805},"docs\u002F4.configuration.md",{"type":62,"value":63,"toc":791},"minimark",[64,68,81,163,168,232,240,244,318,326,330,381,392,396,457,460,464,475,636,640,771,775,787],[65,66,13],"h1",{"id":67},"configuration",[69,70,71,72,76,77,80],"p",{},"Set package options with the ",[73,74,75],"code",{},"contentMermaid"," key in ",[73,78,79],{},"nuxt.config.ts",":",[82,83,88],"pre",{"className":84,"code":85,"language":86,"meta":87,"style":87},"language-ts shiki shiki-themes github-light github-dark-high-contrast","export default defineNuxtConfig({\n  contentMermaid: {\n    loader: { lazy: true },\n    theme: { light: 'default', dark: 'dark' },\n  },\n})\n","ts","",[73,89,90,110,117,130,148,157],{"__ignoreMap":87},[91,92,95,99,102,106],"span",{"class":93,"line":94},"line",1,[91,96,98],{"class":97},"s-kum","export",[91,100,101],{"class":97}," default",[91,103,105],{"class":104},"s_Opv"," defineNuxtConfig",[91,107,109],{"class":108},"sjV9Q","({\n",[91,111,113],{"class":93,"line":112},2,[91,114,116],{"class":115},"skGVy","  contentMermaid: {\n",[91,118,120,123,127],{"class":93,"line":119},3,[91,121,122],{"class":115},"    loader: { lazy: ",[91,124,126],{"class":125},"sP0c6","true",[91,128,129],{"class":115}," },\n",[91,131,133,136,140,143,146],{"class":93,"line":132},4,[91,134,135],{"class":115},"    theme: { light: ",[91,137,139],{"class":138},"srMev","'default'",[91,141,142],{"class":115},", dark: ",[91,144,145],{"class":138},"'dark'",[91,147,129],{"class":115},[91,149,151,154],{"class":93,"line":150},5,[91,152,153],{"class":115},"  }",[91,155,156],{"class":108},",\n",[91,158,160],{"class":93,"line":159},6,[91,161,162],{"class":108},"})\n",[164,165,167],"h2",{"id":166},"general","General",[169,170,171,190],"table",{},[172,173,174],"thead",{},[175,176,177,181,184,187],"tr",{},[178,179,180],"th",{},"Option",[178,182,183],{},"Type",[178,185,186],{},"Default",[178,188,189],{},"Purpose",[191,192,193,213],"tbody",{},[175,194,195,201,206,210],{},[196,197,198],"td",{},[73,199,200],{},"enabled",[196,202,203],{},[73,204,205],{},"boolean",[196,207,208],{},[73,209,126],{},[196,211,212],{},"Enables the module and Markdown transformation at Nuxt startup.",[175,214,215,220,224,229],{},[196,216,217],{},[73,218,219],{},"debug",[196,221,222],{},[73,223,205],{},[196,225,226],{},[73,227,228],{},"false",[196,230,231],{},"Enables more detailed package diagnostics.",[69,233,234,236,237,239],{},[73,235,200],{}," is a build-time module option. Keep it under ",[73,238,75],{},", not public runtime configuration.",[164,241,243],{"id":242},"loading-and-mermaid-initialization","Loading and Mermaid initialization",[169,245,246,258],{},[172,247,248],{},[175,249,250,252,254,256],{},[178,251,180],{},[178,253,183],{},[178,255,186],{},[178,257,189],{},[191,259,260,280,302],{},[175,261,262,267,272,274],{},[196,263,264],{},[73,265,266],{},"loader.lazy",[196,268,269,271],{},[73,270,205],{}," or options object",[196,273,200],{},[196,275,276,277,279],{},"Waits until a diagram enters the viewport. Set ",[73,278,228],{}," to load immediately.",[175,281,282,287,292,295],{},[196,283,284],{},[73,285,286],{},"loader.lazy.threshold",[196,288,289],{},[73,290,291],{},"number",[196,293,294],{},"no package value",[196,296,297,298,301],{},"Sets the ",[73,299,300],{},"IntersectionObserver"," visibility threshold.",[175,303,304,309,312,315],{},[196,305,306],{},[73,307,308],{},"loader.init",[196,310,311],{},"pure-data Mermaid configuration",[196,313,314],{},"package defaults",[196,316,317],{},"Passes initialization options to Mermaid.",[69,319,320,321,325],{},"See ",[322,323,9],"a",{"href":324},"\u002Fwriting-diagrams#configuration-precedence"," for page and diagram overrides.",[164,327,329],{"id":328},"theme","Theme",[169,331,332,344],{},[172,333,334],{},[175,335,336,338,340,342],{},[178,337,180],{},[178,339,183],{},[178,341,186],{},[178,343,189],{},[191,345,346,364],{},[175,347,348,353,356,361],{},[196,349,350],{},[73,351,352],{},"theme.light",[196,354,355],{},"Mermaid theme name",[196,357,358],{},[73,359,360],{},"default",[196,362,363],{},"Theme used in light color mode.",[175,365,366,371,373,378],{},[196,367,368],{},[73,369,370],{},"theme.dark",[196,372,355],{},[196,374,375],{},[73,376,377],{},"dark",[196,379,380],{},"Theme used in dark color mode.",[69,382,383,384,387,388,391],{},"When ",[73,385,386],{},"@nuxtjs\u002Fcolor-mode"," is installed, the renderer follows the current color mode. You can also control the active mode with ",[73,389,390],{},"useMermaidTheme()",".",[164,393,395],{"id":394},"custom-components","Custom components",[169,397,398,410],{},[172,399,400],{},[175,401,402,404,406,408],{},[178,403,180],{},[178,405,183],{},[178,407,186],{},[178,409,189],{},[191,411,412,428,443],{},[175,413,414,419,422,425],{},[196,415,416],{},[73,417,418],{},"components.renderer",[196,420,421],{},"component name",[196,423,424],{},"built-in renderer",[196,426,427],{},"Replaces diagram rendering with an application component.",[175,429,430,435,437,440],{},[196,431,432],{},[73,433,434],{},"components.spinner",[196,436,421],{},[196,438,439],{},"none",[196,441,442],{},"Supplies a loading component.",[175,444,445,450,452,454],{},[196,446,447],{},[73,448,449],{},"components.error",[196,451,421],{},[196,453,439],{},[196,455,456],{},"Supplies a rendering-error component.",[69,458,459],{},"Use the registered name of a component from your Nuxt application. If a custom renderer name cannot be resolved, the package falls back to its built-in renderer.",[164,461,463],{"id":462},"expand","Expand",[69,465,466,467,470,471,474],{},"Set ",[73,468,469],{},"expand: false"," to disable expanding, ",[73,472,473],{},"expand: true"," to use all defaults, or provide an options object:",[169,476,477,489],{},[172,478,479],{},[175,480,481,483,485,487],{},[178,482,180],{},[178,484,183],{},[178,486,186],{},[178,488,189],{},[191,490,491,509,528,546,564,582,600,618],{},[175,492,493,498,502,506],{},[196,494,495],{},[73,496,497],{},"expand.enabled",[196,499,500],{},[73,501,205],{},[196,503,504],{},[73,505,126],{},[196,507,508],{},"Enables expand interactions.",[175,510,511,516,520,525],{},[196,512,513],{},[73,514,515],{},"expand.margin",[196,517,518],{},[73,519,291],{},[196,521,522],{},[73,523,524],{},"0",[196,526,527],{},"Keeps this many pixels around the expanded diagram.",[175,529,530,535,539,543],{},[196,531,532],{},[73,533,534],{},"expand.invokeOpenOn.diagramClick",[196,536,537],{},[73,538,205],{},[196,540,541],{},[73,542,126],{},[196,544,545],{},"Opens the overlay when the diagram is clicked.",[175,547,548,553,557,561],{},[196,549,550],{},[73,551,552],{},"expand.invokeCloseOn.esc",[196,554,555],{},[73,556,205],{},[196,558,559],{},[73,560,126],{},[196,562,563],{},"Closes with Escape.",[175,565,566,571,575,579],{},[196,567,568],{},[73,569,570],{},"expand.invokeCloseOn.wheel",[196,572,573],{},[73,574,205],{},[196,576,577],{},[73,578,126],{},[196,580,581],{},"Closes on a wheel action.",[175,583,584,589,593,597],{},[196,585,586],{},[73,587,588],{},"expand.invokeCloseOn.swipe",[196,590,591],{},[73,592,205],{},[196,594,595],{},[73,596,126],{},[196,598,599],{},"Closes on a swipe.",[175,601,602,607,611,615],{},[196,603,604],{},[73,605,606],{},"expand.invokeCloseOn.overlayClick",[196,608,609],{},[73,610,205],{},[196,612,613],{},[73,614,126],{},[196,616,617],{},"Closes when the overlay background is clicked.",[175,619,620,625,629,633],{},[196,621,622],{},[73,623,624],{},"expand.invokeCloseOn.closeButtonClick",[196,626,627],{},[73,628,205],{},[196,630,631],{},[73,632,126],{},[196,634,635],{},"Shows and enables the close button.",[164,637,639],{"id":638},"toolbar","Toolbar",[169,641,642,654],{},[172,643,644],{},[175,645,646,648,650,652],{},[178,647,180],{},[178,649,183],{},[178,651,186],{},[178,653,189],{},[191,655,656,676,698,717,735,753],{},[175,657,658,663,668,673],{},[196,659,660],{},[73,661,662],{},"toolbar.title",[196,664,665],{},[73,666,667],{},"string",[196,669,670],{},[73,671,672],{},"mermaid",[196,674,675],{},"Sets the default toolbar title.",[175,677,678,683,690,695],{},[196,679,680],{},[73,681,682],{},"toolbar.fontSize",[196,684,685,687,688],{},[73,686,667],{}," or ",[73,689,291],{},[196,691,692],{},[73,693,694],{},"14px",[196,696,697],{},"Sets the toolbar font size.",[175,699,700,705,709,714],{},[196,701,702],{},[73,703,704],{},"toolbar.fullscreenToolbarScale",[196,706,707],{},[73,708,291],{},[196,710,711],{},[73,712,713],{},"1.25",[196,715,716],{},"Scales toolbar text and icons in fullscreen.",[175,718,719,724,728,732],{},[196,720,721],{},[73,722,723],{},"toolbar.buttons.copy",[196,725,726],{},[73,727,205],{},[196,729,730],{},[73,731,126],{},[196,733,734],{},"Shows the copy-source button.",[175,736,737,742,746,750],{},[196,738,739],{},[73,740,741],{},"toolbar.buttons.fullscreen",[196,743,744],{},[73,745,205],{},[196,747,748],{},[73,749,126],{},[196,751,752],{},"Shows the fullscreen button.",[175,754,755,760,764,768],{},[196,756,757],{},[73,758,759],{},"toolbar.buttons.expand",[196,761,762],{},[73,763,205],{},[196,765,766],{},[73,767,126],{},[196,769,770],{},"Shows the expand button.",[164,772,774],{"id":773},"mermaid-owned-configuration","Mermaid-owned configuration",[69,776,777,779,780,786],{},[73,778,308],{},", page configuration, and direct component configuration pass values to Mermaid, but this package does not redefine Mermaid's option schema or behavior. Use the official ",[322,781,785],{"href":782,"rel":783},"https:\u002F\u002Fmermaid.js.org\u002Fconfig\u002Fconfiguration.html",[784],"nofollow","Mermaid configuration documentation"," for native themes, diagram options, security settings, and directives.",[788,789,790],"style",{},"html pre.shiki code .s-kum, html code.shiki .s-kum{--shiki-default:#D73A49;--shiki-dark:#FF9492}html pre.shiki code .s_Opv, html code.shiki .s_Opv{--shiki-default:#6F42C1;--shiki-dark:#DBB7FF}html pre.shiki code .sjV9Q, html code.shiki .sjV9Q{--shiki-default:#24292E;--shiki-dark:#FFB757}html pre.shiki code .skGVy, html code.shiki .skGVy{--shiki-default:#24292E;--shiki-dark:#F0F3F6}html pre.shiki code .sP0c6, html code.shiki .sP0c6{--shiki-default:#005CC5;--shiki-dark:#91CBFF}html pre.shiki code .srMev, html code.shiki .srMev{--shiki-default:#032F62;--shiki-dark:#ADDCFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":87,"searchDepth":112,"depth":112,"links":792},[793,794,795,796,797,798,799],{"id":166,"depth":112,"text":167},{"id":242,"depth":112,"text":243},{"id":328,"depth":112,"text":329},{"id":394,"depth":112,"text":395},{"id":462,"depth":112,"text":463},{"id":638,"depth":112,"text":639},{"id":773,"depth":112,"text":774},"Configure Nuxt Content Mermaid loading, themes, components, expand controls, and toolbars.","md",{},true,{"title":13,"description":800},"XIX-VMLoLzd6dD1DeJv04xsPxGEbKeF4-Z0EaLfzZYU",[807,809,811,813,815],{"title":5,"path":6,"stem":7,"children":808},[],{"title":9,"path":10,"stem":11,"children":810},[],{"title":13,"path":14,"stem":15,"children":812},[],{"title":17,"path":18,"stem":19,"children":814},[],{"title":21,"path":22,"stem":23,"children":816,"page":29},[817],{"title":26,"path":27,"stem":28,"children":818},[],1786997380385]