@storybook/vue3-vite 9.2.0-alpha.3 → 10.0.0-beta.0

package/README.md

@@ -1,3 +1,5 @@
 # Storybook for Vue and Vite
 
-See [documentation](https://storybook.js.org/docs/get-started/frameworks/vue3-vite?renderer=vue) for installation instructions, usage examples, APIs, and more.
+See [documentation](https://storybook.js.org/docs/get-started/frameworks/vue3-vite?renderer=vue&ref=readme) for installation instructions, usage examples, APIs, and more.
+
+Learn more about Storybook at [storybook.js.org](https://storybook.js.org/?ref=readme).

package/dist/_node-chunks/chunk-LJJ3IO2Q.js

@@ -0,0 +1,33 @@
+import CJS_COMPAT_NODE_URL_bonbf6ys4jm from 'node:url';
+import CJS_COMPAT_NODE_PATH_bonbf6ys4jm from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bonbf6ys4jm from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_bonbf6ys4jm.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bonbf6ys4jm.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bonbf6ys4jm.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  __name
+} from "./chunk-TF3SOP6Y.js";
+
+// src/plugins/vue-template.ts
+async function templateCompilation() {
+  return {
+    name: "storybook:vue-template-compilation",
+    config: /* @__PURE__ */ __name(() => ({
+      resolve: {
+        alias: {
+          vue: "vue/dist/vue.esm-bundler.js"
+        }
+      }
+    }), "config")
+  };
+}
+__name(templateCompilation, "templateCompilation");
+
+export {
+  templateCompilation
+};

package/dist/_node-chunks/chunk-TF3SOP6Y.js

@@ -0,0 +1,17 @@
+import CJS_COMPAT_NODE_URL_bonbf6ys4jm from 'node:url';
+import CJS_COMPAT_NODE_PATH_bonbf6ys4jm from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bonbf6ys4jm from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_bonbf6ys4jm.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bonbf6ys4jm.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bonbf6ys4jm.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+export {
+  __name
+};

package/dist/index.d.ts

@@ -64,4 +64,4 @@ type VueDocgenInfo<T extends VueDocgenPlugin> = T extends 'vue-component-meta' ?
  */
 type VueDocgenInfoEntry<T extends VueDocgenPlugin, TKey extends 'props' | 'events' | 'slots' | 'exposed' | 'expose' = 'props' | 'events' | 'slots' | 'exposed' | 'expose'> = ArrayElement<T extends 'vue-component-meta' ? VueDocgenInfo<'vue-component-meta'>[Exclude<TKey, 'expose'>] : VueDocgenInfo<'vue-docgen-api'>[Exclude<TKey, 'exposed'>]>;
 
-export { FrameworkOptions, StorybookConfig, VueDocgenInfo, VueDocgenInfoEntry, VueDocgenPlugin };
+export type { FrameworkOptions, StorybookConfig, VueDocgenInfo, VueDocgenInfoEntry, VueDocgenPlugin };

package/dist/index.js

@@ -1 +1,2 @@
-"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to},__reExport=(target,mod,secondTarget)=>(__copyProps(target,mod,"default"),secondTarget&&__copyProps(secondTarget,mod,"default"));var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var index_exports={};module.exports=__toCommonJS(index_exports);__reExport(index_exports,require("@storybook/vue3"),module.exports);0&&(module.exports={...require("@storybook/vue3")});
+// src/index.ts
+export * from "@storybook/vue3";

package/dist/node/index.d.ts

@@ -1,9 +1,51 @@
-import { StorybookConfig } from '../index.js';
-import '@storybook/vue3';
-import 'storybook/internal/types';
-import '@storybook/builder-vite';
-import 'vue-component-meta';
-import 'vue-docgen-api';
+import { StorybookConfig as StorybookConfig$1, CompatibleString } from 'storybook/internal/types';
+import { StorybookConfigVite, BuilderOptions } from '@storybook/builder-vite';
+
+type FrameworkName = CompatibleString<'@storybook/vue3-vite'>;
+type BuilderName = CompatibleString<'@storybook/builder-vite'>;
+/** Available docgen plugins for vue. */
+type VueDocgenPlugin = 'vue-docgen-api' | 'vue-component-meta';
+type FrameworkOptions = {
+    builder?: BuilderOptions;
+    /**
+     * Plugin to use for generation docs for component props, events, slots and exposes. Since
+     * Storybook 8, the official vue plugin "vue-component-meta" (Volar) can be used which supports
+     * more complex types, better type docs, support for js(x)/ts(x) components and more.
+     *
+     * "vue-component-meta" will become the new default in the future and "vue-docgen-api" will be
+     * removed.
+     *
+     * @default 'vue-docgen-api'
+     */
+    docgen?: VueDocgenPlugin | {
+        plugin: 'vue-component-meta';
+        /**
+         * Tsconfig filename to use. Should be set if your main `tsconfig.json` includes references
+         * to other tsconfig files like `tsconfig.app.json`. Otherwise docgen might not be generated
+         * correctly (e.g. import aliases are not resolved).
+         *
+         * For further information, see our
+         * [docs](https://storybook.js.org/docs/get-started/vue3-vite#override-the-default-configuration).
+         *
+         * @default 'tsconfig.json'
+         */
+        tsconfig: `tsconfig${string}.json`;
+    };
+};
+type StorybookConfigFramework = {
+    framework: FrameworkName | {
+        name: FrameworkName;
+        options: FrameworkOptions;
+    };
+    core?: StorybookConfig$1['core'] & {
+        builder?: BuilderName | {
+            name: BuilderName;
+            options: BuilderOptions;
+        };
+    };
+};
+/** The interface for Storybook configuration in `main.ts` files. */
+type StorybookConfig = Omit<StorybookConfig$1, keyof StorybookConfigVite | keyof StorybookConfigFramework> & StorybookConfigVite & StorybookConfigFramework;
 
 declare function defineMain(config: StorybookConfig): StorybookConfig;
 

package/dist/node/index.js

@@ -1 +1,23 @@
-"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var node_exports={};__export(node_exports,{defineMain:()=>defineMain});module.exports=__toCommonJS(node_exports);function defineMain(config){return config}0&&(module.exports={defineMain});
+import CJS_COMPAT_NODE_URL_bonbf6ys4jm from 'node:url';
+import CJS_COMPAT_NODE_PATH_bonbf6ys4jm from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bonbf6ys4jm from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_bonbf6ys4jm.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bonbf6ys4jm.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bonbf6ys4jm.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  __name
+} from "../_node-chunks/chunk-TF3SOP6Y.js";
+
+// src/node/index.ts
+function defineMain(config) {
+  return config;
+}
+__name(defineMain, "defineMain");
+export {
+  defineMain
+};

package/dist/preset.js

@@ -1,3 +1,272 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var preset_exports={};__export(preset_exports,{core:()=>core,viteFinal:()=>viteFinal});module.exports=__toCommonJS(preset_exports);var import_node_path2=require("path");var import_promises=require("fs/promises"),import_node_path=require("path"),import_common=require("storybook/internal/common"),import_magic_string=__toESM(require("magic-string")),import_vue_component_meta=require("vue-component-meta"),import_vue_docgen_api=require("vue-docgen-api");async function vueComponentMeta(tsconfigPath="tsconfig.json"){let{createFilter}=await import("vite"),filter=createFilter(/\.(vue|ts|js|tsx|jsx)$/,/\.stories\.(ts|tsx|js|jsx)$|^\0\/virtual:|^\/virtual:|\.storybook\/.*\.(ts|js)$/),checker=await createVueComponentMetaChecker(tsconfigPath);return{name:"storybook:vue-component-meta-plugin",async transform(src,id){if(filter(id))try{let exportNames=checker.getExportNames(id),componentsMeta=exportNames.map(name=>checker.getComponentMeta(id,name));componentsMeta=await applyTempFixForEventDescriptions(id,componentsMeta);let metaSources=[];if(componentsMeta.forEach((meta,index)=>{if(!meta.props.length&&!meta.events.length&&!meta.slots.length&&!meta.exposed.length||meta.type===import_vue_component_meta.TypeMeta.Unknown)return;let exportName=exportNames[index];["props","events","slots","exposed"].forEach(key=>{meta[key].forEach(value=>{Array.isArray(value.schema)?value.schema.forEach(eventSchema=>removeNestedSchemas(eventSchema)):removeNestedSchemas(value.schema)})});let exposed=meta.exposed.filter(expose=>{let nameWithoutOnPrefix=expose.name;return nameWithoutOnPrefix.startsWith("on")&&(nameWithoutOnPrefix=lowercaseFirstLetter(expose.name.replace("on",""))),!meta.events.find(event=>event.name===nameWithoutOnPrefix)}).filter(expose=>expose.name==="$slots"?!meta.slots.map(slot=>slot.name).every(slotName=>expose.type.includes(slotName)):!0);metaSources.push({exportName,displayName:exportName==="default"?getFilenameWithoutExtension(id):exportName,...meta,exposed,sourceFiles:id})}),metaSources.length===0)return;let s=new import_magic_string.default(src);return metaSources.forEach(meta=>{let isDefaultExport=meta.exportName==="default",name=isDefaultExport?"_sfc_main":meta.exportName;new RegExp(`export {.*${name}.*}`).test(src)||new RegExp(`export \\* from ['"]\\S*${name}['"]`).test(src)||!src.includes(name)||(!id.endsWith(".vue")&&isDefaultExport&&(s.replace("export default ","const _sfc_main = "),s.append(`
-export default _sfc_main;`)),s.append(`
-;${name}.__docgenInfo = ${JSON.stringify(meta)}`))}),{code:s.toString(),map:s.generateMap({hires:!0,source:id})}}catch{return}},async handleHotUpdate({file,read,server,modules,timestamp}){let content=await read();checker.updateFile(file,content);let invalidatedModules=new Set;for(let mod of modules)server.moduleGraph.invalidateModule(mod,invalidatedModules,timestamp,!0);return server.ws.send({type:"full-reload"}),[]}}}async function createVueComponentMetaChecker(tsconfigPath="tsconfig.json"){let checkerOptions={forceUseTs:!0,noDeclarations:!0,printer:{newLine:1}},projectRoot=(0,import_common.getProjectRoot)(),projectTsConfigPath=(0,import_node_path.join)(projectRoot,tsconfigPath),defaultChecker=(0,import_vue_component_meta.createCheckerByJson)(projectRoot,{include:["**/*"]},checkerOptions);return await fileExists(projectTsConfigPath)?(await getTsConfigReferences(projectTsConfigPath)).length>0?defaultChecker:(0,import_vue_component_meta.createChecker)(projectTsConfigPath,checkerOptions):defaultChecker}function getFilenameWithoutExtension(filename){return(0,import_node_path.parse)(filename).name}function lowercaseFirstLetter(string){return string.charAt(0).toLowerCase()+string.slice(1)}async function fileExists(fullPath){try{return await(0,import_promises.stat)(fullPath),!0}catch{return!1}}async function applyTempFixForEventDescriptions(filename,componentMeta){if(!componentMeta.some(meta=>meta.events.length))return componentMeta;try{let parsedComponentDocs=await(0,import_vue_docgen_api.parseMulti)(filename);componentMeta.map((meta,index)=>{let eventsWithDescription=parsedComponentDocs[index].events;return!meta.events.length||!eventsWithDescription?.length||(meta.events=meta.events.map(event=>{let description=eventsWithDescription.find(i=>i.name===event.name)?.description;return description&&(event.description=description),event})),meta})}catch{}return componentMeta}async function getTsConfigReferences(tsConfigPath){try{let content=JSON.parse(await(0,import_promises.readFile)(tsConfigPath,"utf-8"));return!("references"in content)||!Array.isArray(content.references)?[]:content.references}catch{return[]}}function removeNestedSchemas(schema){if(typeof schema=="object"){if(schema.kind==="enum"){schema.schema?.forEach(enumSchema=>removeNestedSchemas(enumSchema));return}delete schema.schema}}var import_magic_string2=__toESM(require("magic-string")),import_vue_docgen_api2=require("vue-docgen-api");async function vueDocgen(){let{createFilter}=await import("vite"),filter=createFilter(/\.(vue)$/);return{name:"storybook:vue-docgen-plugin",async transform(src,id){if(!filter(id))return;let metaData=await(0,import_vue_docgen_api2.parse)(id),s=new import_magic_string2.default(src);return s.append(`;_sfc_main.__docgenInfo = ${JSON.stringify(metaData)}`),{code:s.toString(),map:s.generateMap({hires:!0,source:id})}}}}async function templateCompilation(){return{name:"storybook:vue-template-compilation",config:()=>({resolve:{alias:{vue:"vue/dist/vue.esm-bundler.js"}}})}}var getAbsolutePath=input=>(0,import_node_path2.dirname)(require.resolve((0,import_node_path2.join)(input,"package.json"))),core={builder:getAbsolutePath("@storybook/builder-vite"),renderer:getAbsolutePath("@storybook/vue3")},viteFinal=async(config,options)=>{let plugins=[await templateCompilation()],framework=await options.presets.apply("framework"),frameworkOptions=typeof framework=="string"?{}:framework.options??{},docgen=resolveDocgenOptions(frameworkOptions.docgen);docgen.plugin==="vue-component-meta"?plugins.push(await vueComponentMeta(docgen.tsconfig)):plugins.push(await vueDocgen());let{mergeConfig}=await import("vite");return mergeConfig(config,{plugins})},resolveDocgenOptions=docgen=>docgen?typeof docgen=="string"?{plugin:docgen}:docgen:{plugin:"vue-docgen-api"};0&&(module.exports={core,viteFinal});
+import CJS_COMPAT_NODE_URL_bonbf6ys4jm from 'node:url';
+import CJS_COMPAT_NODE_PATH_bonbf6ys4jm from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bonbf6ys4jm from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_bonbf6ys4jm.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bonbf6ys4jm.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bonbf6ys4jm.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  templateCompilation
+} from "./_node-chunks/chunk-LJJ3IO2Q.js";
+import {
+  __name
+} from "./_node-chunks/chunk-TF3SOP6Y.js";
+
+// src/plugins/vue-component-meta.ts
+import { readFile, stat } from "node:fs/promises";
+import { join, parse } from "node:path";
+import { getProjectRoot } from "storybook/internal/common";
+import MagicString from "magic-string";
+import {
+  TypeMeta,
+  createChecker,
+  createCheckerByJson
+} from "vue-component-meta";
+import { parseMulti } from "vue-docgen-api";
+async function vueComponentMeta(tsconfigPath = "tsconfig.json") {
+  const { createFilter } = await import("vite");
+  const exclude = /\.stories\.(ts|tsx|js|jsx)$|^\0\/virtual:|^\/virtual:|\.storybook\/.*\.(ts|js)$/;
+  const include = /\.(vue|ts|js|tsx|jsx)$/;
+  const filter = createFilter(include, exclude);
+  const checker = await createVueComponentMetaChecker(tsconfigPath);
+  return {
+    name: "storybook:vue-component-meta-plugin",
+    async transform(src, id) {
+      if (!filter(id)) {
+        return void 0;
+      }
+      try {
+        const exportNames = checker.getExportNames(id);
+        let componentsMeta = exportNames.map((name) => checker.getComponentMeta(id, name));
+        componentsMeta = await applyTempFixForEventDescriptions(id, componentsMeta);
+        const metaSources = [];
+        componentsMeta.forEach((meta, index) => {
+          const isEmpty = !meta.props.length && !meta.events.length && !meta.slots.length && !meta.exposed.length;
+          if (isEmpty || meta.type === TypeMeta.Unknown) {
+            return;
+          }
+          const exportName = exportNames[index];
+          ["props", "events", "slots", "exposed"].forEach((key) => {
+            meta[key].forEach((value) => {
+              if (Array.isArray(value.schema)) {
+                value.schema.forEach((eventSchema) => removeNestedSchemas(eventSchema));
+              } else {
+                removeNestedSchemas(value.schema);
+              }
+            });
+          });
+          const exposed = (
+            // the meta also includes duplicated entries in the "exposed" array with "on"
+            // prefix (e.g. onClick instead of click), so we need to filter them out here
+            meta.exposed.filter((expose) => {
+              let nameWithoutOnPrefix = expose.name;
+              if (nameWithoutOnPrefix.startsWith("on")) {
+                nameWithoutOnPrefix = lowercaseFirstLetter(expose.name.replace("on", ""));
+              }
+              const hasEvent = meta.events.find((event) => event.name === nameWithoutOnPrefix);
+              return !hasEvent;
+            }).filter((expose) => {
+              if (expose.name === "$slots") {
+                const slotNames = meta.slots.map((slot) => slot.name);
+                return !slotNames.every((slotName) => expose.type.includes(slotName));
+              }
+              return true;
+            })
+          );
+          metaSources.push({
+            exportName,
+            displayName: exportName === "default" ? getFilenameWithoutExtension(id) : exportName,
+            ...meta,
+            exposed,
+            sourceFiles: id
+          });
+        });
+        if (metaSources.length === 0) {
+          return void 0;
+        }
+        const s = new MagicString(src);
+        metaSources.forEach((meta) => {
+          const isDefaultExport = meta.exportName === "default";
+          const name = isDefaultExport ? "_sfc_main" : meta.exportName;
+          if (new RegExp(`export {.*${name}.*}`).test(src) || new RegExp(`export \\* from ['"]\\S*${name}['"]`).test(src) || // when using re-exports, some exports might be resolved via checker.getExportNames
+          // but are not directly exported inside the current file so we need to ignore them too
+          !src.includes(name)) {
+            return;
+          }
+          if (!id.endsWith(".vue") && isDefaultExport) {
+            s.replace("export default ", "const _sfc_main = ");
+            s.append("\nexport default _sfc_main;");
+          }
+          s.append(`
+;${name}.__docgenInfo = ${JSON.stringify(meta)}`);
+        });
+        return {
+          code: s.toString(),
+          map: s.generateMap({ hires: true, source: id })
+        };
+      } catch (e) {
+        return void 0;
+      }
+    },
+    // handle hot updates to update the component meta on file changes
+    async handleHotUpdate({ file, read, server, modules, timestamp }) {
+      const content = await read();
+      checker.updateFile(file, content);
+      const invalidatedModules = /* @__PURE__ */ new Set();
+      for (const mod of modules) {
+        server.moduleGraph.invalidateModule(mod, invalidatedModules, timestamp, true);
+      }
+      server.ws.send({ type: "full-reload" });
+      return [];
+    }
+  };
+}
+__name(vueComponentMeta, "vueComponentMeta");
+async function createVueComponentMetaChecker(tsconfigPath = "tsconfig.json") {
+  const checkerOptions = {
+    forceUseTs: true,
+    noDeclarations: true,
+    printer: { newLine: 1 }
+  };
+  const projectRoot = getProjectRoot();
+  const projectTsConfigPath = join(projectRoot, tsconfigPath);
+  const defaultChecker = createCheckerByJson(projectRoot, { include: ["**/*"] }, checkerOptions);
+  if (await fileExists(projectTsConfigPath)) {
+    const references = await getTsConfigReferences(projectTsConfigPath);
+    if (references.length > 0) {
+      return defaultChecker;
+    }
+    return createChecker(projectTsConfigPath, checkerOptions);
+  }
+  return defaultChecker;
+}
+__name(createVueComponentMetaChecker, "createVueComponentMetaChecker");
+function getFilenameWithoutExtension(filename) {
+  return parse(filename).name;
+}
+__name(getFilenameWithoutExtension, "getFilenameWithoutExtension");
+function lowercaseFirstLetter(string) {
+  return string.charAt(0).toLowerCase() + string.slice(1);
+}
+__name(lowercaseFirstLetter, "lowercaseFirstLetter");
+async function fileExists(fullPath) {
+  try {
+    await stat(fullPath);
+    return true;
+  } catch {
+    return false;
+  }
+}
+__name(fileExists, "fileExists");
+async function applyTempFixForEventDescriptions(filename, componentMeta) {
+  const hasEvents = componentMeta.some((meta) => meta.events.length);
+  if (!hasEvents) {
+    return componentMeta;
+  }
+  try {
+    const parsedComponentDocs = await parseMulti(filename);
+    componentMeta.map((meta, index) => {
+      const eventsWithDescription = parsedComponentDocs[index].events;
+      if (!meta.events.length || !eventsWithDescription?.length) {
+        return meta;
+      }
+      meta.events = meta.events.map((event) => {
+        const description = eventsWithDescription.find((i) => i.name === event.name)?.description;
+        if (description) {
+          event.description = description;
+        }
+        return event;
+      });
+      return meta;
+    });
+  } catch {
+  }
+  return componentMeta;
+}
+__name(applyTempFixForEventDescriptions, "applyTempFixForEventDescriptions");
+async function getTsConfigReferences(tsConfigPath) {
+  try {
+    const content = JSON.parse(await readFile(tsConfigPath, "utf-8"));
+    if (!("references" in content) || !Array.isArray(content.references)) {
+      return [];
+    }
+    return content.references;
+  } catch {
+    return [];
+  }
+}
+__name(getTsConfigReferences, "getTsConfigReferences");
+function removeNestedSchemas(schema) {
+  if (typeof schema !== "object") {
+    return;
+  }
+  if (schema.kind === "enum") {
+    schema.schema?.forEach((enumSchema) => removeNestedSchemas(enumSchema));
+    return;
+  }
+  delete schema.schema;
+}
+__name(removeNestedSchemas, "removeNestedSchemas");
+
+// src/plugins/vue-docgen.ts
+import MagicString2 from "magic-string";
+import { parse as parse2 } from "vue-docgen-api";
+async function vueDocgen() {
+  const { createFilter } = await import("vite");
+  const include = /\.(vue)$/;
+  const filter = createFilter(include);
+  return {
+    name: "storybook:vue-docgen-plugin",
+    async transform(src, id) {
+      if (!filter(id)) {
+        return void 0;
+      }
+      const metaData = await parse2(id);
+      const s = new MagicString2(src);
+      s.append(`;_sfc_main.__docgenInfo = ${JSON.stringify(metaData)}`);
+      return {
+        code: s.toString(),
+        map: s.generateMap({ hires: true, source: id })
+      };
+    }
+  };
+}
+__name(vueDocgen, "vueDocgen");
+
+// src/preset.ts
+var core = {
+  builder: import.meta.resolve("@storybook/builder-vite"),
+  renderer: import.meta.resolve("@storybook/vue3/preset")
+};
+var viteFinal = /* @__PURE__ */ __name(async (config, options) => {
+  const plugins = [await templateCompilation()];
+  const framework = await options.presets.apply("framework");
+  const frameworkOptions = typeof framework === "string" ? {} : framework.options ?? {};
+  const docgen = resolveDocgenOptions(frameworkOptions.docgen);
+  if (docgen.plugin === "vue-component-meta") {
+    plugins.push(await vueComponentMeta(docgen.tsconfig));
+  } else {
+    plugins.push(await vueDocgen());
+  }
+  const { mergeConfig } = await import("vite");
+  return mergeConfig(config, {
+    plugins
+  });
+}, "viteFinal");
+var resolveDocgenOptions = /* @__PURE__ */ __name((docgen) => {
+  if (!docgen) {
+    return { plugin: "vue-docgen-api" };
+  }
+  if (typeof docgen === "string") {
+    return { plugin: docgen };
+  }
+  return docgen;
+}, "resolveDocgenOptions");
+export {
+  core,
+  viteFinal
+};

