vuetify-nuxt-module 0.18.4 → 0.18.5

package/dist/module.json

@@ -5,7 +5,7 @@
     "nuxt": ">=3.9.0",
     "bridge": false
   },
-  "version": "0.18.4",
+  "version": "0.18.5",
   "builder": {
     "@nuxt/module-builder": "0.8.3",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -16,7 +16,7 @@ import { transformAssetUrls } from 'vite-plugin-vuetify';
 import { parseQuery, parseURL } from 'ufo';
 import destr from 'destr';
 
-const version = "0.18.4";
+const version = "0.18.5";
 
 const VIRTUAL_VUETIFY_CONFIGURATION = "virtual:vuetify-configuration";
 const RESOLVED_VIRTUAL_VUETIFY_CONFIGURATION = `\0${VIRTUAL_VUETIFY_CONFIGURATION}`;
@@ -536,6 +536,7 @@ function vuetifyStylesPlugin(options, [major, minor, patch], _logger) {
   let fileImport = false;
   const PREFIX = "vuetify-styles/";
   const SSR_PREFIX = `/@${PREFIX}`;
+  const resolveCss = resolveCssFactory();
   return {
     name: "vuetify:styles:nuxt",
     enforce: "pre",
@@ -556,20 +557,18 @@ function vuetifyStylesPlugin(options, [major, minor, patch], _logger) {
     },
     async resolveId(source, importer, { custom, ssr }) {
       if (source.startsWith(PREFIX) || source.startsWith(SSR_PREFIX)) {
-        if (source.endsWith(".sass"))
+        if (source.match(/\.s[ca]ss$/))
           return source;
         const idx = source.indexOf("?");
         return idx > -1 ? source.slice(0, idx) : source;
       }
       if (source === "vuetify/styles" || importer && source.endsWith(".css") && isSubdir(vuetifyBase, path.isAbsolute(source) ? source : importer)) {
-        if (options.styles === "sass") {
-          const target2 = source.replace(/\.css$/, ".sass");
-          return this.resolve(target2, importer, { skipSelf: true, custom });
-        }
+        if (options.styles === "sass")
+          return this.resolve(resolveCss(source), importer, { skipSelf: true, custom });
         const resolution = await this.resolve(source, importer, { skipSelf: true, custom });
         if (!resolution)
           return void 0;
-        const target = resolution.id.replace(/\.css$/, ".sass");
+        const target = resolveCss(resolution.id);
         if (isNone) {
           noneFiles.add(target);
           return target;
@@ -582,9 +581,9 @@ function vuetifyStylesPlugin(options, [major, minor, patch], _logger) {
       if (sassVariables) {
         const target = id.startsWith(PREFIX) ? path.resolve(vuetifyBase, id.slice(PREFIX.length)) : id.startsWith(SSR_PREFIX) ? path.resolve(vuetifyBase, id.slice(SSR_PREFIX.length)) : void 0;
         if (target) {
+          const suffix = target.match(/\.scss/) ? ";\n" : "\n";
           return {
-            code: `@use "${configFile}"
-@use "${fileImport ? pathToFileURL(target).href : normalizePath(target)}"`,
+            code: `@use "${configFile}"${suffix}@use "${fileImport ? pathToFileURL(target).href : normalizePath(target)}"${suffix}`,
             map: {
               mappings: ""
             }
@@ -595,6 +594,23 @@ function vuetifyStylesPlugin(options, [major, minor, patch], _logger) {
     }
   };
 }
+function resolveCssFactory() {
+  const mappings = /* @__PURE__ */ new Map();
+  return (source) => {
+    let mapping = mappings.get(source);
+    if (!mapping) {
+      try {
+        mapping = source.replace(/\.css$/, ".sass");
+        if (!existsSync(mapping))
+          mapping = source.replace(/\.css$/, ".scss");
+      } catch {
+        mapping = source.replace(/\.css$/, ".scss");
+      }
+      mappings.set(source, mapping);
+    }
+    return mapping;
+  };
+}
 function isSubdir(root, test) {
   const relative = relative$1(root, test);
   return relative && !relative.startsWith("..") && !isAbsolute(relative);
@@ -1249,11 +1265,15 @@ function configureVite(configKey, nuxt, ctx) {
           viteInlineConfig.css.preprocessorOptions ??= {};
           viteInlineConfig.css.preprocessorOptions.sass ??= {};
           viteInlineConfig.css.preprocessorOptions.sass.api = "modern-compiler";
+          viteInlineConfig.css.preprocessorOptions.scss ??= {};
+          viteInlineConfig.css.preprocessorOptions.scss.api = "modern-compiler";
         } else {
           viteInlineConfig.css ??= {};
           viteInlineConfig.css.preprocessorOptions ??= {};
           viteInlineConfig.css.preprocessorOptions.sass ??= {};
           viteInlineConfig.css.preprocessorOptions.sass.api = "modern";
+          viteInlineConfig.css.preprocessorOptions.scss ??= {};
+          viteInlineConfig.css.preprocessorOptions.scss.api = "modern";
           if (!("preprocessorMaxWorkers" in viteInlineConfig.css))
             viteInlineConfig.css.preprocessorMaxWorkers = true;
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuetify-nuxt-module",
   "type": "module",
-  "version": "0.18.4",
+  "version": "0.18.5",
   "packageManager": "pnpm@9.9.0",
   "description": "Zero-Config Nuxt Module for Vuetify",
   "author": "userquin <userquin@gmail.com>",