How to integrate support for Mermaid rendering?

[bbhxwl]

How to integrate support for Mermaid rendering?
My server rendered the blog in this way

const file = await unified()
        .use(remarkParse)
        .use(remarkGfm) //  待办、删除线、表格…
        .use(rehypeMermaid, {
            // The default strategy is 'inline-svg'
            // strategy: 'img-png'
            // strategy: 'img-svg'
            // strategy: 'inline-svg'
            // strategy: 'pre-mermaid'
        })
        .use(remarkRehype)
        .use(rehypePrettyCode, {
            transformers: [
                transformerCopyButton({
                    visibility: 'always',
                    feedbackDuration: 3_000,
                }),
            ],
        })
        .use(rehypeStringify)
        .process(markdown);