@vizejs/vite-plugin 0.170.0 → 0.171.0

package/dist/index.d.mts

@@ -2,6 +2,10 @@ import { defineConfig, loadConfig, resolveConfigExport } from "vize";
 import { Plugin } from "vite";
 
 //#region ../vize/src/types/generated.d.ts
+/**
+ * Host Vue runtime version for opt-in compatibility modes
+ */
+type VueVersion = 0.11 | 1 | 2 | 3 | "legacy";
 /**
  * Configuration file for vize - High-performance Vue.js toolchain
  */
@@ -52,6 +56,10 @@ interface CompilerConfig {
    * Enable Vapor mode compilation
    */
   vapor?: boolean;
+  /**
+   * Treat lowercase non-HTML tags as custom renderer elements
+   */
+  customRenderer?: boolean;
   /**
    * Enable SSR mode
    */
@@ -92,6 +100,33 @@ interface CompilerConfig {
    * Global variable name for runtime (IIFE builds)
    */
   runtimeGlobalName?: string;
+  compatibility?: CompilerCompatibilityConfig;
+}
+/**
+ * Opt-in compatibility features for unsupported host/runtime combinations
+ */
+interface CompilerCompatibilityConfig {
+  vueVersion?: VueVersion;
+  /**
+   * Delegate .vue compilation to the host Vue compiler for legacy Vue runtimes
+   */
+  hostCompiler?: boolean;
+  /**
+   * Enable <script setup> when emitting function-body output for CDN/global Vue usage
+   */
+  scriptSetupInStandalone?: boolean;
+  /**
+   * Allow Vapor output for Options API SFCs when Vapor mode is enabled
+   */
+  optionsApiVapor?: boolean;
+  /**
+   * Host Nuxt major version for compatibility bridges
+   */
+  nuxtVersion?: 2 | 3 | 4;
+  /**
+   * Host Webpack major version for compatibility bridges
+   */
+  webpackVersion?: 4 | 5;
 }
 /**
  * Vite plugin options
@@ -593,6 +628,33 @@ interface MacroArtifact {
   end: number;
 }
 type VizeVueVersion = 0.11 | 1 | 2 | 3 | "legacy";
+interface VizeCompatibilityOptions {
+  /**
+   * Host Vue version. Vue 0.11/1/2 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, 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;
+}
 interface VizeOptions {
   /**
    * Inline shared Vize config for Vite Plus-first projects.
@@ -610,6 +672,25 @@ interface VizeOptions {
    * @default 3
    */
   vueVersion?: VizeVueVersion;
+  /**
+   * Opt-in compatibility features for unsupported host/runtime combinations.
+   */
+  compatibility?: VizeCompatibilityOptions;
+  /**
+   * Compilation output mode. Use "function" for CDN/global Vue evaluation.
+   * @default "module"
+   */
+  mode?: "module" | "function";
+  /**
+   * Module name for runtime imports.
+   * @default "vue"
+   */
+  runtimeModuleName?: string;
+  /**
+   * Global variable name for function/standalone output.
+   * @default "Vue"
+   */
+  runtimeGlobalName?: string;
   /**
    * Override the public base used for dev-time asset URLs such as /@fs paths.
    * Useful for frameworks like Nuxt that serve Vite from a subpath (e.g. /_nuxt/).
@@ -762,4 +843,4 @@ declare const __internal: {
   rewriteStaticAssetUrls: typeof rewriteStaticAssetUrls;
 };
 //#endregion
-export { type CompiledModule, type LoadConfigOptions, type MacroArtifact, type ResolvedVizeConfig, type UserConfigExport, type VizeConfig, type VizeOptions, type VizeVueVersion, __internal, rewriteStaticAssetUrls as __internal_rewriteStaticAssetUrls, vize as default, vize, defineConfig, loadConfig, resolveConfigExport, vizeConfigStore };
+export { type CompiledModule, type LoadConfigOptions, type MacroArtifact, type ResolvedVizeConfig, type UserConfigExport, type VizeCompatibilityOptions, type VizeConfig, type VizeOptions, type VizeVueVersion, __internal, rewriteStaticAssetUrls as __internal_rewriteStaticAssetUrls, vize as default, vize, defineConfig, loadConfig, resolveConfigExport, vizeConfigStore };

package/dist/index.mjs

@@ -282,20 +282,28 @@ const vizeConfigStore = /* @__PURE__ */ new Map();
 function buildCompileFileOptions(filePath, options) {
 	return {
 		filename: filePath,
+		mode: options.mode,
 		sourceMap: options.sourceMap,
 		ssr: options.ssr,
 		vapor: options.vapor,
 		customRenderer: options.customRenderer ?? false,
 		vueParserQuirks: options.vueParserQuirks ?? false,
+		runtimeModuleName: options.runtimeModuleName,
+		runtimeGlobalName: options.runtimeGlobalName,
+		vueVersion: options.vueVersion == null ? void 0 : String(options.vueVersion),
 		scopeId: `data-v-${generateScopeId(filePath)}`
 	};
 }
 function buildCompileBatchOptions(options) {
 	return {
+		mode: options.mode,
 		ssr: options.ssr,
 		vapor: options.vapor,
 		customRenderer: options.customRenderer ?? false,
-		vueParserQuirks: options.vueParserQuirks ?? false
+		vueParserQuirks: options.vueParserQuirks ?? false,
+		runtimeModuleName: options.runtimeModuleName,
+		runtimeGlobalName: options.runtimeGlobalName,
+		vueVersion: options.vueVersion == null ? void 0 : String(options.vueVersion)
 	};
 }
 //#endregion
@@ -409,13 +417,18 @@ function getEnvironmentCache(state, ssr) {
 	return ssr ? state.ssrCache : state.cache;
 }
 function getCompileOptionsForRequest(state, ssr) {
-	return {
+	const options = {
 		sourceMap: state.mergedOptions?.sourceMap ?? !state.isProduction,
 		ssr,
 		vapor: !ssr && (state.mergedOptions?.vapor ?? false),
 		customRenderer: state.mergedOptions?.customRenderer ?? false,
 		vueParserQuirks: state.mergedOptions?.vueParserQuirks ?? false
 	};
+	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;
+	if (state.mergedOptions?.vueVersion !== void 0) options.vueVersion = state.mergedOptions.vueVersion;
+	return options;
 }
 function syncCollectedCssForFile(state, filePath, compiled) {
 	if (!compiled || !state.extractCss) return;
@@ -500,8 +513,12 @@ async function compileAll(state) {
 		const result = compileBatch(fileContents, state.cache, {
 			ssr: false,
 			vapor: state.mergedOptions.vapor ?? false,
+			mode: state.mergedOptions.mode,
 			customRenderer: state.mergedOptions.customRenderer ?? false,
-			vueParserQuirks: state.mergedOptions.vueParserQuirks ?? false
+			vueParserQuirks: state.mergedOptions.vueParserQuirks ?? false,
+			runtimeModuleName: state.mergedOptions.runtimeModuleName,
+			runtimeGlobalName: state.mergedOptions.runtimeGlobalName,
+			vueVersion: state.mergedOptions.vueVersion
 		});
 		const chunkFailedCount = result.results.filter((fileResult) => fileResult.errors.length > 0).length;
 		failedCount += chunkFailedCount;
@@ -1602,20 +1619,20 @@ function createPostTransformPlugin(state) {
 }
 //#endregion
 //#region src/plugin/unocss.ts
-const bridgePatched = Symbol("vize.unocssBridgePatched");
-const VIZE_SSR_PREFIX = "\0vize-ssr:";
-const plainSsrPrefix = VIZE_SSR_PREFIX.slice(1);
-function stripBridgePrefix(id) {
-	if (id.startsWith(VIZE_SSR_PREFIX)) return id.slice(10);
-	if (id.startsWith(plainSsrPrefix)) return id.slice(plainSsrPrefix.length);
+const bridgePatched$1 = Symbol("vize.unocssBridgePatched");
+const VIZE_SSR_PREFIX$1 = "\0vize-ssr:";
+const plainSsrPrefix$1 = VIZE_SSR_PREFIX$1.slice(1);
+function stripBridgePrefix$1(id) {
+	if (id.startsWith(VIZE_SSR_PREFIX$1)) return id.slice(10);
+	if (id.startsWith(plainSsrPrefix$1)) return id.slice(plainSsrPrefix$1.length);
 	if (id.startsWith("\0")) return id.slice(1);
 	return id;
 }
 function isUnoCssBridgeModuleId(id) {
-	return /\.vue\.ts(?:\?|$)/.test(stripBridgePrefix(id));
+	return /\.vue\.ts(?:\?|$)/.test(stripBridgePrefix$1(id));
 }
 function normalizeUnoCssBridgeModuleId(id) {
-	return stripBridgePrefix(id).replace(/\.ts(?=\?|$)/, "");
+	return stripBridgePrefix$1(id).replace(/\.ts(?=\?|$)/, "");
 }
 function appendOriginalVueSourceForUnoCss(code, normalizedId) {
 	const sourcePath = normalizedId.split("?")[0];
@@ -1633,7 +1650,7 @@ function appendOriginalVueSourceForUnoCss(code, normalizedId) {
 }
 function patchUnoCssBridge(plugins) {
 	for (const plugin of plugins) {
-		if (!plugin.name?.startsWith("unocss:") || typeof plugin.transform !== "function" || plugin[bridgePatched]) continue;
+		if (!plugin.name?.startsWith("unocss:") || typeof plugin.transform !== "function" || plugin[bridgePatched$1]) continue;
 		const originalTransform = plugin.transform;
 		const isExtractionOnly = plugin.name.startsWith("unocss:global");
 		plugin.transform = function(code, id, ...args) {
@@ -1643,6 +1660,38 @@ function patchUnoCssBridge(plugins) {
 			if (isExtractionOnly) effectiveCode = appendOriginalVueSourceForUnoCss(code, normalizedId);
 			return originalTransform.call(this, effectiveCode, normalizedId, ...args);
 		};
+		plugin[bridgePatched$1] = true;
+	}
+}
+//#endregion
+//#region src/plugin/quasar.ts
+const bridgePatched = Symbol("vize.quasarBridgePatched");
+const VIZE_SSR_PREFIX = "\0vize-ssr:";
+const LEGACY_VIZE_PREFIX = "\0vize:";
+const plainSsrPrefix = VIZE_SSR_PREFIX.slice(1);
+const plainLegacyPrefix = LEGACY_VIZE_PREFIX.slice(1);
+function stripBridgePrefix(id) {
+	if (id.startsWith(VIZE_SSR_PREFIX)) return id.slice(10);
+	if (id.startsWith(LEGACY_VIZE_PREFIX)) return id.slice(6);
+	if (id.startsWith(plainSsrPrefix)) return id.slice(plainSsrPrefix.length);
+	if (id.startsWith(plainLegacyPrefix)) return id.slice(plainLegacyPrefix.length);
+	if (id.startsWith("\0")) return id.slice(1);
+	return id;
+}
+function isQuasarBridgeModuleId(id) {
+	return /\.vue\.ts(?:[?#]|$)/.test(stripBridgePrefix(id));
+}
+function normalizeQuasarBridgeModuleId(id) {
+	return stripBridgePrefix(id).replace(/\.vue\.ts(?=[?#]|$)/, ".vue");
+}
+function patchQuasarBridge(plugins) {
+	for (const plugin of plugins) {
+		if (plugin.name !== "vite:quasar:script" || typeof plugin.transform !== "function" || plugin[bridgePatched]) continue;
+		const originalTransform = plugin.transform;
+		plugin.transform = function(code, id, ...args) {
+			if (!isQuasarBridgeModuleId(id)) return originalTransform.call(this, code, id, ...args);
+			return originalTransform.call(this, code, normalizeQuasarBridgeModuleId(id), ...args);
+		};
 		plugin[bridgePatched] = true;
 	}
 }
@@ -1675,8 +1724,12 @@ function installVirtualAssetMiddleware(devServer, state) {
 }
 //#endregion
 //#region src/plugin/vue-version.ts
+function isLegacyVueVersion(version) {
+	return version === "legacy" || version === .11 || version === 1 || version === 2;
+}
 function isLegacyVueCompatibilityMode(options) {
-	return options.vueVersion !== void 0 && options.vueVersion !== 3;
+	const vueVersion = options.vueVersion ?? options.compatibility?.vueVersion;
+	return (options.compatibility?.hostCompiler ?? isLegacyVueVersion(vueVersion)) && isLegacyVueVersion(vueVersion);
 }
 function createLegacyVueCompatibilityPlugin(options) {
 	return {
@@ -1739,6 +1792,15 @@ function shouldExtractCssForBuild(state, context) {
 	if (environmentName === "ssr" || environmentName === "server") return false;
 	return state.extractCss;
 }
+function resolveCompatibilityOptions(options, compilerConfig = {}) {
+	const compatibility = {
+		...compilerConfig.compatibility,
+		...options.compatibility
+	};
+	const vueVersion = options.vueVersion ?? compatibility.vueVersion ?? 3;
+	if (compatibility.hostCompiler === void 0 && isLegacyVueVersion(vueVersion)) compatibility.hostCompiler = true;
+	return compatibility;
+}
 function vize(options = {}) {
 	if (isLegacyVueCompatibilityMode(options)) return [createLegacyVueCompatibilityPlugin(options)];
 	const state = {
@@ -1828,6 +1890,9 @@ function vize(options = {}) {
 				if (sharedConfig) vizeConfigStore.set(state.root, sharedConfig);
 				const viteConfig = sharedConfig?.vite ?? {};
 				const compilerConfig = sharedConfig?.compiler ?? {};
+				const compatibility = resolveCompatibilityOptions(options, compilerConfig);
+				const vueVersion = options.vueVersion ?? compatibility.vueVersion ?? 3;
+				const mode = options.mode ?? compilerConfig.mode ?? (compatibility.scriptSetupInStandalone === true ? "function" : "module");
 				state.mergedOptions = {
 					...options,
 					ssr: options.ssr ?? compilerConfig.ssr ?? false,
@@ -1835,6 +1900,11 @@ function vize(options = {}) {
 					vapor: options.vapor ?? compilerConfig.vapor ?? false,
 					customRenderer: options.customRenderer ?? compilerConfig.customRenderer ?? false,
 					vueParserQuirks: options.vueParserQuirks ?? compilerConfig.vueParserQuirks ?? false,
+					compatibility,
+					vueVersion,
+					mode,
+					runtimeModuleName: options.runtimeModuleName ?? compilerConfig.runtimeModuleName ?? "vue",
+					runtimeGlobalName: options.runtimeGlobalName ?? compilerConfig.runtimeGlobalName ?? "Vue",
 					include: options.include ?? viteConfig.include,
 					exclude: options.exclude ?? viteConfig.exclude,
 					scanPatterns: options.scanPatterns ?? viteConfig.scanPatterns,
@@ -1862,11 +1932,17 @@ function vize(options = {}) {
 					});
 				}
 				state.cssAliasRules.sort((a, b) => aliasSortKey(b.find) - aliasSortKey(a.find));
-				state.filter = createFilter(state.mergedOptions.include, state.mergedOptions.exclude);
-				state.scanPatterns = state.mergedOptions.scanPatterns ?? ["**/*.vue"];
+				if (isLegacyVueCompatibilityMode(state.mergedOptions)) {
+					state.filter = () => false;
+					state.scanPatterns = [];
+				} else {
+					state.filter = createFilter(state.mergedOptions.include, state.mergedOptions.exclude);
+					state.scanPatterns = state.mergedOptions.scanPatterns ?? ["**/*.vue"];
+				}
 				state.precompileBatchSize = normalizePrecompileBatchSize(state.mergedOptions.precompileBatchSize);
 				state.ignorePatterns = state.mergedOptions.ignorePatterns ?? [...DEFAULT_PRECOMPILE_IGNORE_PATTERNS];
 				patchUnoCssBridge(resolvedConfig.plugins);
+				patchQuasarBridge(resolvedConfig.plugins);
 				state.initialized = true;
 			},
 			configureServer(devServer) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizejs/vite-plugin",
-  "version": "0.170.0",
+  "version": "0.171.0",
   "description": "High-performance native Vite plugin for Vue SFC compilation powered by Vize",
   "keywords": [
     "compiler",
@@ -39,9 +39,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@vizejs/native": "0.170.0",
+    "@vizejs/native": "0.171.0",
     "tinyglobby": "0.2.16",
-    "vize": "0.170.0"
+    "vize": "0.171.0"
   },
   "devDependencies": {
     "@types/node": "25.7.0",