@berlysia/vertical-writing-slide-system 0.0.24 → 0.0.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@berlysia/vertical-writing-slide-system",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "type": "module",
   "bin": {
     "vertical-slides": "./cli.js"

package/src/index.css

@@ -65,6 +65,21 @@ code {
     margin: 0;
     margin-block-end: 0.2em;
   }
+
+  h2 {
+    font-size: 1.2em;
+    font-weight: bold;
+    margin: 0;
+    margin-block-end: 0.2em;
+  }
+
+  h3 {
+    font-size: 1em;
+    font-weight: bold;
+    margin: 0;
+    margin-block-end: 0.2em;
+  }
+
   ul,
   ol {
     list-style-position: outside;

package/src/vite-plugin-slides.ts

@@ -322,7 +322,27 @@ export default async function slidesPlugin(
           // スライド固有のスクリプトを文字列として生成
           const slideScriptsString = JSON.stringify(slideScripts);
 
+          // スライド固有のCSSを文字列として生成
+          const slideStylesString =
+            slideStyles.length > 0
+              ? JSON.stringify(slideStyles.join("\n\n"))
+              : "null";
+
           return `
+            // スライド固有のCSSを注入
+            const slideStyles = ${slideStylesString};
+            if (slideStyles && typeof document !== 'undefined') {
+              const existingStyleElement = document.getElementById('slide-custom-styles');
+              if (existingStyleElement) {
+                existingStyleElement.textContent = slideStyles;
+              } else {
+                const styleElement = document.createElement('style');
+                styleElement.id = 'slide-custom-styles';
+                styleElement.textContent = slideStyles;
+                document.head.appendChild(styleElement);
+              }
+            }
+
             export default ${JSON.stringify(processedSlides.map((p) => p.value))};
             export const slideScripts = ${slideScriptsString};
           `;