package/dist/vite-plugin.js

@@ -1 +1,25 @@
-"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var vite_plugin_exports={};__export(vite_plugin_exports,{storybookVuePlugin:()=>storybookVuePlugin});module.exports=__toCommonJS(vite_plugin_exports);async function templateCompilation(){return{name:"storybook:vue-template-compilation",config:()=>({resolve:{alias:{vue:"vue/dist/vue.esm-bundler.js"}}})}}var storybookVuePlugin=()=>[templateCompilation()];0&&(module.exports={storybookVuePlugin});
+import CJS_COMPAT_NODE_URL_bonbf6ys4jm from 'node:url';
+import CJS_COMPAT_NODE_PATH_bonbf6ys4jm from 'node:path';
+import CJS_COMPAT_NODE_MODULE_bonbf6ys4jm from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_bonbf6ys4jm.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_bonbf6ys4jm.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_bonbf6ys4jm.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  templateCompilation
+} from "./_node-chunks/chunk-LJJ3IO2Q.js";
+import {
+  __name
+} from "./_node-chunks/chunk-TF3SOP6Y.js";
+
+// src/vite-plugin.ts
+var storybookVuePlugin = /* @__PURE__ */ __name(() => {
+  return [templateCompilation()];
+}, "storybookVuePlugin");
+export {
+  storybookVuePlugin
+};

