[{"data":1,"prerenderedAt":813},["ShallowReactive",2],{"mobile-docs-navigation":3,"docs-page:\u002Fzh\u002Fconfiguration":59,"docs-navigation:zh":798},[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":44,"body":61,"description":792,"extension":793,"meta":794,"navigation":795,"path":45,"seo":796,"stem":46,"__hash__":797},"docs\u002Fzh\u002F4.configuration.md",{"type":62,"value":63,"toc":783},"minimark",[64,67,80,162,166,230,238,242,316,324,327,378,389,392,453,456,459,469,630,633,764,768,779],[65,66,44],"h1",{"id":44},[68,69,70,71,75,76,79],"p",{},"在 ",[72,73,74],"code",{},"nuxt.config.ts"," 中使用 ",[72,77,78],{},"contentMermaid"," 鍵設定套件選項：",[81,82,87],"pre",{"className":83,"code":84,"language":85,"meta":86,"style":86},"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","",[72,88,89,109,116,129,147,156],{"__ignoreMap":86},[90,91,94,98,101,105],"span",{"class":92,"line":93},"line",1,[90,95,97],{"class":96},"s-kum","export",[90,99,100],{"class":96}," default",[90,102,104],{"class":103},"s_Opv"," defineNuxtConfig",[90,106,108],{"class":107},"sjV9Q","({\n",[90,110,112],{"class":92,"line":111},2,[90,113,115],{"class":114},"skGVy","  contentMermaid: {\n",[90,117,119,122,126],{"class":92,"line":118},3,[90,120,121],{"class":114},"    loader: { lazy: ",[90,123,125],{"class":124},"sP0c6","true",[90,127,128],{"class":114}," },\n",[90,130,132,135,139,142,145],{"class":92,"line":131},4,[90,133,134],{"class":114},"    theme: { light: ",[90,136,138],{"class":137},"srMev","'default'",[90,140,141],{"class":114},", dark: ",[90,143,144],{"class":137},"'dark'",[90,146,128],{"class":114},[90,148,150,153],{"class":92,"line":149},5,[90,151,152],{"class":114},"  }",[90,154,155],{"class":107},",\n",[90,157,159],{"class":92,"line":158},6,[90,160,161],{"class":107},"})\n",[163,164,165],"h2",{"id":165},"一般設定",[167,168,169,188],"table",{},[170,171,172],"thead",{},[173,174,175,179,182,185],"tr",{},[176,177,178],"th",{},"選項",[176,180,181],{},"類型",[176,183,184],{},"預設值",[176,186,187],{},"用途",[189,190,191,211],"tbody",{},[173,192,193,199,204,208],{},[194,195,196],"td",{},[72,197,198],{},"enabled",[194,200,201],{},[72,202,203],{},"boolean",[194,205,206],{},[72,207,125],{},[194,209,210],{},"在 Nuxt 啟動時啟用模組與 Markdown 轉換。",[173,212,213,218,222,227],{},[194,214,215],{},[72,216,217],{},"debug",[194,219,220],{},[72,221,203],{},[194,223,224],{},[72,225,226],{},"false",[194,228,229],{},"啟用更詳細的套件診斷資訊。",[68,231,232,234,235,237],{},[72,233,198],{}," 是建置時的模組選項。請將它放在 ",[72,236,78],{}," 下，而不是公開執行階段設定中。",[163,239,241],{"id":240},"載入與-mermaid-初始化","載入與 Mermaid 初始化",[167,243,244,256],{},[170,245,246],{},[173,247,248,250,252,254],{},[176,249,178],{},[176,251,181],{},[176,253,184],{},[176,255,187],{},[189,257,258,278,300],{},[173,259,260,265,270,272],{},[194,261,262],{},[72,263,264],{},"loader.lazy",[194,266,267,269],{},[72,268,203],{}," 或選項物件",[194,271,198],{},[194,273,274,275,277],{},"等到圖表進入視窗後才載入。設定為 ",[72,276,226],{}," 可立即載入。",[173,279,280,285,290,293],{},[194,281,282],{},[72,283,284],{},"loader.lazy.threshold",[194,286,287],{},[72,288,289],{},"number",[194,291,292],{},"套件未提供值",[194,294,295,296,299],{},"設定 ",[72,297,298],{},"IntersectionObserver"," 的可見性門檻。",[173,301,302,307,310,313],{},[194,303,304],{},[72,305,306],{},"loader.init",[194,308,309],{},"純資料 Mermaid 設定",[194,311,312],{},"套件預設值",[194,314,315],{},"將初始化選項傳給 Mermaid。",[68,317,318,319,323],{},"頁面與圖表的覆寫方式請參考",[320,321,40],"a",{"href":322},"\u002Fzh\u002Fwriting-diagrams#%E8%A8%AD%E5%AE%9A%E5%84%AA%E5%85%88%E9%A0%86%E5%BA%8F","。",[163,325,326],{"id":326},"主題",[167,328,329,341],{},[170,330,331],{},[173,332,333,335,337,339],{},[176,334,178],{},[176,336,181],{},[176,338,184],{},[176,340,187],{},[189,342,343,361],{},[173,344,345,350,353,358],{},[194,346,347],{},[72,348,349],{},"theme.light",[194,351,352],{},"Mermaid 主題名稱",[194,354,355],{},[72,356,357],{},"default",[194,359,360],{},"淺色模式使用的主題。",[173,362,363,368,370,375],{},[194,364,365],{},[72,366,367],{},"theme.dark",[194,369,352],{},[194,371,372],{},[72,373,374],{},"dark",[194,376,377],{},"深色模式使用的主題。",[68,379,380,381,384,385,388],{},"安裝 ",[72,382,383],{},"@nuxtjs\u002Fcolor-mode"," 後，渲染器會跟隨目前的色彩模式。也可以使用 ",[72,386,387],{},"useMermaidTheme()"," 控制目前使用的模式。",[163,390,391],{"id":391},"自訂元件",[167,393,394,406],{},[170,395,396],{},[173,397,398,400,402,404],{},[176,399,178],{},[176,401,181],{},[176,403,184],{},[176,405,187],{},[189,407,408,424,439],{},[173,409,410,415,418,421],{},[194,411,412],{},[72,413,414],{},"components.renderer",[194,416,417],{},"元件名稱",[194,419,420],{},"內建渲染器",[194,422,423],{},"以應用程式元件取代圖表渲染。",[173,425,426,431,433,436],{},[194,427,428],{},[72,429,430],{},"components.spinner",[194,432,417],{},[194,434,435],{},"無",[194,437,438],{},"提供載入中的元件。",[173,440,441,446,448,450],{},[194,442,443],{},[72,444,445],{},"components.error",[194,447,417],{},[194,449,435],{},[194,451,452],{},"提供渲染錯誤元件。",[68,454,455],{},"請使用 Nuxt 應用程式中元件的註冊名稱。如果無法解析自訂渲染器名稱，套件會退回使用內建渲染器。",[163,457,458],{"id":458},"展開",[68,460,295,461,464,465,468],{},[72,462,463],{},"expand: false"," 可停用展開，設定 ",[72,466,467],{},"expand: true"," 可使用所有預設值，也可以提供選項物件：",[167,470,471,483],{},[170,472,473],{},[173,474,475,477,479,481],{},[176,476,178],{},[176,478,181],{},[176,480,184],{},[176,482,187],{},[189,484,485,503,522,540,558,576,594,612],{},[173,486,487,492,496,500],{},[194,488,489],{},[72,490,491],{},"expand.enabled",[194,493,494],{},[72,495,203],{},[194,497,498],{},[72,499,125],{},[194,501,502],{},"啟用展開互動。",[173,504,505,510,514,519],{},[194,506,507],{},[72,508,509],{},"expand.margin",[194,511,512],{},[72,513,289],{},[194,515,516],{},[72,517,518],{},"0",[194,520,521],{},"在展開後的圖表周圍保留指定像素數的邊距。",[173,523,524,529,533,537],{},[194,525,526],{},[72,527,528],{},"expand.invokeOpenOn.diagramClick",[194,530,531],{},[72,532,203],{},[194,534,535],{},[72,536,125],{},[194,538,539],{},"點擊圖表時開啟覆蓋層。",[173,541,542,547,551,555],{},[194,543,544],{},[72,545,546],{},"expand.invokeCloseOn.esc",[194,548,549],{},[72,550,203],{},[194,552,553],{},[72,554,125],{},[194,556,557],{},"按下 Escape 時關閉。",[173,559,560,565,569,573],{},[194,561,562],{},[72,563,564],{},"expand.invokeCloseOn.wheel",[194,566,567],{},[72,568,203],{},[194,570,571],{},[72,572,125],{},[194,574,575],{},"滾輪操作時關閉。",[173,577,578,583,587,591],{},[194,579,580],{},[72,581,582],{},"expand.invokeCloseOn.swipe",[194,584,585],{},[72,586,203],{},[194,588,589],{},[72,590,125],{},[194,592,593],{},"滑動時關閉。",[173,595,596,601,605,609],{},[194,597,598],{},[72,599,600],{},"expand.invokeCloseOn.overlayClick",[194,602,603],{},[72,604,203],{},[194,606,607],{},[72,608,125],{},[194,610,611],{},"點擊覆蓋層背景時關閉。",[173,613,614,619,623,627],{},[194,615,616],{},[72,617,618],{},"expand.invokeCloseOn.closeButtonClick",[194,620,621],{},[72,622,203],{},[194,624,625],{},[72,626,125],{},[194,628,629],{},"顯示並啟用關閉按鈕。",[163,631,632],{"id":632},"工具列",[167,634,635,647],{},[170,636,637],{},[173,638,639,641,643,645],{},[176,640,178],{},[176,642,181],{},[176,644,184],{},[176,646,187],{},[189,648,649,669,691,710,728,746],{},[173,650,651,656,661,666],{},[194,652,653],{},[72,654,655],{},"toolbar.title",[194,657,658],{},[72,659,660],{},"string",[194,662,663],{},[72,664,665],{},"mermaid",[194,667,668],{},"設定工具列標題的預設值。",[173,670,671,676,683,688],{},[194,672,673],{},[72,674,675],{},"toolbar.fontSize",[194,677,678,680,681],{},[72,679,660],{}," 或 ",[72,682,289],{},[194,684,685],{},[72,686,687],{},"14px",[194,689,690],{},"設定工具列字型大小。",[173,692,693,698,702,707],{},[194,694,695],{},[72,696,697],{},"toolbar.fullscreenToolbarScale",[194,699,700],{},[72,701,289],{},[194,703,704],{},[72,705,706],{},"1.25",[194,708,709],{},"在全螢幕模式中縮放工具列文字與圖示。",[173,711,712,717,721,725],{},[194,713,714],{},[72,715,716],{},"toolbar.buttons.copy",[194,718,719],{},[72,720,203],{},[194,722,723],{},[72,724,125],{},[194,726,727],{},"顯示複製來源碼按鈕。",[173,729,730,735,739,743],{},[194,731,732],{},[72,733,734],{},"toolbar.buttons.fullscreen",[194,736,737],{},[72,738,203],{},[194,740,741],{},[72,742,125],{},[194,744,745],{},"顯示全螢幕按鈕。",[173,747,748,753,757,761],{},[194,749,750],{},[72,751,752],{},"toolbar.buttons.expand",[194,754,755],{},[72,756,203],{},[194,758,759],{},[72,760,125],{},[194,762,763],{},"顯示展開按鈕。",[163,765,767],{"id":766},"mermaid-負責的設定","Mermaid 負責的設定",[68,769,770,772,773,323],{},[72,771,306],{},"、頁面設定與元件直接設定都會將值傳給 Mermaid，但此套件不會重新定義 Mermaid 的選項結構或行為。關於原生主題、圖表選項、安全性設定與指令，請使用官方的 ",[320,774,778],{"href":775,"rel":776},"https:\u002F\u002Fmermaid.js.org\u002Fconfig\u002Fconfiguration.html",[777],"nofollow","Mermaid 設定文件",[780,781,782],"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":86,"searchDepth":111,"depth":111,"links":784},[785,786,787,788,789,790,791],{"id":165,"depth":111,"text":165},{"id":240,"depth":111,"text":241},{"id":326,"depth":111,"text":326},{"id":391,"depth":111,"text":391},{"id":458,"depth":111,"text":458},{"id":632,"depth":111,"text":632},{"id":766,"depth":111,"text":767},"設定 Nuxt Content Mermaid 的載入、主題、元件、展開控制與工具列。","md",{},true,{"title":44,"description":792},"QvyYjLixieTXUr5ytsFB_MaTHPwEvkPPG-eZfSrppTU",[799],{"title":31,"path":32,"stem":33,"children":800,"page":29},[801,803,805,807,809],{"title":36,"path":37,"stem":38,"children":802},[],{"title":40,"path":41,"stem":42,"children":804},[],{"title":44,"path":45,"stem":46,"children":806},[],{"title":48,"path":49,"stem":50,"children":808},[],{"title":21,"path":52,"stem":53,"children":810,"page":29},[811],{"title":56,"path":57,"stem":58,"children":812},[],1786997380391]