[{"data":1,"prerenderedAt":347},["ShallowReactive",2],{"mobile-docs-navigation":3,"docs-page:\u002Fzh\u002Fgetting-started":59,"docs-navigation:zh":332},[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":36,"body":61,"description":328,"extension":220,"meta":329,"navigation":233,"path":37,"seo":330,"stem":38,"__hash__":331},"docs\u002Fzh\u002F2.getting-started.md",{"type":62,"value":63,"toc":320},"minimark",[64,67,71,75,98,101,104,132,143,146,153,199,206,209,216,270,276,279,282,294,297,316],[65,66,36],"h1",{"id":36},[68,69,70],"h2",{"id":70},"事前準備",[72,73,74],"p",{},"請在符合以下條件的 Nuxt Content 應用程式中使用此套件：",[76,77,78,86,92],"ul",{},[79,80,81,82],"li",{},"Node.js ",[83,84,85],"code",{},">=22.19.0",[79,87,88,89],{},"Nuxt ",[83,90,91],{},"^4.1.0",[79,93,94,95],{},"Nuxt Content ",[83,96,97],{},">=3.5.0 \u003C4.0.0",[68,99,100],{"id":100},"安裝",[72,102,103],{},"安裝模組與 Nuxt Content：",[105,106,111],"pre",{"className":107,"code":108,"language":109,"meta":110,"style":110},"language-bash shiki shiki-themes github-light github-dark-high-contrast","pnpm add @barzhsieh\u002Fnuxt-content-mermaid @nuxt\u002Fcontent\n","bash","",[83,112,113],{"__ignoreMap":110},[114,115,118,122,126,129],"span",{"class":116,"line":117},"line",1,[114,119,121],{"class":120},"sMTad","pnpm",[114,123,125],{"class":124},"srMev"," add",[114,127,128],{"class":124}," @barzhsieh\u002Fnuxt-content-mermaid",[114,130,131],{"class":124}," @nuxt\u002Fcontent\n",[72,133,134,135,142],{},"模組已內含 Mermaid，因此不需要另外安裝。\n已發布的版本與套件 metadata 可在 ",[136,137,141],"a",{"href":138,"rel":139},"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@barzhsieh\u002Fnuxt-content-mermaid",[140],"nofollow","npm"," 查看。",[68,144,145],{"id":145},"啟用模組",[72,147,148,149,152],{},"將模組加入 ",[83,150,151],{},"nuxt.config.ts","：",[105,154,158],{"className":155,"code":156,"language":157,"meta":110,"style":110},"language-ts shiki shiki-themes github-light github-dark-high-contrast","export default defineNuxtConfig({\n  modules: ['@barzhsieh\u002Fnuxt-content-mermaid'],\n})\n","ts",[83,159,160,177,193],{"__ignoreMap":110},[114,161,162,166,169,173],{"class":116,"line":117},[114,163,165],{"class":164},"s-kum","export",[114,167,168],{"class":164}," default",[114,170,172],{"class":171},"s_Opv"," defineNuxtConfig",[114,174,176],{"class":175},"sjV9Q","({\n",[114,178,180,184,187,190],{"class":116,"line":179},2,[114,181,183],{"class":182},"skGVy","  modules: [",[114,185,186],{"class":124},"'@barzhsieh\u002Fnuxt-content-mermaid'",[114,188,189],{"class":182},"]",[114,191,192],{"class":175},",\n",[114,194,196],{"class":116,"line":195},3,[114,197,198],{"class":175},"})\n",[72,200,201,202,205],{},"如果應用程式已經列出 ",[83,203,204],{},"@nuxt\u002Fcontent","，可以將它保留在模組清單中。",[68,207,208],{"id":208},"新增第一個圖表",[72,210,211,212,215],{},"在 Content 來源的 Markdown 檔案中新增 ",[83,213,214],{},"mermaid"," 程式碼圍欄：",[105,217,221],{"className":218,"code":219,"language":220,"meta":110,"style":110},"language-md shiki shiki-themes github-light github-dark-high-contrast","# 第一個圖表\n\n```mermaid\nflowchart LR\n  Markdown --> Content\n  Content --> Mermaid\n  Mermaid --> Rendered\n```\n","md",[83,222,223,229,235,240,246,252,258,264],{"__ignoreMap":110},[114,224,225],{"class":116,"line":117},[114,226,228],{"class":227},"sg8bY","# 第一個圖表\n",[114,230,231],{"class":116,"line":179},[114,232,234],{"emptyLinePlaceholder":233},true,"\n",[114,236,237],{"class":116,"line":195},[114,238,239],{"class":182},"```mermaid\n",[114,241,243],{"class":116,"line":242},4,[114,244,245],{"class":182},"flowchart LR\n",[114,247,249],{"class":116,"line":248},5,[114,250,251],{"class":182},"  Markdown --> Content\n",[114,253,255],{"class":116,"line":254},6,[114,256,257],{"class":182},"  Content --> Mermaid\n",[114,259,261],{"class":116,"line":260},7,[114,262,263],{"class":182},"  Mermaid --> Rendered\n",[114,265,267],{"class":116,"line":266},8,[114,268,269],{"class":182},"```\n",[72,271,272,273,275],{},"圍欄的語言標記必須是 ",[83,274,214],{},"。模組會在 Content 建置期間轉換此區塊，並在瀏覽器中渲染圖表。",[68,277,278],{"id":278},"執行應用程式",[72,280,281],{},"啟動 Nuxt，並開啟該 Markdown 檔案對應的路由：",[105,283,285],{"className":107,"code":284,"language":109,"meta":110,"style":110},"pnpm dev\n",[83,286,287],{"__ignoreMap":110},[114,288,289,291],{"class":116,"line":117},[114,290,121],{"class":120},[114,292,293],{"class":124}," dev\n",[68,295,296],{"id":296},"下一步",[76,298,299,305,310],{},[79,300,301,302,304],{},"在",[136,303,40],{"href":41},"中了解支援的撰寫方式。",[79,306,301,307,309],{},[136,308,44],{"href":45},"中設定專案預設值。",[79,311,312,313,315],{},"如果圖表沒有渲染，請參考",[136,314,48],{"href":49},"。",[317,318,319],"style",{},"html pre.shiki code .sMTad, html code.shiki .sMTad{--shiki-default:#6F42C1;--shiki-dark:#FFB757}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-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 .sg8bY, html code.shiki .sg8bY{--shiki-default:#005CC5;--shiki-default-font-weight:bold;--shiki-dark:#91CBFF;--shiki-dark-font-weight:bold}",{"title":110,"searchDepth":179,"depth":179,"links":321},[322,323,324,325,326,327],{"id":70,"depth":179,"text":70},{"id":100,"depth":179,"text":100},{"id":145,"depth":179,"text":145},{"id":208,"depth":179,"text":208},{"id":278,"depth":179,"text":278},{"id":296,"depth":179,"text":296},"安裝 Nuxt Content Mermaid 並渲染你的第一個圖表。",{},{"title":36,"description":328},"gVycsZ2Nx-wK07M4s1oUw2gAXHWQnMP5dtJ_qz7AX70",[333],{"title":31,"path":32,"stem":33,"children":334,"page":29},[335,337,339,341,343],{"title":36,"path":37,"stem":38,"children":336},[],{"title":40,"path":41,"stem":42,"children":338},[],{"title":44,"path":45,"stem":46,"children":340},[],{"title":48,"path":49,"stem":50,"children":342},[],{"title":21,"path":52,"stem":53,"children":344,"page":29},[345],{"title":56,"path":57,"stem":58,"children":346},[],1786997380389]