[{"data":1,"prerenderedAt":1310},["ShallowReactive",2],{"mobile-docs-navigation":3,"docs-page:\u002Fzh\u002Fadvanced\u002Fcustom-rendering":92,"docs-navigation:zh":1287},[4,8,12,16,34,38,47],{"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,"children":20,"page":33},"Advanced","\u002Fadvanced","5.advanced",[21,25,29],{"title":22,"path":23,"stem":24},"Themes and Styling","\u002Fadvanced\u002Fthemes-and-styling","5.advanced\u002F1.themes-and-styling",{"title":26,"path":27,"stem":28},"Custom Rendering","\u002Fadvanced\u002Fcustom-rendering","5.advanced\u002F2.custom-rendering",{"title":30,"path":31,"stem":32},"Interactions","\u002Fadvanced\u002Finteractions","5.advanced\u002F3.interactions",false,{"title":35,"path":36,"stem":37},"Troubleshooting","\u002Ftroubleshooting","6.troubleshooting",{"title":39,"path":40,"stem":41,"children":42,"page":33},"Migration","\u002Fmigration","7.migration",[43],{"title":44,"path":45,"stem":46},"Migration to v3","\u002Fmigration\u002Fv3","7.migration\u002F1.v3",{"title":48,"path":49,"stem":50,"children":51,"page":33},"Zh","\u002Fzh","zh",[52,56,60,64,80,84],{"title":53,"path":54,"stem":55},"開始使用","\u002Fzh\u002Fgetting-started","zh\u002F2.getting-started",{"title":57,"path":58,"stem":59},"撰寫圖表","\u002Fzh\u002Fwriting-diagrams","zh\u002F3.writing-diagrams",{"title":61,"path":62,"stem":63},"設定","\u002Fzh\u002Fconfiguration","zh\u002F4.configuration",{"title":17,"path":65,"stem":66,"children":67,"page":33},"\u002Fzh\u002Fadvanced","zh\u002F5.advanced",[68,72,76],{"title":69,"path":70,"stem":71},"主題與樣式","\u002Fzh\u002Fadvanced\u002Fthemes-and-styling","zh\u002F5.advanced\u002F1.themes-and-styling",{"title":73,"path":74,"stem":75},"自訂渲染","\u002Fzh\u002Fadvanced\u002Fcustom-rendering","zh\u002F5.advanced\u002F2.custom-rendering",{"title":77,"path":78,"stem":79},"互動","\u002Fzh\u002Fadvanced\u002Finteractions","zh\u002F5.advanced\u002F3.interactions",{"title":81,"path":82,"stem":83},"疑難排解","\u002Fzh\u002Ftroubleshooting","zh\u002F6.troubleshooting",{"title":39,"path":85,"stem":86,"children":87,"page":33},"\u002Fzh\u002Fmigration","zh\u002F7.migration",[88],{"title":89,"path":90,"stem":91},"升級至 v3","\u002Fzh\u002Fmigration\u002Fv3","zh\u002F7.migration\u002F1.v3",{"id":93,"title":73,"body":94,"config":1281,"description":1282,"extension":1283,"meta":1284,"navigation":400,"path":74,"seo":1285,"stem":75,"__hash__":1286},"docs\u002Fzh\u002F5.advanced\u002F2.custom-rendering.md",{"type":95,"value":96,"toc":1275},"minimark",[97,100,113,117,128,214,227,279,288,291,294,315,330,867,870,873,882,1225,1252,1255,1271],[98,99,73],"h1",{"id":73},[101,102,103,104,107,108,112],"p",{},"只有在您想擁有整個圖表體驗時才使用自訂渲染器（custom renderer）。",[105,106],"br",{},"\n若只需要外圍版面、共用載入介面或錯誤呈現，請改為包裝 ",[109,110,111],"code",{},"\u003CMermaid>","，保留內建渲染器。",[114,115,116],"h2",{"id":116},"了解渲染器選擇",[101,118,119,120,123,124,127],{},"將 ",[109,121,122],{},"components.renderer"," 設為 ",[109,125,126],{},"~\u002Fcomponents"," 中元件的名稱：",[129,130,135],"pre",{"className":131,"code":132,"language":133,"meta":134,"style":134},"language-ts shiki shiki-themes github-light github-dark-high-contrast","export default defineNuxtConfig({\n  contentMermaid: {\n    components: {\n      renderer: 'CustomMermaid',\n      spinner: 'MermaidSpinner',\n    },\n  },\n})\n","ts","",[109,136,137,157,164,170,183,194,200,208],{"__ignoreMap":134},[138,139,142,146,149,153],"span",{"class":140,"line":141},"line",1,[138,143,145],{"class":144},"s-kum","export",[138,147,148],{"class":144}," default",[138,150,152],{"class":151},"s_Opv"," defineNuxtConfig",[138,154,156],{"class":155},"sjV9Q","({\n",[138,158,160],{"class":140,"line":159},2,[138,161,163],{"class":162},"skGVy","  contentMermaid: {\n",[138,165,167],{"class":140,"line":166},3,[138,168,169],{"class":162},"    components: {\n",[138,171,173,176,180],{"class":140,"line":172},4,[138,174,175],{"class":162},"      renderer: ",[138,177,179],{"class":178},"srMev","'CustomMermaid'",[138,181,182],{"class":162},",\n",[138,184,186,189,192],{"class":140,"line":185},5,[138,187,188],{"class":162},"      spinner: ",[138,190,191],{"class":178},"'MermaidSpinner'",[138,193,182],{"class":162},[138,195,197],{"class":140,"line":196},6,[138,198,199],{"class":162},"    },\n",[138,201,203,206],{"class":140,"line":202},7,[138,204,205],{"class":162},"  }",[138,207,182],{"class":155},[138,209,211],{"class":140,"line":210},8,[138,212,213],{"class":155},"})\n",[101,215,216,217,219,220,222,223,226],{},"設定的名稱是自訂渲染器候選項（Custom Renderer Candidate）。",[105,218],{},"\n用戶端上，套件會遞迴搜尋 ",[109,221,126],{},"，找出相符檔名；比對會忽略大小寫、空格、底線、連字號、路徑區段與選用的 ",[109,224,225],{},".vue"," 副檔名。",[228,229,230,243],"table",{},[231,232,233],"thead",{},[234,235,236,240],"tr",{},[237,238,239],"th",{},"解析結果",[237,241,242],{},"渲染擁有者（Rendering Owner）",[244,245,246,255,263,271],"tbody",{},[234,247,248,252],{},[249,250,251],"td",{},"沒有渲染器名稱",[249,253,254],{},"內建渲染器（Built-in Renderer）。",[234,256,257,260],{},[249,258,259],{},"候選項載入中",[249,261,262],{},"尚未有渲染器；預設原始碼備援內容保持可見。",[234,264,265,268],{},[249,266,267],{},"候選項解析成功",[249,269,270],{},"自訂渲染器，且獨占所有權。",[234,272,273,276],{},[249,274,275],{},"找不到候選項或載入失敗",[249,277,278],{},"顯示主控台診斷訊息後使用內建渲染器。",[101,280,281,282,284,285,287],{},"對每個已解析的候選項，這是單向的所有權選擇。",[105,283],{},"\n之後自訂渲染器若掛載或渲染失敗，不會再觸發第二次內建備援。",[105,286],{},"\n它的載入與錯誤介面、主題決策、Mermaid 呼叫、工具列、全螢幕、展開與可存取性行為都必須由您實作。",[114,289,290],{"id":290},"實作完整的自訂渲染器",[101,292,293],{},"解析成功的自訂渲染器只會收到以下擴充輸入（extension inputs）：",[295,296,297,303,309],"ul",{},[298,299,300,302],"li",{},[109,301,109],{},"：呼叫端傳入時，已解碼的 Mermaid 原始碼。",[298,304,305,308],{},[109,306,307],{},"spinner","：設定的載入指示元件，或套件的載入指示備援元件。",[298,310,311,312,314],{},"預設插槽（slot）：由 ",[109,313,111],{}," 提供的原始碼備援內容。",[101,316,317,318,321,322,325,326,329],{},"它不會收到內建的 ",[109,319,320],{},"pageConfig","、直接 ",[109,323,324],{},"config","、工具列選項、載入插槽、錯誤插槽、自動主題解析或 ",[109,327,328],{},"components.error","。請明確擁有這些關切點：",[129,331,335],{"className":332,"code":333,"language":334,"meta":134,"style":134},"language-vue shiki shiki-themes github-light github-dark-high-contrast","\u003C!-- components\u002FCustomMermaid.vue -->\n\u003Cscript setup lang=\"ts\">\nimport { onMounted, ref, shallowRef, useId } from 'vue'\nimport type { Component } from 'vue'\n\nconst props = defineProps\u003C{\n  code?: string\n  spinner: Component | string\n}>()\n\nconst loading = ref(true)\nconst error = shallowRef\u003Cunknown>()\nconst svg = ref('')\nconst renderId = `custom-mermaid-${useId().replaceAll(':', '')}`\n\nonMounted(async () => {\n  try {\n    const mermaid = await useNuxtApp().$mermaid()\n    svg.value = (await mermaid.render(renderId, props.code ?? '')).svg\n  }\n  catch (cause) {\n    error.value = cause\n  }\n  finally {\n    loading.value = false\n  }\n})\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Csection class=\"custom-mermaid\">\n    \u003Ccomponent :is=\"props.spinner\" v-if=\"loading\" \u002F>\n    \u003Cp v-else-if=\"error\" role=\"alert\">\n      Diagram failed: {{ error instanceof Error ? error.message : String(error) }}\n    \u003C\u002Fp>\n    \u003Cdiv v-else v-html=\"svg\" \u002F>\n  \u003C\u002Fsection>\n\u003C\u002Ftemplate>\n","vue",[109,336,337,343,368,382,396,402,420,432,449,455,460,482,503,522,560,565,585,593,618,650,656,665,676,681,689,700,705,710,720,725,735,754,782,807,813,823,848,858],{"__ignoreMap":134},[138,338,339],{"class":140,"line":141},[138,340,342],{"class":341},"s-wDw","\u003C!-- components\u002FCustomMermaid.vue -->\n",[138,344,345,348,352,356,359,362,365],{"class":140,"line":159},[138,346,347],{"class":162},"\u003C",[138,349,351],{"class":350},"sx1sP","script",[138,353,355],{"class":354},"sHg5J"," setup",[138,357,358],{"class":354}," lang",[138,360,361],{"class":162},"=",[138,363,364],{"class":178},"\"ts\"",[138,366,367],{"class":162},">\n",[138,369,370,373,376,379],{"class":140,"line":166},[138,371,372],{"class":144},"import",[138,374,375],{"class":162}," { onMounted, ref, shallowRef, useId } ",[138,377,378],{"class":144},"from",[138,380,381],{"class":178}," 'vue'\n",[138,383,384,386,389,392,394],{"class":140,"line":172},[138,385,372],{"class":144},[138,387,388],{"class":144}," type",[138,390,391],{"class":162}," { Component } ",[138,393,378],{"class":144},[138,395,381],{"class":178},[138,397,398],{"class":140,"line":185},[138,399,401],{"emptyLinePlaceholder":400},true,"\n",[138,403,404,407,411,414,417],{"class":140,"line":196},[138,405,406],{"class":144},"const",[138,408,410],{"class":409},"sP0c6"," props",[138,412,413],{"class":144}," =",[138,415,416],{"class":151}," defineProps",[138,418,419],{"class":162},"\u003C{\n",[138,421,422,426,429],{"class":140,"line":202},[138,423,425],{"class":424},"sa561","  code",[138,427,428],{"class":144},"?:",[138,430,431],{"class":409}," string\n",[138,433,434,437,440,444,447],{"class":140,"line":210},[138,435,436],{"class":424},"  spinner",[138,438,439],{"class":144},":",[138,441,443],{"class":442},"sMTad"," Component",[138,445,446],{"class":144}," |",[138,448,431],{"class":409},[138,450,452],{"class":140,"line":451},9,[138,453,454],{"class":162},"}>()\n",[138,456,458],{"class":140,"line":457},10,[138,459,401],{"emptyLinePlaceholder":400},[138,461,463,465,468,470,473,476,479],{"class":140,"line":462},11,[138,464,406],{"class":144},[138,466,467],{"class":409}," loading",[138,469,413],{"class":144},[138,471,472],{"class":151}," ref",[138,474,475],{"class":162},"(",[138,477,478],{"class":409},"true",[138,480,481],{"class":162},")\n",[138,483,485,487,490,492,495,497,500],{"class":140,"line":484},12,[138,486,406],{"class":144},[138,488,489],{"class":409}," error",[138,491,413],{"class":144},[138,493,494],{"class":151}," shallowRef",[138,496,347],{"class":162},[138,498,499],{"class":409},"unknown",[138,501,502],{"class":162},">()\n",[138,504,506,508,511,513,515,517,520],{"class":140,"line":505},13,[138,507,406],{"class":144},[138,509,510],{"class":409}," svg",[138,512,413],{"class":144},[138,514,472],{"class":151},[138,516,475],{"class":162},[138,518,519],{"class":178},"''",[138,521,481],{"class":162},[138,523,525,527,530,532,535,538,541,544,546,549,552,554,557],{"class":140,"line":524},14,[138,526,406],{"class":144},[138,528,529],{"class":409}," renderId",[138,531,413],{"class":144},[138,533,534],{"class":178}," `custom-mermaid-${",[138,536,537],{"class":151},"useId",[138,539,540],{"class":178},"().",[138,542,543],{"class":151},"replaceAll",[138,545,475],{"class":178},[138,547,548],{"class":178},"':'",[138,550,551],{"class":178},", ",[138,553,519],{"class":178},[138,555,556],{"class":178},")",[138,558,559],{"class":178},"}`\n",[138,561,563],{"class":140,"line":562},15,[138,564,401],{"emptyLinePlaceholder":400},[138,566,568,571,573,576,579,582],{"class":140,"line":567},16,[138,569,570],{"class":151},"onMounted",[138,572,475],{"class":162},[138,574,575],{"class":144},"async",[138,577,578],{"class":162}," () ",[138,580,581],{"class":144},"=>",[138,583,584],{"class":162}," {\n",[138,586,588,591],{"class":140,"line":587},17,[138,589,590],{"class":144},"  try",[138,592,584],{"class":162},[138,594,596,599,602,604,607,610,612,615],{"class":140,"line":595},18,[138,597,598],{"class":144},"    const",[138,600,601],{"class":409}," mermaid",[138,603,413],{"class":144},[138,605,606],{"class":144}," await",[138,608,609],{"class":151}," useNuxtApp",[138,611,540],{"class":162},[138,613,614],{"class":151},"$mermaid",[138,616,617],{"class":162},"()\n",[138,619,621,624,626,629,632,635,638,641,644,647],{"class":140,"line":620},19,[138,622,623],{"class":162},"    svg.value ",[138,625,361],{"class":144},[138,627,628],{"class":162}," (",[138,630,631],{"class":144},"await",[138,633,634],{"class":162}," mermaid.",[138,636,637],{"class":151},"render",[138,639,640],{"class":162},"(renderId, props.code ",[138,642,643],{"class":144},"??",[138,645,646],{"class":178}," ''",[138,648,649],{"class":162},")).svg\n",[138,651,653],{"class":140,"line":652},20,[138,654,655],{"class":162},"  }\n",[138,657,659,662],{"class":140,"line":658},21,[138,660,661],{"class":144},"  catch",[138,663,664],{"class":162}," (cause) {\n",[138,666,668,671,673],{"class":140,"line":667},22,[138,669,670],{"class":162},"    error.value ",[138,672,361],{"class":144},[138,674,675],{"class":162}," cause\n",[138,677,679],{"class":140,"line":678},23,[138,680,655],{"class":162},[138,682,684,687],{"class":140,"line":683},24,[138,685,686],{"class":144},"  finally",[138,688,584],{"class":162},[138,690,692,695,697],{"class":140,"line":691},25,[138,693,694],{"class":162},"    loading.value ",[138,696,361],{"class":144},[138,698,699],{"class":409}," false\n",[138,701,703],{"class":140,"line":702},26,[138,704,655],{"class":162},[138,706,708],{"class":140,"line":707},27,[138,709,213],{"class":162},[138,711,713,716,718],{"class":140,"line":712},28,[138,714,715],{"class":162},"\u003C\u002F",[138,717,351],{"class":350},[138,719,367],{"class":162},[138,721,723],{"class":140,"line":722},29,[138,724,401],{"emptyLinePlaceholder":400},[138,726,728,730,733],{"class":140,"line":727},30,[138,729,347],{"class":162},[138,731,732],{"class":350},"template",[138,734,367],{"class":162},[138,736,738,741,744,747,749,752],{"class":140,"line":737},31,[138,739,740],{"class":162},"  \u003C",[138,742,743],{"class":350},"section",[138,745,746],{"class":354}," class",[138,748,361],{"class":162},[138,750,751],{"class":178},"\"custom-mermaid\"",[138,753,367],{"class":162},[138,755,757,760,763,766,768,771,774,776,779],{"class":140,"line":756},32,[138,758,759],{"class":162},"    \u003C",[138,761,762],{"class":350},"component",[138,764,765],{"class":354}," :is",[138,767,361],{"class":162},[138,769,770],{"class":178},"\"props.spinner\"",[138,772,773],{"class":354}," v-if",[138,775,361],{"class":162},[138,777,778],{"class":178},"\"loading\"",[138,780,781],{"class":162}," \u002F>\n",[138,783,785,787,789,792,794,797,800,802,805],{"class":140,"line":784},33,[138,786,759],{"class":162},[138,788,101],{"class":350},[138,790,791],{"class":354}," v-else-if",[138,793,361],{"class":162},[138,795,796],{"class":178},"\"error\"",[138,798,799],{"class":354}," role",[138,801,361],{"class":162},[138,803,804],{"class":178},"\"alert\"",[138,806,367],{"class":162},[138,808,810],{"class":140,"line":809},34,[138,811,812],{"class":162},"      Diagram failed: {{ error instanceof Error ? error.message : String(error) }}\n",[138,814,816,819,821],{"class":140,"line":815},35,[138,817,818],{"class":162},"    \u003C\u002F",[138,820,101],{"class":350},[138,822,367],{"class":162},[138,824,826,828,831,834,837,839,842,846],{"class":140,"line":825},36,[138,827,759],{"class":162},[138,829,830],{"class":350},"div",[138,832,833],{"class":354}," v-else",[138,835,836],{"class":354}," v-html",[138,838,361],{"class":162},[138,840,841],{"class":178},"\"svg\"",[138,843,845],{"class":844},"sxVmR"," \u002F",[138,847,367],{"class":162},[138,849,851,854,856],{"class":140,"line":850},37,[138,852,853],{"class":162},"  \u003C\u002F",[138,855,743],{"class":350},[138,857,367],{"class":162},[138,859,861,863,865],{"class":140,"line":860},38,[138,862,715],{"class":162},[138,864,732],{"class":350},[138,866,367],{"class":162},[101,868,869],{},"此範例刻意自行擁有失敗呈現。若自訂渲染器需要主題變更或 Mermaid 設定，請提供並回應自己的應用程式層級狀態，而不要期待內建渲染器的屬性（props）。",[114,871,872],{"id":872},"改為包裝內建渲染器",[101,874,875,876,878,879,881],{},"不要把這個外層元件（wrapper）設為 ",[109,877,122],{},"。",[105,880],{},"\n它是一般的應用程式元件：在加入呈現外觀時，仍保留內建的設定、互動、載入與錯誤行為：",[129,883,885],{"className":332,"code":884,"language":334,"meta":134,"style":134},"\u003C!-- components\u002FDiagramCard.vue -->\n\u003Cscript setup lang=\"ts\">\nconst props = defineProps\u003C{\n  title: string\n  source: string\n}>()\n\nconst encodedSource = computed(() => encodeURIComponent(props.source))\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Csection class=\"diagram-card\">\n    \u003Ch2>{{ title }}\u003C\u002Fh2>\n    \u003CMermaid :code=\"encodedSource\">\n      \u003Ctemplate #loading>\n        \u003Cp aria-live=\"polite\">正在渲染圖表…\u003C\u002Fp>\n      \u003C\u002Ftemplate>\n      \u003Ctemplate #error=\"{ error, source }\">\n        \u003Cp role=\"alert\">\n          Render failed: {{ error instanceof Error ? error.message : String(error) }}\n        \u003C\u002Fp>\n        \u003Cdetails>\n          \u003Csummary>顯示 Mermaid 原始碼\u003C\u002Fsummary>\n          \u003Cpre>\u003Ccode>{{ source }}\u003C\u002Fcode>\u003C\u002Fpre>\n        \u003C\u002Fdetails>\n      \u003C\u002Ftemplate>\n    \u003C\u002FMermaid>\n  \u003C\u002Fsection>\n\u003C\u002Ftemplate>\n",[109,886,887,892,908,920,929,938,942,946,969,977,981,989,1004,1017,1042,1057,1079,1088,1110,1124,1129,1138,1147,1162,1185,1193,1201,1209,1217],{"__ignoreMap":134},[138,888,889],{"class":140,"line":141},[138,890,891],{"class":341},"\u003C!-- components\u002FDiagramCard.vue -->\n",[138,893,894,896,898,900,902,904,906],{"class":140,"line":159},[138,895,347],{"class":162},[138,897,351],{"class":350},[138,899,355],{"class":354},[138,901,358],{"class":354},[138,903,361],{"class":162},[138,905,364],{"class":178},[138,907,367],{"class":162},[138,909,910,912,914,916,918],{"class":140,"line":166},[138,911,406],{"class":144},[138,913,410],{"class":409},[138,915,413],{"class":144},[138,917,416],{"class":151},[138,919,419],{"class":162},[138,921,922,925,927],{"class":140,"line":172},[138,923,924],{"class":424},"  title",[138,926,439],{"class":144},[138,928,431],{"class":409},[138,930,931,934,936],{"class":140,"line":185},[138,932,933],{"class":424},"  source",[138,935,439],{"class":144},[138,937,431],{"class":409},[138,939,940],{"class":140,"line":196},[138,941,454],{"class":162},[138,943,944],{"class":140,"line":202},[138,945,401],{"emptyLinePlaceholder":400},[138,947,948,950,953,955,958,961,963,966],{"class":140,"line":210},[138,949,406],{"class":144},[138,951,952],{"class":409}," encodedSource",[138,954,413],{"class":144},[138,956,957],{"class":151}," computed",[138,959,960],{"class":162},"(() ",[138,962,581],{"class":144},[138,964,965],{"class":151}," encodeURIComponent",[138,967,968],{"class":162},"(props.source))\n",[138,970,971,973,975],{"class":140,"line":451},[138,972,715],{"class":162},[138,974,351],{"class":350},[138,976,367],{"class":162},[138,978,979],{"class":140,"line":457},[138,980,401],{"emptyLinePlaceholder":400},[138,982,983,985,987],{"class":140,"line":462},[138,984,347],{"class":162},[138,986,732],{"class":350},[138,988,367],{"class":162},[138,990,991,993,995,997,999,1002],{"class":140,"line":484},[138,992,740],{"class":162},[138,994,743],{"class":350},[138,996,746],{"class":354},[138,998,361],{"class":162},[138,1000,1001],{"class":178},"\"diagram-card\"",[138,1003,367],{"class":162},[138,1005,1006,1008,1010,1013,1015],{"class":140,"line":505},[138,1007,759],{"class":162},[138,1009,114],{"class":350},[138,1011,1012],{"class":162},">{{ title }}\u003C\u002F",[138,1014,114],{"class":350},[138,1016,367],{"class":162},[138,1018,1019,1021,1024,1027,1029,1031,1035,1038,1040],{"class":140,"line":524},[138,1020,759],{"class":162},[138,1022,1023],{"class":350},"Mermaid",[138,1025,1026],{"class":162}," :",[138,1028,109],{"class":354},[138,1030,361],{"class":162},[138,1032,1034],{"class":1033},"sXKb-","\"",[138,1036,1037],{"class":162},"encodedSource",[138,1039,1034],{"class":1033},[138,1041,367],{"class":162},[138,1043,1044,1047,1049,1052,1055],{"class":140,"line":562},[138,1045,1046],{"class":162},"      \u003C",[138,1048,732],{"class":350},[138,1050,1051],{"class":162}," #",[138,1053,1054],{"class":354},"loading",[138,1056,367],{"class":162},[138,1058,1059,1062,1064,1067,1069,1072,1075,1077],{"class":140,"line":567},[138,1060,1061],{"class":162},"        \u003C",[138,1063,101],{"class":350},[138,1065,1066],{"class":354}," aria-live",[138,1068,361],{"class":162},[138,1070,1071],{"class":178},"\"polite\"",[138,1073,1074],{"class":162},">正在渲染圖表…\u003C\u002F",[138,1076,101],{"class":350},[138,1078,367],{"class":162},[138,1080,1081,1084,1086],{"class":140,"line":587},[138,1082,1083],{"class":162},"      \u003C\u002F",[138,1085,732],{"class":350},[138,1087,367],{"class":162},[138,1089,1090,1092,1094,1096,1099,1101,1103,1106,1108],{"class":140,"line":595},[138,1091,1046],{"class":162},[138,1093,732],{"class":350},[138,1095,1051],{"class":162},[138,1097,1098],{"class":354},"error",[138,1100,361],{"class":162},[138,1102,1034],{"class":1033},[138,1104,1105],{"class":162},"{ error, source }",[138,1107,1034],{"class":1033},[138,1109,367],{"class":162},[138,1111,1112,1114,1116,1118,1120,1122],{"class":140,"line":620},[138,1113,1061],{"class":162},[138,1115,101],{"class":350},[138,1117,799],{"class":354},[138,1119,361],{"class":162},[138,1121,804],{"class":178},[138,1123,367],{"class":162},[138,1125,1126],{"class":140,"line":652},[138,1127,1128],{"class":162},"          Render failed: {{ error instanceof Error ? error.message : String(error) }}\n",[138,1130,1131,1134,1136],{"class":140,"line":658},[138,1132,1133],{"class":162},"        \u003C\u002F",[138,1135,101],{"class":350},[138,1137,367],{"class":162},[138,1139,1140,1142,1145],{"class":140,"line":667},[138,1141,1061],{"class":162},[138,1143,1144],{"class":350},"details",[138,1146,367],{"class":162},[138,1148,1149,1152,1155,1158,1160],{"class":140,"line":678},[138,1150,1151],{"class":162},"          \u003C",[138,1153,1154],{"class":350},"summary",[138,1156,1157],{"class":162},">顯示 Mermaid 原始碼\u003C\u002F",[138,1159,1154],{"class":350},[138,1161,367],{"class":162},[138,1163,1164,1166,1168,1171,1173,1176,1178,1181,1183],{"class":140,"line":683},[138,1165,1151],{"class":162},[138,1167,129],{"class":350},[138,1169,1170],{"class":162},">\u003C",[138,1172,109],{"class":350},[138,1174,1175],{"class":162},">{{ source }}\u003C\u002F",[138,1177,109],{"class":350},[138,1179,1180],{"class":162},">\u003C\u002F",[138,1182,129],{"class":350},[138,1184,367],{"class":162},[138,1186,1187,1189,1191],{"class":140,"line":691},[138,1188,1133],{"class":162},[138,1190,1144],{"class":350},[138,1192,367],{"class":162},[138,1194,1195,1197,1199],{"class":140,"line":702},[138,1196,1083],{"class":162},[138,1198,732],{"class":350},[138,1200,367],{"class":162},[138,1202,1203,1205,1207],{"class":140,"line":707},[138,1204,818],{"class":162},[138,1206,1023],{"class":350},[138,1208,367],{"class":162},[138,1210,1211,1213,1215],{"class":140,"line":712},[138,1212,853],{"class":162},[138,1214,743],{"class":350},[138,1216,367],{"class":162},[138,1218,1219,1221,1223],{"class":140,"line":722},[138,1220,715],{"class":162},[138,1222,732],{"class":350},[138,1224,367],{"class":162},[101,1226,1227,1228,878,1231,1233,1234,1237,1238,1241,1242,1244,1245,1247,1248,1251],{},"若 Nuxt 設定未自動匯入 Vue 工具函式，請加入 ",[109,1229,1230],{},"import { computed } from 'vue'",[105,1232],{},"\n內建渲染器接受預設插槽作為原始碼備援內容、",[109,1235,1236],{},"#loading"," 作為初始載入狀態，以及 ",[109,1239,1240],{},"#error=\"{ error, source }\""," 作為 Mermaid 渲染失敗。或者可由 ",[109,1243,328],{}," 提供全域內建錯誤元件，並接收 ",[109,1246,1098],{}," 與 ",[109,1249,1250],{},"source","；自訂渲染器不會使用它。",[114,1253,1254],{"id":1254},"避免遞迴渲染器選擇",[101,1256,1257,1258,1260,1261,1263,1264,1266,1267,1270],{},"絕對不要在設定為 ",[109,1259,122],{}," 的元件中渲染 ",[109,1262,111],{},"。巢狀元件會重複選擇候選項，可能無限遞迴。",[105,1265],{},"\n請改為呼叫 ",[109,1268,1269],{},"useNuxtApp().$mermaid()","、另一個渲染器，或獨立的較低層實作。只有未被設定為自訂渲染器的外層元件才是安全的。",[1272,1273,1274],"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 .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);}html pre.shiki code .s-wDw, html code.shiki .s-wDw{--shiki-default:#6A737D;--shiki-dark:#BDC4CC}html pre.shiki code .sx1sP, html code.shiki .sx1sP{--shiki-default:#22863A;--shiki-dark:#72F088}html pre.shiki code .sHg5J, html code.shiki .sHg5J{--shiki-default:#6F42C1;--shiki-dark:#91CBFF}html pre.shiki code .sP0c6, html code.shiki .sP0c6{--shiki-default:#005CC5;--shiki-dark:#91CBFF}html pre.shiki code .sa561, html code.shiki .sa561{--shiki-default:#E36209;--shiki-dark:#FFB757}html pre.shiki code .sMTad, html code.shiki .sMTad{--shiki-default:#6F42C1;--shiki-dark:#FFB757}html pre.shiki code .sxVmR, html code.shiki .sxVmR{--shiki-default:#B31D28;--shiki-default-font-style:italic;--shiki-dark:#FFB1AF;--shiki-dark-font-style:italic}html pre.shiki code .sXKb-, html code.shiki .sXKb-{--shiki-default:#032F62;--shiki-dark:#F0F3F6}",{"title":134,"searchDepth":159,"depth":159,"links":1276},[1277,1278,1279,1280],{"id":116,"depth":159,"text":116},{"id":290,"depth":159,"text":290},{"id":872,"depth":159,"text":872},{"id":1254,"depth":159,"text":1254},null,"取代內建渲染器，或包裝它並維持清楚的渲染所有權。","md",{},{"title":73,"description":1282},"HuvnAyzNhqET1MO_TP5u3YnIghAggGiRALlLrpsG27g",[1288],{"title":48,"path":49,"stem":50,"children":1289,"page":33},[1290,1292,1294,1296,1304,1306],{"title":53,"path":54,"stem":55,"children":1291},[],{"title":57,"path":58,"stem":59,"children":1293},[],{"title":61,"path":62,"stem":63,"children":1295},[],{"title":17,"path":65,"stem":66,"children":1297,"page":33},[1298,1300,1302],{"title":69,"path":70,"stem":71,"children":1299},[],{"title":73,"path":74,"stem":75,"children":1301},[],{"title":77,"path":78,"stem":79,"children":1303},[],{"title":81,"path":82,"stem":83,"children":1305},[],{"title":39,"path":85,"stem":86,"children":1307,"page":33},[1308],{"title":89,"path":90,"stem":91,"children":1309},[],1787059980833]