vuetify-nuxt-module 0.0.2 → 0.0.3

package/README.md

@@ -37,7 +37,7 @@ Zero-config Nuxt module for Vuetify
 
 ## 📦 Install
 
-> Requires Vite 3.2.0+, will not work with Webpack
+> Requires Vite, will not work with Webpack
 
 ```bash
 npm i vuetify-nuxt-module -D 

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.0.2"
+  "version": "0.0.3"
 }

package/dist/module.mjs

@@ -3,14 +3,14 @@ import defu from 'defu';
 import vuetify from 'vite-plugin-vuetify';
 import { utimes } from 'node:fs/promises';
 import { resolveVuetifyBase, normalizePath, writeStyles, cacheDir } from '@vuetify/loader-shared';
-import * as path from 'upath';
+import { isAbsolute, join, relative } from 'pathe';
 import { normalizePath as normalizePath$1 } from 'vite';
 
-const version = "0.0.2";
+const version = "0.0.3";
 
 function isSubdir(root, test) {
-  const relative = path.relative(root, test);
-  return relative && !relative.startsWith("..") && !path.isAbsolute(relative);
+  const relative$1 = relative(root, test);
+  return relative$1 && !relative$1.startsWith("..") && !isAbsolute(relative$1);
 }
 const styleImportRegexp = /(@use |meta\.load-css\()['"](vuetify(?:\/lib)?(?:\/styles(?:\/main(?:\.sass)?)?)?)['"]/;
 function stylesPlugin(options, logger) {
@@ -111,14 +111,14 @@ function stylesPlugin(options, logger) {
     },
     configResolved(config) {
       if (typeof options.styles === "object") {
-        if (path.isAbsolute(options.styles.configFile))
+        if (isAbsolute(options.styles.configFile))
           configFile = options.styles.configFile;
         else
-          configFile = path.join(config.root || process.cwd(), options.styles.configFile);
+          configFile = join(config.root || process.cwd(), options.styles.configFile);
       }
     },
-    async resolveId(source, importer, { custom }) {
-      if (source === "vuetify/styles" || importer && source.endsWith(".css") && isSubdir(vuetifyBase, path.isAbsolute(source) ? source : importer)) {
+    async resolveId(source, importer, { custom, ssr }) {
+      if (source === "vuetify/styles" || importer && source.endsWith(".css") && isSubdir(vuetifyBase, isAbsolute(source) ? source : importer)) {
         if (options.styles === "none") {
           return "/@plugin-vuetify/lib/__void__";
         } else if (options.styles === "sass") {
@@ -143,14 +143,13 @@ function stylesPlugin(options, logger) {
           if (!resolution)
             return null;
           const target = resolution.id.replace(/\.css$/, ".sass");
-          const file = path.relative(path.join(vuetifyBase, "lib"), target);
+          const file = relative(join(vuetifyBase, "lib"), target);
           const contents = `@use "${normalizePath(configFile)}"
 @use "${normalizePath(target)}"`;
           tempFiles.set(file, contents);
-          return `/@plugin-vuetify/lib/${file}`;
+          return ssr ? `/@plugin-vuetify/lib/${file}` : `/@fs/plugin-vuetify/lib/${file}`;
         }
       }
-      return null;
     },
     async transform(code, id) {
       if (options.styles === "expose" && [".scss", ".sass"].some((v) => id.endsWith(v)) && styleImportRegexp.test(code)) {
@@ -170,6 +169,10 @@ function stylesPlugin(options, logger) {
         const file = /^\/@plugin-vuetify\/lib\/(.*?)(\?.*)?$/.exec(id)[1];
         return tempFiles.get(file);
       }
+      if (id.startsWith("/@fs/plugin-vuetify/lib/")) {
+        const file = /^\/@fs\/plugin-vuetify\/lib\/(.*?)(\?.*)?$/.exec(id)[1];
+        return tempFiles.get(file);
+      }
     }
   };
 }
@@ -295,7 +298,7 @@ const module = defineNuxtModule({
         ...Array.isArray(viteInlineConfig.ssr.noExternal) ? viteInlineConfig.ssr.noExternal : [],
         CONFIG_KEY
       ];
-      const autoImportPlugin = vuetify({ styles, autoImport: true }).find((p) => p && typeof p === "object" && "name" in p && p.name === "vuetify:import");
+      const autoImportPlugin = vuetify({ styles: true, autoImport: true }).find((p) => p && typeof p === "object" && "name" in p && p.name === "vuetify:import");
       viteInlineConfig.plugins.push(autoImportPlugin);
       viteInlineConfig.plugins.push(stylesPlugin({ styles }, logger));
       viteInlineConfig.plugins.push(vuetifyConfigurationPlugin(

package/package.json

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