package/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@storybook/vue3-vite",
-  "version": "9.2.0-alpha.3",
-  "description": "Storybook for Vue3 and Vite: Develop Vue3 components in isolation with Hot Reloading.",
+  "version": "10.0.0-beta.0",
+  "description": "Storybook for Vue3 and Vite: Develop, document, and test UI components in isolation",
   "keywords": [
-    "storybook"
+    "storybook",
+    "storybook-framework",
+    "vue3",
+    "vite",
+    "component",
+    "components"
   ],
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/frameworks/vue3-vite",
   "bugs": {
@@ -19,33 +24,20 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./preset": {
-      "types": "./dist/preset.d.ts",
-      "require": "./dist/preset.js"
-    },
-    "./vite-plugin": {
-      "types": "./dist/vite-plugin.d.ts",
-      "require": "./dist/vite-plugin.js",
-      "import": "./dist/vite-plugin.mjs"
+      "default": "./dist/index.js"
     },
     "./node": {
       "types": "./dist/node/index.d.ts",
-      "node": "./dist/node/index.js",
-      "import": "./dist/node/index.mjs",
-      "require": "./dist/node/index.js"
+      "default": "./dist/node/index.js"
     },
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./preset": "./dist/preset.js",
+    "./vite-plugin": "./dist/vite-plugin.js"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "template/**/*",
@@ -55,12 +47,12 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "jiti ../../../scripts/prepare/check.ts",
-    "prep": "jiti ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/check/check-package.ts",
+    "prep": "jiti ../../../scripts/build/build-package.ts"
   },
   "dependencies": {
-    "@storybook/builder-vite": "9.2.0-alpha.3",
-    "@storybook/vue3": "9.2.0-alpha.3",
+    "@storybook/builder-vite": "10.0.0-beta.0",
+    "@storybook/vue3": "10.0.0-beta.0",
     "find-package-json": "^1.2.0",
     "magic-string": "^0.30.0",
     "typescript": "^5.8.3",
@@ -71,26 +63,14 @@
     "@types/find-package-json": "^1.2.6",
     "@types/node": "^22.0.0",
     "typescript": "^5.8.3",
-    "vite": "^6.2.5"
+    "vite": "^7.0.4"
   },
   "peerDependencies": {
-    "storybook": "^9.2.0-alpha.3",
+    "storybook": "^10.0.0-beta.0",
     "vite": "^5.0.0 || ^6.0.0 || ^7.0.0"
   },
