chore: use eslint-config-vuetify v4 (#74)

Author: AndreyYolkin

eslint.config.mjs

@@ -1 +1,12 @@
-export { default } from 'eslint-config-vuetify/index.ts.mjs'
+import vuetify from 'eslint-config-vuetify'
+
+export default vuetify({
+  vue: true,
+  perfectionist: {
+    import: false,
+  },
+}, {
+  rules: {
+    'unicorn/no-process-exit': 'off',
+  },
+})

package.json

@@ -43,7 +43,7 @@
     "@types/validate-npm-package-name": "^4.0.2",
     "esbuild": "^0.25.1",
     "eslint": "^9.23.0",
-    "eslint-config-vuetify": "^3.0.3",
+    "eslint-config-vuetify": "4.0.0",
     "nypm": "^0.6.0",
     "release-it": "^18.1.2",
     "typescript": "^5.8.2"

pnpm-lock.yaml

@@ -17,7 +17,7 @@ async function bundle () {
 }
 
 bundle()
-  .catch(err => {
-    console.error(err)
+  .catch(error => {
+    console.error(error)
     process.exit(1)
   })

scripts/build.js

@@ -1,7 +1,7 @@
 // Node
-import { dirname, join, resolve } from 'path'
-import { fileURLToPath } from 'url'
-import { mkdirSync, rmSync, writeFileSync } from 'fs'
+import { dirname, join, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { mkdirSync, rmSync, writeFileSync } from 'node:fs'
 
 // Types
 import type { ContextState } from './utils/prompts'
@@ -19,7 +19,7 @@ const validPresets = ['base', 'custom', 'default', 'essentials']
 async function run () {
   const argv = minimist(process.argv.slice(2), {
     alias: {
-      'typescript': ['ts'],
+      typescript: ['ts'],
     },
   })
 
@@ -50,8 +50,6 @@ async function run () {
     usePackageManager,
     installDependencies: installDeps,
     usePreset,
-    useStore,
-    useEslint,
     useNuxtV4Compat,
     useNuxtModule,
     useNuxtSSR,
@@ -83,8 +81,7 @@ async function run () {
       useNuxtSSR,
       useNuxtSSRClientHints,
     })
-  }
-  else {
+  } else {
     // Create project directory
     mkdirSync(projectRoot)
 
@@ -122,7 +119,7 @@ run()
     console.log('Support Vuetify: https://github.com/sponsors/johnleider')
     process.exit(0)
   })
-  .catch(err => {
-    console.error(`\n${red('✖')} ${err}\n`)
+  .catch(error => {
+    console.error(`\n${red('✖')} ${error}\n`)
     process.exit(1)
   })

src/index.ts

@@ -5,12 +5,16 @@ export async function pnpmIgnored (root: string) {
   const [major] = pnpmVersion.split('.').map(Number)
   if (major && major >= 10) {
     const detect = (await x('pnpm', ['ignored-builds'], { nodeOptions: { cwd: root } })).stdout
-    if (detect.startsWith('Automatically ignored builds during installation:\n  None')) return
+    if (detect.startsWith('Automatically ignored builds during installation:\n  None')) {
+      return
+    }
     return detect
   }
 }
 
 export default async function pnpm (root: string) {
   const detect = await pnpmIgnored(root)
-  if (detect) console.warn(detect)
+  if (detect) {
+    console.warn(detect)
+  }
 }

src/utils/cli/postinstall/pnpm.ts

@@ -5,23 +5,23 @@ interface DeepMerge {
 
 const isObject: { (key: any): boolean } = (v: unknown): boolean => {
   return (
-    v === Object(v) &&
-    v !== null &&
-    !Array.isArray(v)
+    v === Object(v)
+    && v !== null
+    && !Array.isArray(v)
   )
 }
 
 const deepMerge: DeepMerge = <T extends GenericObject[]>(...sources: T): GenericObject =>
   sources.reduce((acc, curr) => {
-    Object.keys(curr).forEach(key => {
+    for (const key of Object.keys(curr)) {
       if (Array.isArray(acc[key]) && Array.isArray(curr[key])) {
         acc[key] = Array.from(new Set((acc[key]).concat(curr[key])))
       } else if (isObject(acc[key]) && isObject(curr[key])) {
         acc[key] = deepMerge(acc[key], curr[key])
       } else {
         acc[key] = curr[key]
       }
-    })
+    }
 
     return acc
   }, {})

src/utils/deepMerge.ts

@@ -1,7 +1,3 @@
-import { installDependencies } from './installDependencies'
-import { renderTemplate } from './renderTemplate'
+export { installDependencies } from './installDependencies'
 
-export {
-  installDependencies,
-  renderTemplate,
-}
+export { renderTemplate } from './renderTemplate'

src/utils/index.ts

@@ -19,7 +19,7 @@ export async function installDependencies (root: string = process.cwd(), manager
   })
     .catch(() => {
       console.error(
-        `Failed to install dependencies using ${manager}.`
+        `Failed to install dependencies using ${manager}.`,
       )
     })
   if (manager === 'pnpm') {

src/utils/installDependencies.ts

@@ -1,7 +1,7 @@
 // Node
-import fs from 'fs'
-import path from 'path'
-import { spawnSync } from 'child_process'
+import fs from 'node:fs'
+import path from 'node:path'
+import { spawnSync } from 'node:child_process'
 
 // Types
 import type { NuxtContext, PackageJsonEntry } from './types'
@@ -35,14 +35,17 @@ export async function renderNuxtTemplate (ctx: NuxtContext) {
     .replace('@latest', () => (isYarn1 ? '' : '@latest'))
     .replace(/^npm exec/, () => {
       // Prefer `pnpm dlx`, `yarn dlx`, or `bun x`
-      if (pkgManager === 'pnpm')
+      if (pkgManager === 'pnpm') {
         return 'pnpm dlx'
+      }
 
-      if (pkgManager === 'yarn' && !isYarn1)
+      if (pkgManager === 'yarn' && !isYarn1) {
         return 'yarn dlx'
+      }
 
-      if (pkgManager === 'bun')
+      if (pkgManager === 'bun') {
         return 'bun x'
+      }
 
       // Use `npm exec` in all other cases,
       // including Yarn 1.x and other custom npm clients.
@@ -87,7 +90,7 @@ function configurePackageJson ({
   nuxtPreset,
 }: NuxtContext) {
   const packageJson = path.join(projectRoot, 'package.json')
-  const pkg = JSON.parse(fs.readFileSync(path.join(projectRoot, 'package.json'), 'utf-8'))
+  const pkg = JSON.parse(fs.readFileSync(path.join(projectRoot, 'package.json'), 'utf8'))
   pkg.name = projectName
 
   // prepare scripts
@@ -104,7 +107,7 @@ function configurePackageJson ({
   const dependencies: PackageJsonEntry[] = [
     ['vuetify', versions.vuetify],
   ]
-  if (dependencies.length) {
+  if (dependencies.length > 0) {
     addPackageObject('dependencies', dependencies, pkg)
   }
 
@@ -118,21 +121,20 @@ function configurePackageJson ({
   ]
   if (useNuxtModule) {
     devDependencies.push(['vuetify-nuxt-module', versions['vuetify-nuxt-module']])
-  }
-  else {
+  } else {
     devDependencies.push(['upath', versions['upath']])
     devDependencies.push(['@vuetify/loader-shared', versions['@vuetify/loader-shared']])
     devDependencies.push(['vite-plugin-vuetify', versions['vite-plugin-vuetify']])
   }
-  if (devDependencies.length) {
+  if (devDependencies.length > 0) {
     addPackageObject('devDependencies', devDependencies, pkg)
   }
 
   // add scripts
   addPackageObject('scripts', scripts, pkg, false)
 
   // save package.json
-  fs.writeFileSync(packageJson, JSON.stringify(pkg, null, 2), 'utf-8')
+  fs.writeFileSync(packageJson, JSON.stringify(pkg, null, 2), 'utf8')
 }
 
 function configureVuetify (ctx: NuxtContext, nuxtConfig: ReturnType<typeof parseModule>) {
@@ -283,9 +285,11 @@ function prepareNuxtModule (
         useBrowserThemeOnly: false,
       },
     },
-    styles: ctx.nuxtPreset === 'nuxt-default' ? true : {
-      configFile: 'assets/settings.scss',
-    },
+    styles: ctx.nuxtPreset === 'nuxt-default'
+      ? true
+      : {
+          configFile: 'assets/settings.scss',
+        },
   }
   configureVuetify(ctx, nuxtConfig)
   addNuxtModule(
@@ -304,9 +308,11 @@ function prepareVuetifyModule (
   const config = configureVuetify(ctx, nuxtConfig)
 
   // enable auto import and include styles
-  const styles = ctx.nuxtPreset !== 'nuxt-essentials' ? true : {
-    configFile: 'assets/settings.scss',
-  }
+  const styles = ctx.nuxtPreset === 'nuxt-essentials'
+    ? {
+        configFile: 'assets/settings.scss',
+      }
+    : true
   config.vuetify = { autoImport: true, styles }
 }
 
@@ -323,13 +329,12 @@ function prepareProject (ctx: NuxtContext) {
   // v4 compat: rootPath is `${rootPath}/app`
   // https://nuxt.com/docs/getting-started/upgrade#migrating-to-nuxt-4
   const nuxtConfigFile = path.join(rootPath, useNuxtV4Compat ? '../nuxt.config.ts' : 'nuxt.config.ts')
-  const nuxtConfig = parseModule(fs.readFileSync(nuxtConfigFile, 'utf-8'))
+  const nuxtConfig = parseModule(fs.readFileSync(nuxtConfigFile, 'utf8'))
 
   // prepare nuxt config
   if (useNuxtModule) {
     prepareNuxtModule(ctx, nuxtConfig)
-  }
-  else {
+  } else {
     prepareVuetifyModule(ctx, nuxtConfig)
   }
 
@@ -368,7 +373,7 @@ function prepareProject (ctx: NuxtContext) {
   fs.writeFileSync(
     nuxtConfigFile,
     code,
-    'utf-8',
+    'utf8',
   )
 
   // prepare resources