fix(create-rslib): compatible with Storybook 10 (#1310)

Author: fi3ework

packages/create-rslib/fragments/tools/storybook-react-js/.storybook/main.js

@@ -1,5 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
+
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.

packages/create-rslib/fragments/tools/storybook-react-ts/.storybook/main.ts

@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-react-rsbuild';
 
 /**

packages/create-rslib/fragments/tools/storybook-vue-js/.storybook/main.js

@@ -1,5 +1,7 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.

packages/create-rslib/fragments/tools/storybook-vue-ts/.storybook/main.ts

@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-vue3-rsbuild';
 
 /**

packages/create-rslib/template-[react]-[rstest,storybook]-js/.storybook/main.js

@@ -1,5 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
+
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.

packages/create-rslib/template-[react]-[rstest,storybook]-ts/.storybook/main.ts

@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-react-rsbuild';
 
 /**

packages/create-rslib/template-[react]-[storybook,vitest]-js/.storybook/main.js

@@ -1,5 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
+
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.

packages/create-rslib/template-[react]-[storybook,vitest]-ts/.storybook/main.ts

@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-react-rsbuild';
 
 /**

packages/create-rslib/template-[react]-[storybook]-js/.storybook/main.js

@@ -1,5 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
+
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.

packages/create-rslib/template-[react]-[storybook]-ts/.storybook/main.ts

@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-react-rsbuild';
 
 /**