-  "engines": {
-    "node": ">=20.0.0"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "bundler": {
-    "entries": [
-      "./src/index.ts",
-      "./src/preset.ts",
-      "./src/vite-plugin.ts",
-      "./src/node/index.ts"
-    ],
-    "platform": "node"
-  },
-  "gitHead": "ce6a1e4a8d5ad69c699021a0b183df89cfc7b684"
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16"
 }

package/preset.js

@@ -1 +1 @@
-module.exports = require('./dist/preset');
+export * from './dist/preset.js';

package/dist/index.mjs

@@ -1 +0,0 @@
-export * from '@storybook/vue3';

package/dist/node/index.mjs

@@ -1,3 +0,0 @@
-function defineMain(config){return config}
-
-export { defineMain };

package/dist/preset.d.ts

@@ -1,11 +0,0 @@
-import { PresetProperty } from 'storybook/internal/types';
-import { StorybookConfig } from './index.js';
-import '@storybook/vue3';
-import '@storybook/builder-vite';
-import 'vue-component-meta';
-import 'vue-docgen-api';
-
-declare const core: PresetProperty<'core'>;
-declare const viteFinal: StorybookConfig['viteFinal'];
-
-export { core, viteFinal };

package/dist/vite-plugin.d.ts

@@ -1,5 +0,0 @@
-import { Plugin } from 'vite';
-
-declare const storybookVuePlugin: () => Promise<Plugin>[];
-
-export { storybookVuePlugin };

package/dist/vite-plugin.mjs

@@ -1,3 +0,0 @@
-async function templateCompilation(){return {name:"storybook:vue-template-compilation",config:()=>({resolve:{alias:{vue:"vue/dist/vue.esm-bundler.js"}}})}}var storybookVuePlugin=()=>[templateCompilation()];
-
-export { storybookVuePlugin };