diff --git a/playground/index.html b/playground/index.html
index 7a31cf18..a9787dec 100644
--- a/playground/index.html
+++ b/playground/index.html
@@ -355,37 +355,128 @@
Misc
-
+
+
+
diff --git a/playground/plugins/shiki-highlighter.js b/playground/plugins/shiki-highlighter.js
index 583943d8..e762620f 100644
--- a/playground/plugins/shiki-highlighter.js
+++ b/playground/plugins/shiki-highlighter.js
@@ -23,146 +23,243 @@ async function ShikiHighlight(opts = {}) {
* @returns {string}
*/
transformIndexHtml(html) {
-
let htmlString = html;
+ htmlString = shikiHighlightBlock(html, shiki);
+ htmlString = createCustomBlock(htmlString);
+ return htmlString;
+ }
+ };
+}
+
+/**
+ * @param {string} html
+ * @param {import('shiki-es').Highlighter} shiki
+ */
+function shikiHighlightBlock(html, shiki) {
- const codeBlocks = html.matchAll(//gs);
+ let htmlString = html;
+ const codeBlocks = html.matchAll(//gs);
+
+ for(const block of codeBlocks) {
+
+ /**
+ * @type {string}
+ */
+ const blockString = block[0];
+ const split = blockString.split('\n');
+
+ if(split.length < 1)
+ continue;
+
+ /**
+ * All attributes (everything after "