|
|
@ -31,10 +31,11 @@ export default defineComponent({
|
|
|
|
theme: dark.value ? "dark" : "default",
|
|
|
|
theme: dark.value ? "dark" : "default",
|
|
|
|
});
|
|
|
|
});
|
|
|
|
mermaid.default.render(
|
|
|
|
mermaid.default.render(
|
|
|
|
chartID.value,
|
|
|
|
chartID.value!,
|
|
|
|
decodeURI(rawGraph.value),
|
|
|
|
decodeURI(rawGraph.value!)
|
|
|
|
(svgCode, bindFunc) => {
|
|
|
|
).then(
|
|
|
|
html.innerHtml = svgCode;
|
|
|
|
({svg, bindFunctions}) => {
|
|
|
|
|
|
|
|
html.innerHtml = svg;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
);
|
|
|
|
);
|
|
|
|
});
|
|
|
|
});
|
|
|
@ -47,10 +48,11 @@ export default defineComponent({
|
|
|
|
theme: dark.value ? "dark" : "default",
|
|
|
|
theme: dark.value ? "dark" : "default",
|
|
|
|
});
|
|
|
|
});
|
|
|
|
mermaid.default.render(
|
|
|
|
mermaid.default.render(
|
|
|
|
chartID.value,
|
|
|
|
chartID.value!,
|
|
|
|
decodeURI(rawGraph.value),
|
|
|
|
decodeURI(rawGraph.value!)
|
|
|
|
(svgCode, bindFunc) => {
|
|
|
|
).then(
|
|
|
|
html.innerHtml = svgCode;
|
|
|
|
({svg, bindFunctions}) => {
|
|
|
|
|
|
|
|
html.innerHtml = svg;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
);
|
|
|
|
);
|
|
|
|
});
|
|
|
|
});
|
|
|
|