vibe-design-system 2.4.8 → 2.4.10

package/bin/init.js

@@ -36,12 +36,17 @@ export default config;
 `;
 
 const STORYBOOK_PREVIEW_TS = `import type { Preview } from "@storybook/react";
+import React from "react";
+import { MemoryRouter } from "react-router-dom";
 import "../src/index.css";
 
 const preview: Preview = {
   parameters: {
-    layout: "centered",
+    layout: "fullscreen",
   },
+  decorators: [
+    (Story) => React.createElement(MemoryRouter, null, React.createElement(Story, null)),
+  ],
 };
 
 export default preview;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibe-design-system",
-  "version": "2.4.8",
+  "version": "2.4.10",
   "description": "Auto-generate design systems for vibe coding projects",
   "type": "module",
   "bin": {

package/vds-core-template/story-generator.mjs

@@ -534,7 +534,12 @@ function buildRecipeStoryContent(comp, componentName, importPath, title, source,
 function buildStoryFileContent(comp) {
   const componentName = toSafeComponentName(comp.name, comp.file);
   const fileNoExt = comp.file.replace(/\.(tsx|jsx)$/, "");
-  const importPath = `@/components/${fileNoExt}`;
+  let importPath = "";
+  if (fileNoExt.startsWith("pages/")) {
+    importPath = "@/" + fileNoExt;
+  } else {
+    importPath = "@/components/" + fileNoExt;
+  }
   const group = comp.group || "Components";
   const category = comp.category || null;
   const titleParts = [group, category, componentName].filter(Boolean);
@@ -908,7 +913,6 @@ function main() {
   }
 
   for (const comp of components) {
-    if (comp.file && comp.file.startsWith("pages/")) continue;
     const componentName = toSafeComponentName(comp.name, comp.file);
     if (onlyName && componentName !== onlyName) continue;
     if (SKIP_LIST.includes(componentName)) continue;