@vizejs/vite-plugin 0.347.7 → 0.351.0

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { a as VizeVueVersion, c as VizeInspectorLintPlanRequest, d as LoadConfigOptions, f as ResolvedVizeConfig, i as VizeOptions, l as VizeInspectorOptions, m as VizeConfig, n as MacroArtifact, o as VizeVueFeatures, p as UserConfigExport, r as VizeCompatibilityOptions, s as VizeInspectorLintPlanProvider, t as CompiledModule, u as ConfigEnv } from "./types-D_BZmgv-.mjs";
+import { a as VizeInspectorLintPlanProvider, c as VizeCompatibilityOptions, d as LoadConfigOptions, f as ResolvedVizeConfig, i as VizeVueFeatures, l as VizeVueVersion, m as VizeConfig, n as CompiledModule, o as VizeInspectorLintPlanRequest, p as UserConfigExport, r as MacroArtifact, s as VizeInspectorOptions, t as VizeOptions, u as ConfigEnv } from "./types-0tlI4YFk.mjs";
 import { Plugin } from "vite";
 
 //#region src/virtual.d.ts

package/dist/index.mjs

@@ -448,6 +448,13 @@ function isCssModule(block) {
 function needsCssPipeline(block) {
 	return block.content.includes("@apply");
 }
+function styleVirtualSuffix(block) {
+	const lang = block.lang ?? "css";
+	return block.module !== false ? `.module.${lang}` : `.${lang}`;
+}
+function createStyleImportUrl(filePath, params, block) {
+	return `${filePath}?${params.toString()}${styleVirtualSuffix(block)}`;
+}
 /**
 * Check if any style blocks in the compiled module require delegation to
 * Vite's CSS pipeline (preprocessor, CSS Modules, or PostCSS transforms).
@@ -505,7 +512,7 @@ function generateScopeId(filename) {
 * emitted as imports and `compiled.css` is not used.
 */
 function usesStyleImports(compiled, options) {
-	return !!options.filePath && !!compiled.styles?.length && (hasDelegatedStyles(compiled) || !options.ssr && options.isProduction && !!options.extractCss);
+	return !!options.filePath && !!compiled.styles?.length && (options.customElement || hasDelegatedStyles(compiled) || !options.ssr && options.isProduction && !!options.extractCss);
 }
 /**
 * Whether `generateOutput` will embed `compiled.css` in the module.
@@ -524,7 +531,7 @@ function usesStyleImports(compiled, options) {
 * 300-file bench corpus).
 */
 function embedsInlineCss(compiled, options) {
-	return !usesStyleImports(compiled, options) && !options.ssr && !!compiled.css && !(options.isProduction && !!options.extractCss);
+	return !usesStyleImports(compiled, options) && !options.customElement && !options.ssr && !!compiled.css && !(options.isProduction && !!options.extractCss);
 }
 function generateOutput(compiled, options) {
 	return generateOutputWithMap(compiled, options).code;
@@ -538,7 +545,7 @@ function generateOutput(compiled, options) {
 * `null` when the compiler produced none.
 */
 function generateOutputWithMap(compiled, options) {
-	const { isProduction, isDev, ssr, hmrUpdateType, extractCss, filePath } = options;
+	const { customElement, isProduction, isDev, ssr, hmrUpdateType, extractCss, filePath } = options;
 	const emitted = new MappedModule(compiled.code, parseSourceMap(compiled.map));
 	const moduleInfo = compiled.moduleShape ?? analyzeModuleOutput(emitted.code);
 	const hasExportDefault = moduleInfo.hasDefaultExport;
@@ -565,6 +572,7 @@ function generateOutputWithMap(compiled, options) {
 	if (usesStyleImports(compiled, options)) {
 		const styleImports = [];
 		const cssModuleImports = [];
+		const customElementStyleBindings = [];
 		for (const block of compiled.styles) {
 			const lang = block.lang ?? "css";
 			const params = new URLSearchParams();
@@ -573,19 +581,27 @@ function generateOutputWithMap(compiled, options) {
 			params.set("index", String(block.index));
 			if (block.scoped) params.set("scoped", `data-v-${compiled.scopeId}`);
 			params.set("lang", lang);
-			if (isCssModule(block)) {
+			if (customElement) {
+				if (isCssModule(block)) throw new Error("<style module> is not supported in custom element mode");
+				params.set("inline", "");
+				const bindingName = `_style_${block.index}`;
+				const importUrl = createStyleImportUrl(filePath, params, block);
+				styleImports.push(`import ${bindingName} from ${JSON.stringify(importUrl)};`);
+				customElementStyleBindings.push(bindingName);
+			} else if (isCssModule(block)) {
 				const bindingName = typeof block.module === "string" ? block.module : "$style";
 				params.set("module", typeof block.module === "string" ? block.module : "");
-				const importUrl = `${filePath}?${params.toString()}`;
+				const importUrl = createStyleImportUrl(filePath, params, block);
 				cssModuleImports.push(`import ${bindingName} from ${JSON.stringify(importUrl)};`);
 			} else {
-				const importUrl = `${filePath}?${params.toString()}`;
+				const importUrl = createStyleImportUrl(filePath, params, block);
 				styleImports.push(`import ${JSON.stringify(importUrl)};`);
 			}
 		}
 		const allImports = [...styleImports, ...cssModuleImports].join("\n");
 		if (allImports) emitted.edit(insertAfterStaticImports(emitted.code, allImports));
-		if (cssModuleImports.length > 0) {
+		if (customElementStyleBindings.length > 0) emitted.edit(insertBeforeSfcMainDefaultExport(emitted.code, `_sfc_main.styles = [${customElementStyleBindings.join(", ")}];`, { normalizeSemicolon: true }));
+		else if (cssModuleImports.length > 0) {
 			const moduleBindings = [];
 			for (const block of compiled.styles) if (isCssModule(block)) {
 				const bindingName = typeof block.module === "string" ? block.module : "$style";
@@ -725,6 +741,37 @@ function createLogger(debug) {
 	};
 }
 //#endregion
+//#region src/plugin/plugin-vue-options.ts
+const PLUGIN_VUE_COMPAT_VERSION = "6.0.7";
+const DEFAULT_CUSTOM_ELEMENT_PATTERN = /\.ce\.vue$/;
+function booleanCompilerOption(value) {
+	return typeof value === "boolean" ? value : void 0;
+}
+function resolvePluginVueCompileOptions(options) {
+	const compilerOptions = options.template?.compilerOptions;
+	const resolved = { styleTrim: options.style?.trim ?? true };
+	const templateCacheHandlers = booleanCompilerOption(compilerOptions?.cacheHandlers);
+	const templateComments = booleanCompilerOption(compilerOptions?.comments);
+	const templateHoistStatic = booleanCompilerOption(compilerOptions?.hoistStatic);
+	const templatePrefixIdentifiers = booleanCompilerOption(compilerOptions?.prefixIdentifiers);
+	if (templateCacheHandlers !== void 0) resolved.templateCacheHandlers = templateCacheHandlers;
+	if (templateComments !== void 0) resolved.templateComments = templateComments;
+	if (templateHoistStatic !== void 0) resolved.templateHoistStatic = templateHoistStatic;
+	if (templatePrefixIdentifiers !== void 0) resolved.templatePrefixIdentifiers = templatePrefixIdentifiers;
+	return resolved;
+}
+function resolveCustomElementOption(options) {
+	const featureCustomElement = options.features?.customElement;
+	if (featureCustomElement) return featureCustomElement;
+	if (options.customElement !== void 0) return options.customElement;
+	return DEFAULT_CUSTOM_ELEMENT_PATTERN;
+}
+function isPluginVueCustomElement(options, filePath) {
+	const customElement = resolveCustomElementOption(options);
+	if (typeof customElement === "boolean") return customElement;
+	return createFilter(customElement, void 0)(filePath);
+}
+//#endregion
 //#region src/plugin/precompile.ts
 const DEFAULT_PRECOMPILE_IGNORE_PATTERNS = [
 	"node_modules/**",
@@ -770,8 +817,10 @@ function getCompileOptionsForRequest(state, ssr) {
 		ssr,
 		vapor: !ssr && (state.mergedOptions?.vapor ?? false),
 		customRenderer: state.mergedOptions?.customRenderer ?? false,
-		templateSyntax: state.mergedOptions?.templateSyntax ?? "standard"
+		templateSyntax: state.mergedOptions?.templateSyntax ?? "standard",
+		...resolvePluginVueCompileOptions(state.mergedOptions ?? {})
 	};
+	if (state.mergedOptions?.customElements !== void 0) options.customElements = state.mergedOptions.customElements;
 	if (state.mergedOptions?.mode !== void 0) options.mode = state.mergedOptions.mode;
 	if (state.mergedOptions?.runtimeModuleName !== void 0) options.runtimeModuleName = state.mergedOptions.runtimeModuleName;
 	if (state.mergedOptions?.runtimeGlobalName !== void 0) options.runtimeGlobalName = state.mergedOptions.runtimeGlobalName;
@@ -908,10 +957,16 @@ function buildCompileFileOptions(filePath, options) {
 		ssr: options.ssr,
 		vapor: options.vapor,
 		customRenderer: options.customRenderer ?? false,
+		...options.customElements === void 0 ? {} : { customElements: options.customElements },
 		experimentalInTagComments: options.experimentalInTagComments ?? false,
 		experimentalPatternedTemplate: options.experimentalPatternedTemplate ?? false,
 		experimentalServerScript: options.experimentalServerScript ?? false,
 		scopeId: `data-v-${generateScopeId(filePath)}`,
+		styleTrim: options.styleTrim,
+		...options.templateCacheHandlers === void 0 ? {} : { templateCacheHandlers: options.templateCacheHandlers },
+		...options.templateComments === void 0 ? {} : { templateComments: options.templateComments },
+		...options.templateHoistStatic === void 0 ? {} : { templateHoistStatic: options.templateHoistStatic },
+		...options.templatePrefixIdentifiers === void 0 ? {} : { templatePrefixIdentifiers: options.templatePrefixIdentifiers },
 		...options.mode === void 0 ? {} : { mode: options.mode },
 		...options.templateSyntax === void 0 ? {} : { templateSyntax: options.templateSyntax },
 		...options.runtimeModuleName === void 0 ? {} : { runtimeModuleName: options.runtimeModuleName },
@@ -924,6 +979,7 @@ function buildCompileBatchOptions(options) {
 		ssr: options.ssr,
 		vapor: options.vapor,
 		customRenderer: options.customRenderer ?? false,
+		...options.customElements === void 0 ? {} : { customElements: options.customElements },
 		experimentalInTagComments: options.experimentalInTagComments ?? false,
 		experimentalPatternedTemplate: options.experimentalPatternedTemplate ?? false,
 		experimentalServerScript: options.experimentalServerScript ?? false,
@@ -931,6 +987,11 @@ function buildCompileBatchOptions(options) {
 		includeMacroArtifacts: true,
 		includeHashes: true,
 		includeSourceMap: options.sourceMap,
+		styleTrim: options.styleTrim,
+		...options.templateCacheHandlers === void 0 ? {} : { templateCacheHandlers: options.templateCacheHandlers },
+		...options.templateComments === void 0 ? {} : { templateComments: options.templateComments },
+		...options.templateHoistStatic === void 0 ? {} : { templateHoistStatic: options.templateHoistStatic },
+		...options.templatePrefixIdentifiers === void 0 ? {} : { templatePrefixIdentifiers: options.templatePrefixIdentifiers },
 		...options.mode === void 0 ? {} : { mode: options.mode },
 		...options.templateSyntax === void 0 ? {} : { templateSyntax: options.templateSyntax },
 		...options.runtimeModuleName === void 0 ? {} : { runtimeModuleName: options.runtimeModuleName },
@@ -1588,19 +1649,26 @@ function writeManifest(file, container, onDiagnostic) {
 * that reaches the native compiler reaches the key with it.
 */
 function resolvePrecompileBatchOptions(state) {
+	const requestOptions = getCompileOptionsForRequest(state, false);
 	return {
-		sourceMap: getCompileOptionsForRequest(state, false).sourceMap,
+		sourceMap: requestOptions.sourceMap,
 		ssr: false,
 		vapor: state.mergedOptions.vapor ?? false,
 		mode: state.mergedOptions.mode,
 		customRenderer: state.mergedOptions.customRenderer ?? false,
+		customElements: state.mergedOptions.customElements,
 		templateSyntax: state.mergedOptions.templateSyntax ?? "standard",
 		experimentalInTagComments: state.mergedOptions.experimentalInTagComments ?? false,
 		experimentalPatternedTemplate: state.mergedOptions.experimentalPatternedTemplate ?? false,
 		experimentalServerScript: state.mergedOptions.experimentalServerScript ?? false,
 		runtimeModuleName: state.mergedOptions.runtimeModuleName,
 		runtimeGlobalName: state.mergedOptions.runtimeGlobalName,
-		vueVersion: state.mergedOptions.vueVersion
+		vueVersion: state.mergedOptions.vueVersion,
+		styleTrim: requestOptions.styleTrim,
+		templateCacheHandlers: requestOptions.templateCacheHandlers,
+		templateComments: requestOptions.templateComments,
+		templateHoistStatic: requestOptions.templateHoistStatic,
+		templatePrefixIdentifiers: requestOptions.templatePrefixIdentifiers
 	};
 }
 function openCacheForRun(state, batchOptions) {
@@ -1682,7 +1750,10 @@ async function compileAll(state) {
 				state.cache.set(file, restored);
 				const metadata = currentMetadata.get(file);
 				if (metadata) state.precompileMetadata.set(file, metadata);
-				syncCollectedCssForFile(state, file, restored);
+				syncCollectedCssForFile({
+					...state,
+					extractCss: state.extractCss && !isPluginVueCustomElement(state.mergedOptions, file)
+				}, file, restored);
 				restoredCount++;
 				continue;
 			}
@@ -1712,7 +1783,10 @@ async function compileAll(state) {
 			const compiled = state.cache.get(fileResult.path);
 			const sourceHash = sourceHashes.get(fileResult.path);
 			if (compiled && sourceHash !== void 0) cache.set(fileResult.path, sourceHash, compiled);
-			syncCollectedCssForFile(state, fileResult.path, compiled);
+			syncCollectedCssForFile({
+				...state,
+				extractCss: state.extractCss && !isPluginVueCustomElement(state.mergedOptions, fileResult.path)
+			}, fileResult.path, compiled);
 		}
 	}
 	cache.retain(new Set(sfcFiles));
@@ -2639,6 +2713,13 @@ async function transformVizeVirtualModule(state, code, realPath, ssr, forceTypeS
 	}
 }
 //#endregion
+//#region src/plugin/load-style.ts
+function normalizeStyleVirtualId(id) {
+	const withoutPrefix = id.startsWith("\0") ? id.slice(1) : id;
+	if (!withoutPrefix.includes("?vue")) return id;
+	return withoutPrefix.replace(/\.module\.\w+$/, "").replace(/\.\w+$/, "");
+}
+//#endregion
 //#region src/plugin/load.ts
 const SERVER_PLACEHOLDER_CODE = `import { createElementBlock, defineComponent } from "vue";
 export default defineComponent({
@@ -2669,11 +2750,6 @@ function findMacroArtifactModule(state, realPath, ssr, kind) {
 	}, realPath, compiled);
 	return compiled?.macroArtifacts?.find((artifact) => artifact.kind === kind)?.moduleCode ?? null;
 }
-function normalizeStyleVirtualId(id) {
-	const withoutPrefix = id.startsWith("\0") ? id.slice(1) : id;
-	if (!withoutPrefix.includes("?vue")) return id;
-	return withoutPrefix.replace(/\.module\.\w+$/, "").replace(/\.\w+$/, "");
-}
 function loadCompiledSfcModule(state, realPath, isSsr, currentBase, loadOptions) {
 	const placeholderCode = getBoundaryPlaceholderCode(realPath, !!loadOptions?.ssr);
 	if (placeholderCode) {
@@ -2684,7 +2760,8 @@ function loadCompiledSfcModule(state, realPath, isSsr, currentBase, loadOptions)
 		};
 	}
 	const cache = getEnvironmentCache(state, isSsr);
-	const extractCss = shouldExtractCssForRequest(state, isSsr);
+	const customElement = isPluginVueCustomElement(state.mergedOptions, realPath);
+	const extractCss = shouldExtractCssForRequest(state, isSsr) && !customElement;
 	let compiled = cache.get(realPath);
 	if (!compiled && fs.existsSync(realPath)) {
 		state.logger.log(`load: on-demand compiling ${realPath}`);
@@ -2703,6 +2780,7 @@ function loadCompiledSfcModule(state, realPath, isSsr, currentBase, loadOptions)
 		ssr: isSsr,
 		hmrUpdateType: loadOptions?.ssr ? void 0 : state.pendingHmrUpdateTypes.get(realPath),
 		extractCss,
+		customElement,
 		filePath: realPath
 	};
 	if (compiled.css && !hasDelegated && embedsInlineCss(compiled, outputOptions)) compiled = {
@@ -2994,6 +3072,15 @@ async function handleHotUpdateHook(state, ctx, options = {}) {
 		state.logger.log(`Re-compiled: ${path.relative(state.root, file)} (${updateType})`);
 		const modules = preferAcceptingClientModules(initialModules ?? await collectModulesByFile(server, getVueModuleFileCandidates(file)), options.requireAcceptingClientModule);
 		const hasDelegated = hasDelegatedStyles(newCompiled);
+		if (isPluginVueCustomElement(state.mergedOptions, file) && updateType === "style-only") {
+			if (modules.size > 0) {
+				state.pendingHmrUpdateTypes.set(file, "full-reload");
+				invalidateModules(server, modules);
+				return [...modules];
+			}
+			state.pendingHmrUpdateTypes.delete(file);
+			return [];
+		}
 		if (hasDelegated && updateType === "style-only") {
 			const affectedModules = /* @__PURE__ */ new Set();
 			for (const block of newCompiled.styles ?? []) {
@@ -3099,6 +3186,10 @@ async function handleHotUpdateEnvironmentHook(state, environment, options) {
 */
 function createVueCompatPlugin(state, options) {
 	let compilerSfc = null;
+	const templateOptions = { compilerOptions: {
+		directiveTransforms: {},
+		nodeTransforms: []
+	} };
 	const loadCompilerSfc = () => {
 		if (!compilerSfc) try {
 			compilerSfc = createRequire(import.meta.url)("@vue/compiler-sfc");
@@ -3122,7 +3213,7 @@ function createVueCompatPlugin(state, options) {
 					compiler: loadCompilerSfc(),
 					isProduction: state.isProduction ?? false,
 					root: state.root ?? process.cwd(),
-					template: {}
+					template: templateOptions
 				};
 			},
 			get include() {
@@ -3138,7 +3229,8 @@ function createVueCompatPlugin(state, options) {
 			set exclude(value) {
 				assertUnresolved("exclude");
 				options.exclude = value;
-			}
+			},
+			version: PLUGIN_VUE_COMPAT_VERSION
 		}
 	};
 }
@@ -3779,10 +3871,7 @@ function resolveVueFeatureDefines(features, define) {
 	};
 }
 //#endregion
-//#region src/plugin/index.ts
-function aliasSortKey(find) {
-	return typeof find === "string" ? find.length : find.source.length;
-}
+//#region src/plugin/index-helpers.ts
 function shouldExtractCssForBuild(state, context) {
 	if (!state.isProduction) return false;
 	const environmentName = context.environment?.name;
@@ -3799,6 +3888,11 @@ function resolveCompatibilityOptions(options, compilerConfig = {}) {
 	if (compatibility.hostCompiler === void 0 && isLegacyVueVersion(vueVersion)) compatibility.hostCompiler = true;
 	return compatibility;
 }
+function aliasSortKey(find) {
+	return typeof find === "string" ? find.length : find.source.length;
+}
+//#endregion
+//#region src/plugin/index.ts
 function vize(options = {}) {
 	if (isLegacyVueCompatibilityMode(options)) return [createLegacyVueCompatibilityPlugin(options)];
 	const state = {
@@ -3878,6 +3972,7 @@ function vize(options = {}) {
 					sourceMap: options.sourceMap ?? compilerConfig.sourceMap,
 					...resolveExperimentalCompilerOptions(options, compilerConfig, sharedConfig?.experimentals),
 					customRenderer: options.customRenderer ?? compilerConfig.customRenderer ?? false,
+					customElements: options.customElements ?? compilerConfig.customElements,
 					templateSyntax,
 					compatibility,
 					vueVersion,
@@ -3953,6 +4048,9 @@ function vize(options = {}) {
 			async hotUpdate(options) {
 				return handleHotUpdateEnvironmentHook(state, this.environment, options);
 			},
+			shouldTransformCachedModule({ id }) {
+				return id?.includes(".vue") ? true : void 0;
+			},
 			async handleHotUpdate(ctx) {
 				return handleHotUpdateHook(state, ctx);
 			},

package/dist/internal/config-bridge.d.mts

@@ -1,4 +1,4 @@
-import { f as ResolvedVizeConfig } from "../types-D_BZmgv-.mjs";
+import { f as ResolvedVizeConfig } from "../types-0tlI4YFk.mjs";
 import { ResolvedConfig } from "vite";
 
 //#region src/internal/config-bridge.d.ts

package/dist/{types-D_BZmgv-.d.mts → types-0tlI4YFk.d.mts}

@@ -74,6 +74,10 @@ interface CompilerConfig {
    * Treat lowercase non-HTML tags as custom renderer elements
    */
   customRenderer?: boolean;
+  /**
+   * Tag patterns that compile as custom elements instead of Vue components
+   */
+  customElements?: string[];
   /**
    * Enable SSR mode
    */
@@ -712,6 +716,36 @@ interface ExperimentalPluginOptions extends ExperimentalCompileFlags {
   experimentals?: ExperimentalOptions;
 }
 //#endregion
+//#region src/compatibility-types.d.ts
+type VizeVueVersion = 0.11 | 1 | 2 | "2.7" | 3 | "legacy";
+interface VizeCompatibilityOptions {
+  /**
+   * Host Vue version. Vue 0.11/1/2/2.7 opt into host-compiler compatibility.
+   */
+  vueVersion?: VizeVueVersion;
+  /**
+   * Keep .vue files on the existing Vue compiler for legacy Vue runtimes.
+   * @default true when vueVersion is 0.11, 1, 2, "2.7", or "legacy"
+   */
+  hostCompiler?: boolean;
+  /**
+   * Enable function-body output for CDN/global Vue evaluation.
+   */
+  scriptSetupInStandalone?: boolean;
+  /**
+   * Allow Vapor output for Options API SFCs when vapor is enabled.
+   */
+  optionsApiVapor?: boolean;
+  /**
+   * Override the host Nuxt major when this option object is shared with Nuxt.
+   */
+  nuxtVersion?: 2 | 3 | 4;
+  /**
+   * Override the host Webpack major when this option object is shared with unplugin.
+   */
+  webpackVersion?: 4 | 5;
+}
+//#endregion
 //#region src/inspector-types.d.ts
 interface VizeInspectorLintPlanRequest {
   /** Project-relative files whose effective lint rules should be explained. */
@@ -725,6 +759,36 @@ interface VizeInspectorOptions {
   lintPlan?: VizeInspectorLintPlanProvider;
 }
 //#endregion
+//#region src/plugin-vue-types.d.ts
+type VitePluginVueFilterPattern = string | RegExp | (string | RegExp)[];
+type VitePluginVueCustomElementOption = boolean | VitePluginVueFilterPattern;
+type VitePluginVueComponentIdGenerator = "filepath" | "filepath-source" | ((filepath: string, source: string, isProduction: boolean, getHash: (text: string) => string) => string);
+interface VitePluginVueScriptOptions {
+  hoistStatic?: boolean;
+  propsDestructure?: boolean | "error";
+  globalTypeFiles?: string[];
+  [key: string]: unknown;
+}
+interface VitePluginVueTemplateCompilerOptions {
+  comments?: boolean;
+  hoistStatic?: boolean;
+  cacheHandlers?: boolean;
+  prefixIdentifiers?: boolean;
+  [key: string]: unknown;
+}
+interface VitePluginVueTemplateOptions {
+  compilerOptions?: VitePluginVueTemplateCompilerOptions;
+  transformAssetUrls?: boolean | Record<string, unknown>;
+  preprocessCustomRequire?: unknown;
+  preprocessOptions?: Record<string, unknown>;
+  [key: string]: unknown;
+}
+interface VitePluginVueStyleOptions {
+  trim?: boolean;
+  inMap?: unknown;
+  [key: string]: unknown;
+}
+//#endregion
 //#region src/vue-features.d.ts
 /** Vue runtime feature flags shared with `@vitejs/plugin-vue`. */
 interface VizeVueFeatures {
@@ -744,6 +808,12 @@ interface VizeVueFeatures {
    * @default false
    */
   prodHydrationMismatchDetails?: boolean;
+  /** Custom-element matcher from `@vitejs/plugin-vue`'s `features` bag. */
+  customElement?: VitePluginVueCustomElementOption;
+  /** Vue 3.5 reactive props destructure feature flag. */
+  propsDestructure?: boolean | "error";
+  /** Scope-id strategy hook accepted for plugin-vue config compatibility. */
+  componentIdGenerator?: VitePluginVueComponentIdGenerator;
 }
 //#endregion
 //#region src/utils/module-output.d.ts
@@ -768,7 +838,7 @@ type ModuleOutputInfo = {
   defaultExportIsSfcMain: boolean;
 };
 //#endregion
-//#region src/types.d.ts
+//#region src/sfc-types.d.ts
 interface MacroArtifact {
   kind: string;
   name: string;
@@ -778,34 +848,51 @@ interface MacroArtifact {
   start: number;
   end: number;
 }
-type VizeVueVersion = 0.11 | 1 | 2 | "2.7" | 3 | "legacy";
-interface VizeCompatibilityOptions {
-  /**
-   * Host Vue version. Vue 0.11/1/2/2.7 opt into host-compiler compatibility.
-   */
-  vueVersion?: VizeVueVersion;
-  /**
-   * Keep .vue files on the existing Vue compiler for legacy Vue runtimes.
-   * @default true when vueVersion is 0.11, 1, 2, "2.7", or "legacy"
-   */
-  hostCompiler?: boolean;
-  /**
-   * Enable function-body output for CDN/global Vue evaluation.
-   */
-  scriptSetupInStandalone?: boolean;
-  /**
-   * Allow Vapor output for Options API SFCs when vapor is enabled.
-   */
-  optionsApiVapor?: boolean;
+interface StyleBlockInfo {
+  /** Raw style content (uncompiled for preprocessor langs) */
+  content: string;
+  /** External source path from `<style src>`, when present */
+  src?: string | null;
+  /** Language of the style block (e.g., "css", "scss", "less", "sass", "stylus") */
+  lang: string | null;
+  /** Whether the style block has the scoped attribute */
+  scoped: boolean;
+  /** CSS Modules: true for unnamed `module`, or the binding name for `module="name"` */
+  module: boolean | string;
+  /** Index of this style block in the SFC */
+  index: number;
+}
+interface CompiledModule {
+  code: string;
   /**
-   * Override the host Nuxt major when this option object is shared with Nuxt.
+   * Source Map v3 document (JSON) describing `code`, when the compiler was
+   * asked for one (#3399). Absent when source maps are off, when the SFC has no
+   * script block, and for the rspack and unplugin builders, which do not request
+   * maps. Persisted with the rest of the module in the pre-compile cache.
    */
-  nuxtVersion?: 2 | 3 | 4;
+  map?: string;
+  css?: string;
+  scopeId: string;
+  hasScoped: boolean;
+  templateHash?: string;
+  styleHash?: string;
+  scriptHash?: string;
+  /** Compile-time macro artifacts extracted from the source SFC */
+  macroArtifacts?: MacroArtifact[];
+  /** Per-block style metadata extracted from the source SFC */
+  styles?: StyleBlockInfo[];
+  /** Files loaded through SFC `src` imports */
+  dependencies?: string[];
   /**
-   * Override the host Webpack major when this option object is shared with unplugin.
+   * Module shape reported by the native compiler, so `generateOutput` need not
+   * re-parse the emitted module (#3425). Absent for a cache entry written before
+   * the field existed, and for the rspack and unplugin builders, which never set
+   * it — both fall back to parsing.
    */
-  webpackVersion?: 4 | 5;
+  moduleShape?: ModuleOutputInfo;
 }
+//#endregion
+//#region src/types.d.ts
 interface VizeOptions extends ExperimentalPluginOptions {
   /**
    * Inline shared Vize config for Vite Plus-first projects.
@@ -816,6 +903,19 @@ interface VizeOptions extends ExperimentalPluginOptions {
   inspector?: VizeInspectorOptions;
   /** Vue runtime feature flags compatible with `@vitejs/plugin-vue`. */
   features?: VizeVueFeatures;
+  /** `@vitejs/plugin-vue` script option bag accepted for drop-in config parity. */
+  script?: VitePluginVueScriptOptions;
+  /** `@vitejs/plugin-vue` template option bag. */
+  template?: VitePluginVueTemplateOptions;
+  /** `@vitejs/plugin-vue` style option bag. */
+  style?: VitePluginVueStyleOptions;
+  /** Lower-level compiler override accepted for plugin-vue config parity. */
+  compiler?: unknown;
+  /**
+   * Top-level custom-element matcher supported by `@vitejs/plugin-vue`.
+   * @default /\.ce\.vue$/
+   */
+  customElement?: VitePluginVueCustomElementOption;
   /**
    * Vue major version for the host project.
    *
@@ -898,6 +998,11 @@ interface VizeOptions extends ExperimentalPluginOptions {
    * @default false
    */
   customRenderer?: boolean;
+  /**
+   * Tag patterns that compile as custom elements instead of Vue components.
+   * Supports exact tags and `*` wildcards, e.g. `["Tres*", "primitive"]`.
+   */
+  customElements?: string[];
   /**
    * Template syntax compatibility mode.
    * @default "standard"
@@ -951,48 +1056,5 @@ interface VizeOptions extends ExperimentalPluginOptions {
    */
   debug?: boolean;
 }
-interface StyleBlockInfo {
-  /** Raw style content (uncompiled for preprocessor langs) */
-  content: string;
-  /** External source path from `<style src>`, when present */
-  src?: string | null;
-  /** Language of the style block (e.g., "css", "scss", "less", "sass", "stylus") */
-  lang: string | null;
-  /** Whether the style block has the scoped attribute */
-  scoped: boolean;
-  /** CSS Modules: true for unnamed `module`, or the binding name for `module="name"` */
-  module: boolean | string;
-  /** Index of this style block in the SFC */
-  index: number;
-}
-interface CompiledModule {
-  code: string;
-  /**
-   * Source Map v3 document (JSON) describing `code`, when the compiler was
-   * asked for one (#3399). Absent when source maps are off, when the SFC has no
-   * script block, and for the rspack and unplugin builders, which do not request
-   * maps. Persisted with the rest of the module in the pre-compile cache.
-   */
-  map?: string;
-  css?: string;
-  scopeId: string;
-  hasScoped: boolean;
-  templateHash?: string;
-  styleHash?: string;
-  scriptHash?: string;
-  /** Compile-time macro artifacts extracted from the source SFC */
-  macroArtifacts?: MacroArtifact[];
-  /** Per-block style metadata extracted from the source SFC */
-  styles?: StyleBlockInfo[];
-  /** Files loaded through SFC `src` imports */
-  dependencies?: string[];
-  /**
-   * Module shape reported by the native compiler, so `generateOutput` need not
-   * re-parse the emitted module (#3425). Absent for a cache entry written before
-   * the field existed, and for the rspack and unplugin builders, which never set
-   * it — both fall back to parsing.
-   */
-  moduleShape?: ModuleOutputInfo;
-}
 //#endregion
-export { VizeVueVersion as a, VizeInspectorLintPlanRequest as c, LoadConfigOptions as d, ResolvedVizeConfig as f, VizeOptions as i, VizeInspectorOptions as l, VizeConfig as m, MacroArtifact as n, VizeVueFeatures as o, UserConfigExport as p, VizeCompatibilityOptions as r, VizeInspectorLintPlanProvider as s, CompiledModule as t, ConfigEnv as u };
+export { VizeInspectorLintPlanProvider as a, VizeCompatibilityOptions as c, LoadConfigOptions as d, ResolvedVizeConfig as f, VizeVueFeatures as i, VizeVueVersion as l, VizeConfig as m, CompiledModule as n, VizeInspectorLintPlanRequest as o, UserConfigExport as p, MacroArtifact as r, VizeInspectorOptions as s, VizeOptions as t, ConfigEnv as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizejs/vite-plugin",
-  "version": "0.347.7",
+  "version": "0.351.0",
   "description": "High-performance native Vite plugin for Vue SFC compilation powered by Vize",
   "keywords": [
     "compiler",
@@ -45,16 +45,16 @@
     "access": "public"
   },
   "dependencies": {
-    "@vizejs/native": "0.347.7",
-    "oxc-parser": "0.133.0",
-    "tinyglobby": "0.2.16",
-    "vize": "0.347.7"
+    "@vizejs/native": "0.351.0",
+    "oxc-parser": "0.144.0",
+    "tinyglobby": "0.2.17",
+    "vize": "0.351.0"
   },
   "devDependencies": {
     "@types/node": "25.9.2",
     "typescript": "6.0.3",
-    "vite": "npm:@voidzero-dev/vite-plus-core@0.1.21",
-    "vite-plus": "0.1.21"
+    "vite": "npm:@voidzero-dev/vite-plus-core@0.1.24",
+    "vite-plus": "0.1.24"
   },
   "peerDependencies": {
     "vite": "^7.3.0 || ^8.0.0"