fix: resolve vuetify relative to cwd

fixes #248

Author: KaelWD

packages/shared/src/index.ts

@@ -1,3 +1,5 @@
+import * as path from 'upath'
+
 export interface Options {
   autoImport?: importPluginOptions,
   styles?: true | 'none' | 'expose' | 'sass',
@@ -12,3 +14,7 @@ export type importPluginOptions =
 
 export { generateImports } from './imports/generateImports'
 export { cacheDir, writeStyles } from './styles/writeStyles'
+
+export function resolveVuetifyBase () {
+  return path.dirname(require.resolve('vuetify/package.json', { paths: [process.cwd()] }))
+}

packages/vite-plugin/src/stylesPlugin.ts

@@ -1,7 +1,7 @@
 import { utimes } from 'fs/promises'
 import * as path from 'upath'
 import _debug from 'debug'
-import { cacheDir, writeStyles } from '@vuetify/loader-shared'
+import { cacheDir, writeStyles, resolveVuetifyBase } from '@vuetify/loader-shared'
 
 import type { PluginOption, ViteDevServer } from 'vite'
 import type { Options } from '@vuetify/loader-shared'
@@ -17,7 +17,7 @@ function isSubdir (root: string, test: string) {
 const styleImportRegexp = /(@use |meta\.load-css\()['"](vuetify(?:\/lib)?\/styles(?:\/main(?:\.sass)?)?)['"]/
 
 export function stylesPlugin (options: Options): PluginOption {
-  const vuetifyBase = path.dirname(require.resolve('vuetify/package.json'))
+  const vuetifyBase = resolveVuetifyBase()
   const files = new Set<string>()
 
   let server: ViteDevServer

packages/webpack-plugin/src/plugin.ts

@@ -1,28 +1,10 @@
 import * as path from 'upath'
 import { URLSearchParams } from 'url'
-import { writeStyles } from '@vuetify/loader-shared'
+import { resolveVuetifyBase, writeStyles } from '@vuetify/loader-shared'
 
 import type { Compiler, NormalModule, Module } from 'webpack'
-import type { Resolver, ResolveContext } from 'enhanced-resolve'
 import type { Options } from '@vuetify/loader-shared'
 
-// Can't use require.resolve() for this, it doesn't work with resolve.symlinks
-let vuetifyBase: string
-async function getVuetifyBase (base: string, context: ResolveContext, resolver: Resolver) {
-  if (!getVuetifyBase.promise) {
-    let resolve: (v: any) => void
-    getVuetifyBase.promise = new Promise((_resolve) => resolve = _resolve)
-    resolver.resolve({}, base, 'vuetify/package.json', context, (err, vuetifyPath) => {
-      if (vuetifyPath) {
-        vuetifyBase = path.dirname(vuetifyPath as string)
-      }
-      resolve(true)
-    })
-  }
-  return getVuetifyBase.promise
-}
-getVuetifyBase.promise = null as Promise<any> | null
-
 function isSubdir (root: string, test: string) {
   const relative = path.relative(root, test)
   return relative && !relative.startsWith('..') && !path.isAbsolute(relative)
@@ -55,6 +37,8 @@ export class VuetifyPlugin {
       })
     }
 
+    const vuetifyBase = resolveVuetifyBase()
+
     if (
       this.options.styles === 'none' ||
       this.options.styles === 'expose'
@@ -71,7 +55,7 @@ export class VuetifyPlugin {
         factory.hooks.beforeResolve.tap('vuetify-loader', resolveData => {
           if (
             resolveData.request.endsWith('.css') &&
-            isSubdir(path.dirname(require.resolve('vuetify/package.json')), resolveData.context)
+            isSubdir(vuetifyBase, resolveData.context)
           ) {
             const match = resolveData.request.match(/.*!(.+\.css)$/)
             if (match) {
@@ -156,10 +140,6 @@ export class VuetifyPlugin {
           resolver
             .getHook('resolve')
             .tapAsync('vuetify-loader', async (request, context, callback) => {
-              if (request.path && !vuetifyBase && request.request !== 'vuetify/package.json') {
-                await getVuetifyBase(request.path, context, resolver)
-              }
-
               if (!(
                 request.path &&
                 request.request?.endsWith('.css') &&