chore: use node 24

Author: KaelWD

.nvmrc

@@ -1 +1 @@
-22.14.0
+24.8.0

package.json

@@ -21,7 +21,7 @@
     "vue-ecosystem-ci:test": "pnpm --filter vuetify run lint && pnpm --filter vuetify run test"
   },
   "engines": {
-    "node": ">=22.0.0"
+    "node": ">=24.8.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.27.0",
@@ -36,7 +36,7 @@
     "@octokit/core": "^6.1.5",
     "@stylistic/eslint-plugin-ts": "^3.1.0",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "22.15.31",
+    "@types/node": "24.4.0",
     "@types/yargs": "^17.0.33",
     "@typescript-eslint/eslint-plugin": "^8.32.0",
     "@typescript-eslint/parser": "^8.32.0",

packages/api-generator/package.json

@@ -5,7 +5,7 @@
   "private": true,
   "description": "",
   "scripts": {
-    "build": "node --import tsx src/index.ts",
+    "build": "node src/index.ts",
     "lint": "eslint --ext .ts,.json src -f codeframe --max-warnings 0",
     "lint:fix": "pnpm lint --fix"
   },
@@ -16,7 +16,6 @@
     "piscina": "^4.9.2",
     "prettier": "^3.5.3",
     "ts-morph": "^25.0.1",
-    "tsx": "^4.19.3",
     "vue": "^3.5.13",
     "vuetify": "workspace:*"
   },

packages/api-generator/src/index.ts

@@ -3,19 +3,19 @@ import path from 'upath'
 import { components } from 'vuetify/dist/vuetify-labs.js'
 import importMap from 'vuetify/dist/json/importMap.json' with { type: 'json' }
 import importMapLabs from 'vuetify/dist/json/importMap-labs.json' with { type: 'json' }
-import { kebabCase } from './helpers/text'
-import type { ComponentData, DirectiveData } from './types'
-import { generateComposableDataFromTypes, generateDirectiveDataFromTypes } from './types'
+import { kebabCase } from './helpers/text.ts'
+import type { ComponentData, DirectiveData } from './types.ts'
+import { generateComposableDataFromTypes, generateDirectiveDataFromTypes } from './types.ts'
 import Piscina from 'piscina'
-import { addDescriptions, addDirectiveDescriptions, addPropData, reportMissingDescriptions, sortByKey, stringifyProps } from './utils'
+import { addDescriptions, addDirectiveDescriptions, addPropData, reportMissingDescriptions, sortByKey, stringifyProps } from './utils.ts'
 import * as os from 'os'
 import { mkdirp } from 'mkdirp'
-import { createVeturApi } from './vetur'
+import { createVeturApi } from './vetur.ts'
 import { rimraf } from 'rimraf'
-import { createWebTypesApi } from './web-types'
+import { createWebTypesApi } from './web-types.ts'
 import inspector from 'inspector'
 import yargs from 'yargs'
-import { parseGlobalSassVariables, parseSassVariables } from './helpers/sass'
+import { parseGlobalSassVariables, parseSassVariables } from './helpers/sass.ts'
 
 const yar = yargs(process.argv.slice(2))
   .option('components', {

packages/api-generator/src/types.ts

@@ -1,7 +1,7 @@
 import type { Node, Type } from 'ts-morph'
 import { Project, ts } from 'ts-morph'
-import { prettifyType } from './utils'
-import { kebabCase } from './helpers/text'
+import { prettifyType } from './utils.ts'
+import { kebabCase } from './helpers/text.ts'
 
 const project = new Project({
   tsConfigFilePath: './tsconfig.json',

packages/api-generator/src/utils.ts

@@ -2,7 +2,7 @@ import { execSync } from 'node:child_process'
 import stringifyObject from 'stringify-object'
 import prettier from 'prettier'
 import * as typescriptParser from 'prettier/plugins/typescript'
-import type { Definition, DirectiveData } from './types'
+import type { Definition, DirectiveData } from './types.ts'
 
 function parseFunctionParams (func: string) {
   const [, regular] = /function\s\((.*)\)\s\{.*/i.exec(func) || []

packages/api-generator/src/vetur.ts

@@ -1,6 +1,6 @@
 import fs from 'node:fs'
-import { kebabCase } from './helpers/text'
-import type { ComponentData } from './types'
+import { kebabCase } from './helpers/text.ts'
+import type { ComponentData } from './types.ts'
 
 export function createVeturApi (componentData: ComponentData[]) {
   const tags = componentData.reduce((obj, component) => {

packages/api-generator/src/web-types.ts

@@ -1,6 +1,6 @@
 import fs from 'node:fs'
-import { capitalize } from './helpers/text'
-import type { ComponentData, DirectiveData } from './types'
+import { capitalize } from './helpers/text.ts'
+import type { ComponentData, DirectiveData } from './types.ts'
 import pkg from '../package.json' with { type: 'json' }
 
 export const createWebTypesApi = (componentData: ComponentData[], directiveData: DirectiveData[]) => {

packages/api-generator/src/worker.ts

@@ -1,4 +1,4 @@
-import { generateComponentDataFromTypes } from './types'
+import { generateComponentDataFromTypes } from './types.ts'
 
 const reset = '\x1b[0m'
 const red = '\x1b[31m'

packages/api-generator/templates/directives.d.ts

@@ -1,5 +1,5 @@
 import type { DirectiveBinding, ObjectDirective } from 'vue'
-import type { CustomDirective } from '../../vuetify/src/composables/directiveComponent'
+import type { CustomDirective } from '../../vuetify/src/composables/directiveComponent.ts'
 import type * as directives from '../../vuetify/src/directives/index.ts'
 
 type ExtractDirectiveBindings<T> = T extends object