fix: support node 18

fixes #325

Author: KaelWD

packages/shared/package.json

@@ -25,7 +25,6 @@
   },
   "homepage": "https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/shared",
   "dependencies": {
-    "find-cache-dir": "^5.0.0",
     "upath": "^2.0.1"
   },
   "peerDependencies": {

packages/shared/src/imports/getImports.ts

@@ -1,6 +1,6 @@
 import { parseTemplate, TemplateMatch } from './parseTemplate'
-import * as importMap from 'vuetify/dist/json/importMap.json' with { type: 'json' }
-import * as importMapLabs from 'vuetify/dist/json/importMap-labs.json' with { type: 'json' }
+import importMap from 'vuetify/dist/json/importMap.json' assert { type: 'json' }
+import importMapLabs from 'vuetify/dist/json/importMap-labs.json' assert { type: 'json' }
 import { isObject } from '../'
 import type { Options } from '../'
 

packages/shared/src/index.ts

@@ -1,7 +1,10 @@
-import * as path from 'upath'
+import { createRequire } from 'node:module'
+import path from 'upath'
 import type * as Components from 'vuetify/components'
 import type * as Directives from 'vuetify/directives'
 
+const require = createRequire(import.meta.url)
+
 export interface Options {
   autoImport?: ImportPluginOptions,
   styles?: true | 'none' | 'sass' | {
@@ -18,7 +21,6 @@ export type ImportPluginOptions =
   | ObjectImportPluginOptions
 
 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/shared/src/styles/writeStyles.ts

@@ -1,4 +1,4 @@
-import * as path from 'upath'
+import path from 'upath'
 import { resolveVuetifyBase, normalizePath, isObject } from '@vuetify/loader-shared'
 
 import type { Plugin } from 'vite'

packages/vite-plugin/src/stylesPlugin.ts

@@ -29,6 +29,7 @@
     "@vuetify/loader-shared": "^2.0.0",
     "decache": "^4.6.0",
     "file-loader": "^6.2.0",
+    "find-cache-dir": "^5.0.0",
     "loader-utils": "^2.0.0",
     "mkdirp": "^1.0.4",
     "null-loader": "^4.0.1",

packages/webpack-plugin/package.json

@@ -1,3 +1,4 @@
+import { createRequire } from 'node:module'
 import { URLSearchParams } from 'url'
 import { writeFile } from 'fs/promises'
 
@@ -7,7 +8,6 @@ import mkdirp from 'mkdirp'
 import {
   resolveVuetifyBase,
   isObject,
-  cacheDir,
   transformAssetUrls,
   normalizePath,
 } from '@vuetify/loader-shared'
@@ -33,8 +33,9 @@ export class VuetifyPlugin {
     }
   }
 
-  apply (compiler: Compiler) {
+  async apply (compiler: Compiler) {
     if (this.options.autoImport) {
+      const require = createRequire(import.meta.url)
       compiler.options.module.rules.unshift({
         resourceQuery: query => {
           if (!query) return false
@@ -88,6 +89,11 @@ export class VuetifyPlugin {
     } else if (this.options.styles === 'sass') {
       hookResolve(file => file.replace(/\.css$/, '.sass'))
     } else if (isObject(this.options.styles)) {
+      const findCacheDir = (await import('find-cache-dir')).default
+      const cacheDir = findCacheDir({
+        name: 'vuetify',
+        create: true,
+      })!
       const configFile = path.isAbsolute(this.options.styles.configFile)
         ? this.options.styles.configFile
         : path.join(

packages/webpack-plugin/src/plugin.ts

@@ -9,7 +9,7 @@ if (matchJson.length) {
   for (let i = matchJson.length - 1; i >= 0; i--) {
     const match = matchJson[i]
     code = code.slice(0, match.index + match[1].length) +
-      ' with { type: \'json\' }' +
+      ' assert { type: \'json\' }' +
       code.slice(match.index + match[1].length)
   }
 

scripts/patchMJS.mjs

@@ -2636,6 +2636,14 @@
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.3.11.tgz#f6a038e15237edefcc90dbfe7edb806dd355c7bd"
   integrity sha512-u2G8ZQ9IhMWTMXaWqZycnK4UthG1fA238CD+DP4Dm4WJi5hdUKKLg0RMRaRpDPNMdkTwIDkp7WtD0Rd9BH9fLw==
 
+"@vuetify/loader-shared@^1.7.1":
+  version "1.7.1"
+  resolved "https://registry.yarnpkg.com/@vuetify/loader-shared/-/loader-shared-1.7.1.tgz#0f63a3d41b6df29a2db1ff438aa1819b237c37a3"
+  integrity sha512-kLUvuAed6RCvkeeTNJzuy14pqnkur8lTuner7v7pNE/kVhPR97TuyXwBSBMR1cJeiLiOfu6SF5XlCYbXByEx1g==
+  dependencies:
+    find-cache-dir "^3.3.2"
+    upath "^2.0.1"
+
 "@webassemblyjs/[email protected]", "@webassemblyjs/ast@^1.11.5":
   version "1.11.6"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.6.tgz#db046555d3c413f8966ca50a95176a0e2c642e24"
@@ -5071,6 +5079,15 @@ [email protected]:
     statuses "2.0.1"
     unpipe "~1.0.0"
 
+find-cache-dir@^3.3.2:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.2.tgz#b30c5b6eff0730731aea9bbd9dbecbd80256d64b"
+  integrity sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==
+  dependencies:
+    commondir "^1.0.1"
+    make-dir "^3.0.2"
+    pkg-dir "^4.1.0"
+
 find-cache-dir@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-4.0.0.tgz#a30ee0448f81a3990708f6453633c733e2f6eec2"
@@ -6782,6 +6799,13 @@ make-dir@^2.1.0:
     pify "^4.0.1"
     semver "^5.6.0"
 
+make-dir@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
+  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
+  dependencies:
+    semver "^6.0.0"
+
 make-fetch-happen@^5.0.0:
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-5.0.2.tgz#aa8387104f2687edca01c8687ee45013d02d19bd"
@@ -7912,7 +7936,7 @@ pkg-dir@^3.0.0:
   dependencies:
     find-up "^3.0.0"
 
-pkg-dir@^4.2.0:
+pkg-dir@^4.1.0, pkg-dir@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
   integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
@@ -10198,6 +10222,15 @@ vite-plugin-inspect@^0.8.1:
     picocolors "^1.0.0"
     sirv "^2.0.3"
 
+vite-plugin-vuetify@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/vite-plugin-vuetify/-/vite-plugin-vuetify-1.0.2.tgz#d1777c63aa1b3a308756461b3d0299fd101ee8f4"
+  integrity sha512-MubIcKD33O8wtgQXlbEXE7ccTEpHZ8nPpe77y9Wy3my2MWw/PgehP9VqTp92BLqr0R1dSL970Lynvisx3UxBFw==
+  dependencies:
+    "@vuetify/loader-shared" "^1.7.1"
+    debug "^4.3.3"
+    upath "^2.0.1"
+
 vite@^5.0.6:
   version "5.0.6"
   resolved "https://registry.yarnpkg.com/vite/-/vite-5.0.6.tgz#f9e13503a4c5ccd67312c67803dec921f3bdea7c"
@@ -10348,6 +10381,20 @@ webpack-merge@^5.7.3:
     clone-deep "^4.0.1"
     wildcard "^2.0.0"
 
+webpack-plugin-vuetify@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/webpack-plugin-vuetify/-/webpack-plugin-vuetify-2.0.1.tgz#735da7458a93670431399115bcb1f6cc72cb65b3"
+  integrity sha512-vopDoL1Il9lhDReAYdhToMi/OkFqV8BebEEyviZqMwFvQ3XnsRIdPyDDvee336h46QzCg3utp/FL5h2DhqeqAw==
+  dependencies:
+    "@vuetify/loader-shared" "^1.7.1"
+    decache "^4.6.0"
+    file-loader "^6.2.0"
+    find-cache-dir "^3.3.2"
+    loader-utils "^2.0.0"
+    mkdirp "^1.0.4"
+    null-loader "^4.0.1"
+    upath "^2.0.1"
+
 webpack-sources@^3.2.3:
   version "3.2.3"
   resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"