Add site syntax highlighting

2026-06-17 07:39:00 +09:00
parent 0e873fbd51
commit 19c9de1601
5 changed files with 295 additions and 8 deletions
@@ -12,9 +12,12 @@ import ManualLayout from '../layouts/ManualLayout.astro';
    </div>
    <p id="status" class="status">Loading WASM...</p>
    <div class="playground-grid">
-      <label class="pane">
+      <label class="pane input-pane">
        <span>Input</span>
-        <textarea id="source" spellcheck="false"></textarea>
+        <div class="editor-wrap">
+          <pre id="source-highlight" aria-hidden="true"></pre>
+          <textarea id="source" spellcheck="false"></textarea>
+        </div>
      </label>
      <section class="pane output-pane">
        <span>Output</span>
@@ -22,5 +25,7 @@ import ManualLayout from '../layouts/ManualLayout.astro';
      </section>
    </div>
  </section>
-  <script type="module" src="../scripts/playground.js"></script>
+  <script>
+    import '../scripts/playground.js';
+  </script>
 </ManualLayout>