init...

themes/butterfly/layout/includes/third-party/abcjs/abcjs.pug

@@ -0,0 +1,15 @@
+script.
+  (() => {
+    const abcjsInit = () => {
+      const abcjsFn = () => {
+        document.querySelectorAll(".abc-music-sheet").forEach(ele => {
+          ABCJS.renderAbc(ele, ele.innerHTML, {responsive: 'resize'})
+        })
+      }
+      
+      typeof ABCJS === 'object' ? abcjsFn()
+        : getScript('!{url_for(theme.asset.abcjs_basic_js)}').then(abcjsFn)
+    }
+
+    window.pjax ? abcjsInit() : window.addEventListener('load', abcjsInit)
+  })()

themes/butterfly/layout/includes/third-party/abcjs/index.pug

@@ -0,0 +1,6 @@
+if theme.abcjs && theme.abcjs.enable
+  if theme.abcjs.per_page
+    if is_post() || is_page()
+      include ./abcjs.pug
+  else if page.abcjs
+    include ./abcjs.pug