@zeus-js/output-vue-wrapper 0.1.0-beta.2 → 0.1.0-beta.3

package/dist/output-vue-wrapper.cjs.js

@@ -1,5 +1,5 @@
 /**
-* output-vue-wrapper v0.1.0-beta.2
+* output-vue-wrapper v0.1.0-beta.3
 * (c) 2026 baicie
 * Released under the MIT License.
 **/
@@ -22,32 +22,96 @@ function generateVueIndex(components, options) {
 //#endregion
 //#region packages/web-c/output-vue-wrapper/src/generateVueWrapper.ts
 function generateVueWrapper(input) {
+	const { mode = "minimal" } = input;
+	if (mode === "minimal") return generateMinimalVueWrapper(input);
+	return generateEventBridgeVueWrapper(input);
+}
+function generateMinimalVueWrapper(input) {
+	const { component, wcModuleId } = input;
+	const slotNames = Object.keys(component.slots).filter((name) => name !== "default");
+	const hasNamedSlots = slotNames.length > 0;
+	const vueImports = hasNamedSlots ? `cloneVNode, defineComponent, h` : `defineComponent, h`;
+	const namedSlotBlock = hasNamedSlots ? `
+      for (const name of NAMED_SLOTS) {
+        const slot = slots[name];
+        if (!slot) continue;
+
+        for (const vnode of slot()) {
+          children.push(withSlot(name, vnode));
+        }
+      }
+` : "";
+	const withSlotHelper = hasNamedSlots ? `
+function withSlot(name, vnode) {
+  if (!vnode) return vnode;
+
+  if (typeof vnode === 'string') {
+    return h('span', { slot: name, style: 'display: contents' }, vnode);
+  }
+
+  return cloneVNode(vnode, { slot: name });
+}
+` : "";
+	return `
+import { ${vueImports} } from 'vue';
+
+import ${JSON.stringify(wcModuleId)};
+
+const NAMED_SLOTS = ${JSON.stringify(slotNames)};
+
+export const ${component.name} = defineComponent({
+  name: ${JSON.stringify(component.name)},
+  inheritAttrs: false,
+
+  setup(_props, { attrs, slots }) {
+    return () => {
+      const children = [];
+
+      if (slots.default) {
+        children.push(...slots.default());
+      }
+${namedSlotBlock}
+      return h(
+        ${JSON.stringify(component.tag)},
+        {
+          ...attrs,
+        },
+        children,
+      );
+    };
+  },
+});
+${withSlotHelper}
+`.trimStart();
+}
+function generateEventBridgeVueWrapper(input) {
 	const { component, wcModuleId } = input;
 	const propNames = Object.keys(component.props);
 	const eventNames = Object.keys(component.events);
 	const slotNames = Object.keys(component.slots).filter((name) => name !== "default");
-	const syncPropsBody = generateVuePropSyncLines(propNames);
-	const watchDeps = propNames.map((name) => `props.${name}`).join(", ");
-	const watchBlock = propNames.length > 0 ? `watch(() => [${watchDeps}], syncProps);` : `// no reactive props`;
+	const propInputKeys = createVuePropInputKeys(propNames);
 	return `
 import {
   cloneVNode,
   defineComponent,
+  getCurrentInstance,
   h,
   onBeforeUnmount,
   onMounted,
+  onUpdated,
   ref,
-  watch,
 } from 'vue';
 
 import ${JSON.stringify(wcModuleId)};
 
 const PROP_KEYS = ${JSON.stringify(propNames)};
+const PROP_INPUT_KEYS = ${JSON.stringify(propInputKeys)};
 const EVENT_NAMES = ${JSON.stringify(eventNames)};
 const NAMED_SLOTS = ${JSON.stringify(slotNames)};
 
 export const ${component.name} = defineComponent({
   name: ${JSON.stringify(component.name)},
+  inheritAttrs: false,
 
   props: {
     ${generateVueProps(component)}
@@ -57,13 +121,35 @@ export const ${component.name} = defineComponent({
 
   setup(props, { attrs, slots, emit }) {
     const elRef = ref(null);
+    const instance = getCurrentInstance();
     const cleanups = [];
+    const syncedPropKeys = new Set();
+
+    const hasRawProp = name => {
+      const rawProps = instance?.vnode.props ?? {};
+      const keys = PROP_INPUT_KEYS[name] ?? [name];
+
+      return keys.some(key =>
+        Object.prototype.hasOwnProperty.call(rawProps, key),
+      );
+    };
 
     const syncProps = () => {
       const el = elRef.value;
       if (!el) return;
 
-      ${syncPropsBody}
+      for (const name of PROP_KEYS) {
+        if (hasRawProp(name)) {
+          el[name] = props[name];
+          syncedPropKeys.add(name);
+          continue;
+        }
+
+        if (syncedPropKeys.has(name)) {
+          el[name] = undefined;
+          syncedPropKeys.delete(name);
+        }
+      }
     };
 
     onMounted(() => {
@@ -79,13 +165,14 @@ export const ${component.name} = defineComponent({
       }
     });
 
+    onUpdated(syncProps);
+
     onBeforeUnmount(() => {
       for (const cleanup of cleanups) cleanup();
       cleanups.length = 0;
+      syncedPropKeys.clear();
     });
 
-    ${watchBlock}
-
     return () => {
       const children = [];
 
@@ -132,32 +219,33 @@ function generateVueProps(component) {
 }
 function toVuePropOption(prop) {
 	var _typeMap$prop$type;
-	const type = (_typeMap$prop$type = {
+	return `{ type: ${(_typeMap$prop$type = {
 		string: "String",
 		number: "Number",
 		boolean: "Boolean",
 		object: "Object",
 		array: "Array",
 		unknown: "null"
-	}[prop.type]) !== null && _typeMap$prop$type !== void 0 ? _typeMap$prop$type : "null";
-	if (prop.default !== void 0) return `{ type: ${type}, default: ${JSON.stringify(prop.default)} }`;
-	return `{ type: ${type}, required: ${prop.required === true ? "true" : "false"} }`;
+	}[prop.type]) !== null && _typeMap$prop$type !== void 0 ? _typeMap$prop$type : "null"}, required: ${prop.required === true ? "true" : "false"} }`;
+}
+function createVuePropInputKeys(propNames) {
+	return Object.fromEntries(propNames.map((name) => [name, Array.from(new Set([name, toKebabCase(name)]))]));
 }
-function generateVuePropSyncLines(propNames) {
-	if (propNames.length === 0) return "// no props to sync";
-	return propNames.map((name) => `el.${name} = props.${name};`).join("\n      ");
+function toKebabCase(value) {
+	return value.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
 }
 //#endregion
 //#region packages/web-c/output-vue-wrapper/src/index.ts
 function vueWrapper(options = {}) {
-	var _options$outDir, _options$stripPrefix, _options$dts, _options$globalDts, _options$index;
+	var _options$outDir, _options$stripPrefix, _options$dts, _options$globalDts, _options$index, _options$wrapper;
 	const normalized = {
 		outDir: (_options$outDir = options.outDir) !== null && _options$outDir !== void 0 ? _options$outDir : "vue",
 		stripPrefix: (_options$stripPrefix = options.stripPrefix) !== null && _options$stripPrefix !== void 0 ? _options$stripPrefix : false,
 		fileName: options.fileName,
-		dts: (_options$dts = options.dts) !== null && _options$dts !== void 0 ? _options$dts : "auto",
-		globalDts: (_options$globalDts = options.globalDts) !== null && _options$globalDts !== void 0 ? _options$globalDts : "auto",
-		index: (_options$index = options.index) !== null && _options$index !== void 0 ? _options$index : true
+		dts: (_options$dts = options.dts) !== null && _options$dts !== void 0 ? _options$dts : true,
+		globalDts: (_options$globalDts = options.globalDts) !== null && _options$globalDts !== void 0 ? _options$globalDts : true,
+		index: (_options$index = options.index) !== null && _options$index !== void 0 ? _options$index : true,
+		wrapper: (_options$wrapper = options.wrapper) !== null && _options$wrapper !== void 0 ? _options$wrapper : "minimal"
 	};
 	return {
 		name: "zeus-output-vue-wrapper",
@@ -177,7 +265,8 @@ function vueWrapper(options = {}) {
 				fileName: ctx.outputs.join("vue", ctx.outputs.getFileName("vue", component.tag)),
 				code: generateVueWrapper({
 					component,
-					wcModuleId: `zeus:wc:${component.tag}`
+					wcModuleId: `zeus:wc:${component.tag}`,
+					mode: normalized.wrapper
 				})
 			});
 			if (normalized.index) modules.push({

package/dist/output-vue-wrapper.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-* output-vue-wrapper v0.1.0-beta.2
+* output-vue-wrapper v0.1.0-beta.3
 * (c) 2026 baicie
 * Released under the MIT License.
 **/
@@ -22,32 +22,96 @@ function generateVueIndex(components, options) {
 //#endregion
 //#region packages/web-c/output-vue-wrapper/src/generateVueWrapper.ts
 function generateVueWrapper(input) {
+	const { mode = "minimal" } = input;
+	if (mode === "minimal") return generateMinimalVueWrapper(input);
+	return generateEventBridgeVueWrapper(input);
+}
+function generateMinimalVueWrapper(input) {
+	const { component, wcModuleId } = input;
+	const slotNames = Object.keys(component.slots).filter((name) => name !== "default");
+	const hasNamedSlots = slotNames.length > 0;
+	const vueImports = hasNamedSlots ? `cloneVNode, defineComponent, h` : `defineComponent, h`;
+	const namedSlotBlock = hasNamedSlots ? `
+      for (const name of NAMED_SLOTS) {
+        const slot = slots[name];
+        if (!slot) continue;
+
+        for (const vnode of slot()) {
+          children.push(withSlot(name, vnode));
+        }
+      }
+` : "";
+	const withSlotHelper = hasNamedSlots ? `
+function withSlot(name, vnode) {
+  if (!vnode) return vnode;
+
+  if (typeof vnode === 'string') {
+    return h('span', { slot: name, style: 'display: contents' }, vnode);
+  }
+
+  return cloneVNode(vnode, { slot: name });
+}
+` : "";
+	return `
+import { ${vueImports} } from 'vue';
+
+import ${JSON.stringify(wcModuleId)};
+
+const NAMED_SLOTS = ${JSON.stringify(slotNames)};
+
+export const ${component.name} = defineComponent({
+  name: ${JSON.stringify(component.name)},
+  inheritAttrs: false,
+
+  setup(_props, { attrs, slots }) {
+    return () => {
+      const children = [];
+
+      if (slots.default) {
+        children.push(...slots.default());
+      }
+${namedSlotBlock}
+      return h(
+        ${JSON.stringify(component.tag)},
+        {
+          ...attrs,
+        },
+        children,
+      );
+    };
+  },
+});
+${withSlotHelper}
+`.trimStart();
+}
+function generateEventBridgeVueWrapper(input) {
 	const { component, wcModuleId } = input;
 	const propNames = Object.keys(component.props);
 	const eventNames = Object.keys(component.events);
 	const slotNames = Object.keys(component.slots).filter((name) => name !== "default");
-	const syncPropsBody = generateVuePropSyncLines(propNames);
-	const watchDeps = propNames.map((name) => `props.${name}`).join(", ");
-	const watchBlock = propNames.length > 0 ? `watch(() => [${watchDeps}], syncProps);` : `// no reactive props`;
+	const propInputKeys = createVuePropInputKeys(propNames);
 	return `
 import {
   cloneVNode,
   defineComponent,
+  getCurrentInstance,
   h,
   onBeforeUnmount,
   onMounted,
+  onUpdated,
   ref,
-  watch,
 } from 'vue';
 
 import ${JSON.stringify(wcModuleId)};
 
 const PROP_KEYS = ${JSON.stringify(propNames)};
+const PROP_INPUT_KEYS = ${JSON.stringify(propInputKeys)};
 const EVENT_NAMES = ${JSON.stringify(eventNames)};
 const NAMED_SLOTS = ${JSON.stringify(slotNames)};
 
 export const ${component.name} = defineComponent({
   name: ${JSON.stringify(component.name)},
+  inheritAttrs: false,
 
   props: {
     ${generateVueProps(component)}
@@ -57,13 +121,35 @@ export const ${component.name} = defineComponent({
 
   setup(props, { attrs, slots, emit }) {
     const elRef = ref(null);
+    const instance = getCurrentInstance();
     const cleanups = [];
+    const syncedPropKeys = new Set();
+
+    const hasRawProp = name => {
+      const rawProps = instance?.vnode.props ?? {};
+      const keys = PROP_INPUT_KEYS[name] ?? [name];
+
+      return keys.some(key =>
+        Object.prototype.hasOwnProperty.call(rawProps, key),
+      );
+    };
 
     const syncProps = () => {
       const el = elRef.value;
       if (!el) return;
 
-      ${syncPropsBody}
+      for (const name of PROP_KEYS) {
+        if (hasRawProp(name)) {
+          el[name] = props[name];
+          syncedPropKeys.add(name);
+          continue;
+        }
+
+        if (syncedPropKeys.has(name)) {
+          el[name] = undefined;
+          syncedPropKeys.delete(name);
+        }
+      }
     };
 
     onMounted(() => {
@@ -79,13 +165,14 @@ export const ${component.name} = defineComponent({
       }
     });
 
+    onUpdated(syncProps);
+
     onBeforeUnmount(() => {
       for (const cleanup of cleanups) cleanup();
       cleanups.length = 0;
+      syncedPropKeys.clear();
     });
 
-    ${watchBlock}
-
     return () => {
       const children = [];
 
@@ -132,32 +219,33 @@ function generateVueProps(component) {
 }
 function toVuePropOption(prop) {
 	var _typeMap$prop$type;
-	const type = (_typeMap$prop$type = {
+	return `{ type: ${(_typeMap$prop$type = {
 		string: "String",
 		number: "Number",
 		boolean: "Boolean",
 		object: "Object",
 		array: "Array",
 		unknown: "null"
-	}[prop.type]) !== null && _typeMap$prop$type !== void 0 ? _typeMap$prop$type : "null";
-	if (prop.default !== void 0) return `{ type: ${type}, default: ${JSON.stringify(prop.default)} }`;
-	return `{ type: ${type}, required: ${prop.required === true ? "true" : "false"} }`;
+	}[prop.type]) !== null && _typeMap$prop$type !== void 0 ? _typeMap$prop$type : "null"}, required: ${prop.required === true ? "true" : "false"} }`;
+}
+function createVuePropInputKeys(propNames) {
+	return Object.fromEntries(propNames.map((name) => [name, Array.from(new Set([name, toKebabCase(name)]))]));
 }
-function generateVuePropSyncLines(propNames) {
-	if (propNames.length === 0) return "// no props to sync";
-	return propNames.map((name) => `el.${name} = props.${name};`).join("\n      ");
+function toKebabCase(value) {
+	return value.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
 }
 //#endregion
 //#region packages/web-c/output-vue-wrapper/src/index.ts
 function vueWrapper(options = {}) {
-	var _options$outDir, _options$stripPrefix, _options$dts, _options$globalDts, _options$index;
+	var _options$outDir, _options$stripPrefix, _options$dts, _options$globalDts, _options$index, _options$wrapper;
 	const normalized = {
 		outDir: (_options$outDir = options.outDir) !== null && _options$outDir !== void 0 ? _options$outDir : "vue",
 		stripPrefix: (_options$stripPrefix = options.stripPrefix) !== null && _options$stripPrefix !== void 0 ? _options$stripPrefix : false,
 		fileName: options.fileName,
-		dts: (_options$dts = options.dts) !== null && _options$dts !== void 0 ? _options$dts : "auto",
-		globalDts: (_options$globalDts = options.globalDts) !== null && _options$globalDts !== void 0 ? _options$globalDts : "auto",
-		index: (_options$index = options.index) !== null && _options$index !== void 0 ? _options$index : true
+		dts: (_options$dts = options.dts) !== null && _options$dts !== void 0 ? _options$dts : true,
+		globalDts: (_options$globalDts = options.globalDts) !== null && _options$globalDts !== void 0 ? _options$globalDts : true,
+		index: (_options$index = options.index) !== null && _options$index !== void 0 ? _options$index : true,
+		wrapper: (_options$wrapper = options.wrapper) !== null && _options$wrapper !== void 0 ? _options$wrapper : "minimal"
 	};
 	return {
 		name: "zeus-output-vue-wrapper",
@@ -177,7 +265,8 @@ function vueWrapper(options = {}) {
 				fileName: ctx.outputs.join("vue", ctx.outputs.getFileName("vue", component.tag)),
 				code: generateVueWrapper({
 					component,
-					wcModuleId: `zeus:wc:${component.tag}`
+					wcModuleId: `zeus:wc:${component.tag}`,
+					mode: normalized.wrapper
 				})
 			});
 			if (normalized.index) modules.push({

package/dist/output-vue-wrapper.d.ts

@@ -1,5 +1,6 @@
 import { DtsMode, ZeusComponentPlugin } from '@zeus-js/bundler-plugin';
 
+type VueWrapperMode = 'minimal' | 'event-bridge';
 export interface OutputVueWrapperOptions {
     /**
      * Vue wrapper output directory.
@@ -20,13 +21,13 @@ export interface OutputVueWrapperOptions {
     /**
      * Generate vue/index.d.ts.
      *
-     * @default 'auto'
+     * @default true
      */
     dts?: DtsMode;
     /**
      * Generate vue/global.d.ts.
      *
-     * @default 'auto'
+     * @default true
      */
     globalDts?: DtsMode;
     /**
@@ -35,6 +36,15 @@ export interface OutputVueWrapperOptions {
      * @default true
      */
     index?: boolean;
+    /**
+     * minimal:
+     *   Default. Vue wrapper only renders the custom element tag.
+     *   No watch, no prop sync, no event listeners.
+     *
+     * event-bridge:
+     *   Additional mode for React CustomEvent bridging.
+     */
+    wrapper?: VueWrapperMode;
 }
 
 export declare function vueWrapper(options?: OutputVueWrapperOptions): ZeusComponentPlugin;

package/dist/output-vue-wrapper.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-* output-vue-wrapper v0.1.0-beta.2
+* output-vue-wrapper v0.1.0-beta.3
 * (c) 2026 baicie
 * Released under the MIT License.
 **/
@@ -18,32 +18,96 @@ function generateVueIndex(components, options) {
 //#endregion
 //#region packages/web-c/output-vue-wrapper/src/generateVueWrapper.ts
 function generateVueWrapper(input) {
+	const { mode = "minimal" } = input;
+	if (mode === "minimal") return generateMinimalVueWrapper(input);
+	return generateEventBridgeVueWrapper(input);
+}
+function generateMinimalVueWrapper(input) {
+	const { component, wcModuleId } = input;
+	const slotNames = Object.keys(component.slots).filter((name) => name !== "default");
+	const hasNamedSlots = slotNames.length > 0;
+	const vueImports = hasNamedSlots ? `cloneVNode, defineComponent, h` : `defineComponent, h`;
+	const namedSlotBlock = hasNamedSlots ? `
+      for (const name of NAMED_SLOTS) {
+        const slot = slots[name];
+        if (!slot) continue;
+
+        for (const vnode of slot()) {
+          children.push(withSlot(name, vnode));
+        }
+      }
+` : "";
+	const withSlotHelper = hasNamedSlots ? `
+function withSlot(name, vnode) {
+  if (!vnode) return vnode;
+
+  if (typeof vnode === 'string') {
+    return h('span', { slot: name, style: 'display: contents' }, vnode);
+  }
+
+  return cloneVNode(vnode, { slot: name });
+}
+` : "";
+	return `
+import { ${vueImports} } from 'vue';
+
+import ${JSON.stringify(wcModuleId)};
+
+const NAMED_SLOTS = ${JSON.stringify(slotNames)};
+
+export const ${component.name} = defineComponent({
+  name: ${JSON.stringify(component.name)},
+  inheritAttrs: false,
+
+  setup(_props, { attrs, slots }) {
+    return () => {
+      const children = [];
+
+      if (slots.default) {
+        children.push(...slots.default());
+      }
+${namedSlotBlock}
+      return h(
+        ${JSON.stringify(component.tag)},
+        {
+          ...attrs,
+        },
+        children,
+      );
+    };
+  },
+});
+${withSlotHelper}
+`.trimStart();
+}
+function generateEventBridgeVueWrapper(input) {
 	const { component, wcModuleId } = input;
 	const propNames = Object.keys(component.props);
 	const eventNames = Object.keys(component.events);
 	const slotNames = Object.keys(component.slots).filter((name) => name !== "default");
-	const syncPropsBody = generateVuePropSyncLines(propNames);
-	const watchDeps = propNames.map((name) => `props.${name}`).join(", ");
-	const watchBlock = propNames.length > 0 ? `watch(() => [${watchDeps}], syncProps);` : `// no reactive props`;
+	const propInputKeys = createVuePropInputKeys(propNames);
 	return `
 import {
   cloneVNode,
   defineComponent,
+  getCurrentInstance,
   h,
   onBeforeUnmount,
   onMounted,
+  onUpdated,
   ref,
-  watch,
 } from 'vue';
 
 import ${JSON.stringify(wcModuleId)};
 
 const PROP_KEYS = ${JSON.stringify(propNames)};
+const PROP_INPUT_KEYS = ${JSON.stringify(propInputKeys)};
 const EVENT_NAMES = ${JSON.stringify(eventNames)};
 const NAMED_SLOTS = ${JSON.stringify(slotNames)};
 
 export const ${component.name} = defineComponent({
   name: ${JSON.stringify(component.name)},
+  inheritAttrs: false,
 
   props: {
     ${generateVueProps(component)}
@@ -53,13 +117,35 @@ export const ${component.name} = defineComponent({
 
   setup(props, { attrs, slots, emit }) {
     const elRef = ref(null);
+    const instance = getCurrentInstance();
     const cleanups = [];
+    const syncedPropKeys = new Set();
+
+    const hasRawProp = name => {
+      const rawProps = instance?.vnode.props ?? {};
+      const keys = PROP_INPUT_KEYS[name] ?? [name];
+
+      return keys.some(key =>
+        Object.prototype.hasOwnProperty.call(rawProps, key),
+      );
+    };
 
     const syncProps = () => {
       const el = elRef.value;
       if (!el) return;
 
-      ${syncPropsBody}
+      for (const name of PROP_KEYS) {
+        if (hasRawProp(name)) {
+          el[name] = props[name];
+          syncedPropKeys.add(name);
+          continue;
+        }
+
+        if (syncedPropKeys.has(name)) {
+          el[name] = undefined;
+          syncedPropKeys.delete(name);
+        }
+      }
     };
 
     onMounted(() => {
@@ -75,13 +161,14 @@ export const ${component.name} = defineComponent({
       }
     });
 
+    onUpdated(syncProps);
+
     onBeforeUnmount(() => {
       for (const cleanup of cleanups) cleanup();
       cleanups.length = 0;
+      syncedPropKeys.clear();
     });
 
-    ${watchBlock}
-
     return () => {
       const children = [];
 
@@ -128,32 +215,33 @@ function generateVueProps(component) {
 }
 function toVuePropOption(prop) {
 	var _typeMap$prop$type;
-	const type = (_typeMap$prop$type = {
+	return `{ type: ${(_typeMap$prop$type = {
 		string: "String",
 		number: "Number",
 		boolean: "Boolean",
 		object: "Object",
 		array: "Array",
 		unknown: "null"
-	}[prop.type]) !== null && _typeMap$prop$type !== void 0 ? _typeMap$prop$type : "null";
-	if (prop.default !== void 0) return `{ type: ${type}, default: ${JSON.stringify(prop.default)} }`;
-	return `{ type: ${type}, required: ${prop.required === true ? "true" : "false"} }`;
+	}[prop.type]) !== null && _typeMap$prop$type !== void 0 ? _typeMap$prop$type : "null"}, required: ${prop.required === true ? "true" : "false"} }`;
+}
+function createVuePropInputKeys(propNames) {
+	return Object.fromEntries(propNames.map((name) => [name, Array.from(new Set([name, toKebabCase(name)]))]));
 }
-function generateVuePropSyncLines(propNames) {
-	if (propNames.length === 0) return "// no props to sync";
-	return propNames.map((name) => `el.${name} = props.${name};`).join("\n      ");
+function toKebabCase(value) {
+	return value.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
 }
 //#endregion
 //#region packages/web-c/output-vue-wrapper/src/index.ts
 function vueWrapper(options = {}) {
-	var _options$outDir, _options$stripPrefix, _options$dts, _options$globalDts, _options$index;
+	var _options$outDir, _options$stripPrefix, _options$dts, _options$globalDts, _options$index, _options$wrapper;
 	const normalized = {
 		outDir: (_options$outDir = options.outDir) !== null && _options$outDir !== void 0 ? _options$outDir : "vue",
 		stripPrefix: (_options$stripPrefix = options.stripPrefix) !== null && _options$stripPrefix !== void 0 ? _options$stripPrefix : false,
 		fileName: options.fileName,
-		dts: (_options$dts = options.dts) !== null && _options$dts !== void 0 ? _options$dts : "auto",
-		globalDts: (_options$globalDts = options.globalDts) !== null && _options$globalDts !== void 0 ? _options$globalDts : "auto",
-		index: (_options$index = options.index) !== null && _options$index !== void 0 ? _options$index : true
+		dts: (_options$dts = options.dts) !== null && _options$dts !== void 0 ? _options$dts : true,
+		globalDts: (_options$globalDts = options.globalDts) !== null && _options$globalDts !== void 0 ? _options$globalDts : true,
+		index: (_options$index = options.index) !== null && _options$index !== void 0 ? _options$index : true,
+		wrapper: (_options$wrapper = options.wrapper) !== null && _options$wrapper !== void 0 ? _options$wrapper : "minimal"
 	};
 	return {
 		name: "zeus-output-vue-wrapper",
@@ -173,7 +261,8 @@ function vueWrapper(options = {}) {
 				fileName: ctx.outputs.join("vue", ctx.outputs.getFileName("vue", component.tag)),
 				code: generateVueWrapper({
 					component,
-					wcModuleId: `zeus:wc:${component.tag}`
+					wcModuleId: `zeus:wc:${component.tag}`,
+					mode: normalized.wrapper
 				})
 			});
 			if (normalized.index) modules.push({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeus-js/output-vue-wrapper",
-  "version": "0.1.0-beta.2",
+  "version": "0.1.0-beta.3",
   "description": "Zeus Vue wrapper output plugin",
   "type": "module",
   "main": "index.js",
@@ -13,14 +13,14 @@
   "exports": {
     ".": {
       "types": "./dist/output-vue-wrapper.d.ts",
+      "module": "./dist/output-vue-wrapper.esm-bundler.js",
+      "import": "./dist/output-vue-wrapper.esm-bundler.js",
+      "require": "./index.js",
       "node": {
         "production": "./dist/output-vue-wrapper.cjs.prod.js",
         "development": "./dist/output-vue-wrapper.cjs.js",
         "default": "./index.js"
-      },
-      "module": "./dist/output-vue-wrapper.esm-bundler.js",
-      "import": "./dist/output-vue-wrapper.esm-bundler.js",
-      "require": "./index.js"
+      }
     }
   },
   "sideEffects": false,
@@ -36,9 +36,9 @@
     ]
   },
   "dependencies": {
-    "@zeus-js/component-dts": "0.1.0-beta.2",
-    "@zeus-js/component-analyzer": "0.1.0-beta.2",
-    "@zeus-js/bundler-plugin": "0.1.0-beta.2"
+    "@zeus-js/bundler-plugin": "0.1.0-beta.3",
+    "@zeus-js/component-dts": "0.1.0-beta.3",
+    "@zeus-js/component-analyzer": "0.1.0-beta.3"
   },
   "peerDependencies": {
     "vue": ">=3"