♻️ Refactor: mermaid shortcode and codeblock render

layouts/_default/_markup/render-codeblock-echarts.html

@@ -1 +1,2 @@
 {{- dict "Options" .Attributes "Inner" .Inner | partial "plugin/echarts.html" -}}
+{{- .Page.Store.Set "hasEcharts" true -}}

layouts/_default/_markup/render-codeblock-mermaid.html

@@ -1,5 +1,2 @@
-<pre class="mermaid">
-  {{- .Inner | safeHTML }}
-</pre>
-<template>{{- .Inner | safeHTML }}</template>
+{{- dict "Options" .Attributes "Inner" .Inner | partial "plugin/mermaid.html" -}}
 {{- .Page.Store.Set "hasMermaid" true -}}

layouts/partials/plugin/echarts.html

@@ -4,4 +4,4 @@
 {{- $attrs := printf `style="width: %v; height: %v;"` $width $height -}}
 <div class="echarts" {{ $attrs | safeHTMLAttr }}></div>
 <template>{{ .Inner | transform.Unmarshal | jsonify }}</template>
-{{- page.Store.Set "hasEcharts" true -}}
+{{- /* EOF */ -}}

layouts/partials/plugin/mermaid.html

@@ -0,0 +1,4 @@
+{{- /* Mermaid support for code fences extended and shortcodes. */ -}}
+<pre class="mermaid">{{ .Inner | safeHTML }}</pre>
+<template>{{ .Inner | safeHTML }}</template>
+{{- /* EOF */ -}}

layouts/shortcodes/echarts.html

@@ -1,3 +1,4 @@
 {{- $options := .Get "width" | default (.Get 0) | dict "width" -}}
 {{- $options = .Get "height" | default (.Get 1) | dict "height" | merge $options -}}
 {{- dict "Options" $options "Inner" .Inner | partial "plugin/echarts.html" -}}
+{{- .Page.Store.Set "hasEcharts" true -}}

layouts/shortcodes/mermaid.html

@@ -1,5 +1,3 @@
-<pre class="mermaid">
-  {{- .Inner | safeHTML }}
-</pre>
-<template>{{- .Inner | safeHTML }}</template>
+{{- $options := dict -}}
+{{- dict "Options" $options "Inner" .Inner | partial "plugin/mermaid.html" -}}
 {{- .Page.Store.Set "hasMermaid" true -}}