@berlysia/vertical-writing-slide-system 0.0.26 → 0.0.28

package/package.json

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

package/src/index.css

@@ -57,6 +57,16 @@ code {
     max-block-size: 100%;
     max-inline-size: 100%;
     overflow: hidden;
+    block-size: 100%;
+    inline-size: 100%;
+  }
+
+  .header-and-content > *:not(:first-child) {
+    flex: 1;
+    @container style(--slide-writing-mode: horizontal-tb) or style(--slide-writing-mode: unset) {
+      min-block-size: 0;
+      overflow-block: auto;
+    }
   }
 
   h1 {

package/src/remark-slide-images.ts

@@ -44,7 +44,7 @@ const remarkSlideImages: Plugin<[RemarkSlideImagesOptions], Root> = (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const htmlNode = node as any;
         const value = htmlNode.value as string;
-        if (value.startsWith("<img")) {
+        if (value.includes("<img")) {
           htmlNode.value = value.replace(
             /<img\s+([^>]*src="(@slide\/[^"]+)"[^>]*)>/g,
             (_, attributes, src) => {

package/src/vite-plugin-slides.ts

@@ -423,7 +423,7 @@ export default async function slidesPlugin(
 
         // Return as a module with CSS injection
         return `
-            ${slideComponentsFilenames.map((filename) => `import * as ${filenameToComponentName(filename)} from '@components/${filename}';`).join("\n")}
+            ${slideComponentsFilenames.map((filename) => `import * as ${filenameToComponentName(filename)} from '${slideComponentsDir}/${filename}';`).join("\n")}
 
             const SlideComponents = {${slideComponentsFilenames.map((filename) => `...${filenameToComponentName(filename)}`).join(", ")}};