@vizejs/vite-plugin 0.115.0 → 0.117.0

package/dist/index.d.mts

@@ -97,7 +97,7 @@ interface LinterConfig {
   /**
    * Built-in lint preset
    */
-  preset?: "happy-path" | "opinionated" | "essential" | "incremental" | "nuxt";
+  preset?: "happy-path" | "opinionated" | "essential" | "incremental" | "ecosystem" | "nuxt";
   /**
    * Rules to enable/disable
    */
@@ -290,6 +290,10 @@ interface LanguageServerConfig {
    * Enable editor-oriented IDE features
    */
   editor?: boolean;
+  /**
+   * Enable Vue ecosystem lint and editor helpers
+   */
+  ecosystem?: boolean;
   /**
    * Enable completions
    */

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { createRequire } from "node:module";
 import { createHash } from "node:crypto";
 import * as native from "@vizejs/native";
-import { applyViteDefineReplacements, chunkVitePrecompileFiles, classifyVitePluginRequest, createViteBareImportBases, createViteBareImportCandidates, createViteVirtualId, detectViteHmrUpdateType, diffVitePrecompileFiles, generateViteHmrCode, hasViteHmrChanges, isViteBareSpecifier, normalizeViteCssModuleFilename, normalizeViteDevMiddlewareUrl, normalizeVitePrecompileBatchSize, normalizeViteRequireBase, normalizeViteResolvedVuePath, resolveViteAliasRequest, resolveViteCssImports, resolveViteRelativeImport, resolveViteVuePath, rewriteViteDynamicTemplateImports, rewriteViteStaticAssetUrls, scopeViteCssForPipeline, shouldApplyViteDefineInVirtualModule, splitViteIdQuery, toViteBrowserImportPrefix } from "@vizejs/native";
+import { applyViteDefineReplacements, chunkVitePrecompileFiles, classifyVitePluginRequest, createViteBareImportBases, createViteBareImportCandidates, createViteVirtualId, detectViteHmrUpdateType, diffVitePrecompileFiles, generateViteHmrCode, hasViteHmrChanges, isViteBareSpecifier, normalizeViteCssModuleFilename, normalizeViteDevMiddlewareUrl, normalizeVitePrecompileBatchSize, normalizeViteRequireBase, normalizeViteResolvedVuePath, resolveViteAliasRequest, resolveViteCssImports, resolveViteRelativeImport, resolveViteVuePath, rewriteViteDynamicTemplateImports, rewriteViteStaticAssetUrls, scopeViteCssForPipeline, shouldApplyViteDefineInVirtualModule, splitViteIdQuery, toViteBrowserImportPrefix, transformViteCssVarsForPipeline } from "@vizejs/native";
 import { CONFIG_FILE_NAMES, defineConfig, loadConfig } from "vize";
 import fs from "node:fs";
 import { glob } from "tinyglobby";
@@ -40,6 +40,9 @@ function toHmrHashes(module) {
 function scopeCssForPipeline(css, scopeId) {
 	return scopeViteCssForPipeline(css, scopeId);
 }
+function transformCssVarsForPipeline(css, scopeId) {
+	return transformViteCssVarsForPipeline(css, scopeId);
+}
 /**
 * Resolve CSS @import statements by inlining the imported files,
 * then resolve @custom-media definitions within the combined CSS.
@@ -883,18 +886,7 @@ function loadHook(state, id, loadOptions) {
 			const block = fallbackCompiled.styles[blockIndex];
 			let styleContent = block.content;
 			if (scoped && block.scoped && (!lang || lang === "css")) styleContent = scopeCssForPipeline(styleContent, scoped);
-			if (scoped && block.scoped && lang && lang !== "css") {
-				const lines = styleContent.split("\n");
-				const hoisted = [];
-				const body = [];
-				for (const line of lines) {
-					const trimmed = line.trimStart();
-					if (trimmed.startsWith("@use ") || trimmed.startsWith("@forward ") || trimmed.startsWith("@import ")) hoisted.push(line);
-					else body.push(line);
-				}
-				const bodyContent = body.join("\n");
-				styleContent = `${hoisted.length > 0 ? hoisted.join("\n") + "\n\n" : ""}[${scoped}] {\n${bodyContent}\n}`;
-			}
+			styleContent = transformCssVarsForPipeline(styleContent, fallbackCompiled.scopeId);
 			return {
 				code: styleContent,
 				map: null
@@ -1122,6 +1114,27 @@ function createVueCompatPlugin(state) {
 		} }
 	};
 }
+function normalizeVirtualStyleId(id) {
+	if (!id.startsWith("\0") || !id.includes("?vue")) return id;
+	return id.slice(1).replace(/\.module\.\w+$/, "").replace(/\.\w+$/, "");
+}
+function transformScopedPreprocessorCss(code, id) {
+	const request = classifyVitePluginRequest(normalizeVirtualStyleId(id));
+	if (!request.isVueStyleQuery || !request.styleScoped || !request.styleLang || request.styleLang === "css") return null;
+	return scopeCssForPipeline(code, request.styleScoped);
+}
+function createStylePostTransformPlugin() {
+	return {
+		name: "vize:style-post-transform",
+		transform(code, id) {
+			const scoped = transformScopedPreprocessorCss(code, id);
+			return scoped === null ? null : {
+				code: scoped,
+				map: null
+			};
+		}
+	};
+}
 function createPostTransformPlugin(state) {
 	return {
 		name: "vize:post-transform",
@@ -1379,6 +1392,7 @@ function vize(options = {}) {
 				if (state.server === null) clearBuildCaches(state);
 			}
 		},
+		createStylePostTransformPlugin(),
 		createPostTransformPlugin(state)
 	];
 }

package/package.json

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