Update dependencies and sync with create-vue 3.18.4 (#16)

* Update template dependencies and sync with create-vue 3.18.4

* Refactor to share dependency versions

* Update project to match the templates

Author: skirtles-code

.gitignore

@@ -26,3 +26,5 @@ packages/create-vue-lib/README.md
 *.njsproj
 *.sln
 *.sw?
+
+.eslintcache

eslint.config.mts

@@ -9,12 +9,12 @@ import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescri
 export default defineConfigWithVueTs(
   {
     name: 'app/files-to-lint',
-    files: ['**/*.{ts,mts,vue}']
+    files: ['**/*.{vue,ts,mts}']
   },
 
   includeIgnoreFile(path.resolve(path.dirname(fileURLToPath(import.meta.url)), '.gitignore')),
 
-  pluginVue.configs['flat/essential'],
+  ...pluginVue.configs['flat/essential'],
   vueTsConfigs.recommended,
 
   stylistic.configs.customize({

package.json

@@ -6,18 +6,18 @@
     "node": "^20.19.0 || >=22.12.0"
   },
   "devDependencies": {
-    "@eslint/compat": "^1.3.1",
-    "@stylistic/eslint-plugin": "^5.2.2",
-    "@tsconfig/node22": "^22.0.2",
-    "@types/node": "^22.16.5",
+    "@eslint/compat": "^2.0.0",
+    "@stylistic/eslint-plugin": "^5.6.1",
+    "@tsconfig/node24": "^24.0.3",
+    "@types/node": "^24.10.4",
     "@vue/eslint-config-typescript": "^14.6.0",
-    "eslint": "^9.31.0",
-    "eslint-plugin-vue": "~10.3.0",
-    "jiti": "^2.4.2",
-    "lint-staged": "^16.1.2",
+    "eslint": "^9.39.2",
+    "eslint-plugin-vue": "~10.6.2",
+    "jiti": "^2.6.1",
+    "lint-staged": "^16.2.7",
     "npm-run-all2": "^8.0.4",
-    "simple-git-hooks": "^2.13.0",
-    "typescript": "~5.8.0"
+    "simple-git-hooks": "^2.13.1",
+    "typescript": "~5.9.3"
   },
   "scripts": {
     "clean": "pnpm run -r clean",
@@ -26,8 +26,8 @@
     "type-check": "run-p type-check:*",
     "type-check:packages": "pnpm run -r type-check",
     "type-check:self": "tsc",
-    "lint": "eslint",
-    "lint:fix": "eslint --fix",
+    "lint": "eslint --cache",
+    "lint:fix": "eslint --fix --cache",
     "lint:staged": "lint-staged",
     "build": "pnpm run -r build",
     "preinstall": "node scripts/preinstall.js",
@@ -37,6 +37,6 @@
     "pre-commit": "pnpm exec run-s type-check lint:staged"
   },
   "lint-staged": {
-    "*.{vue,js,jsx,cjs,mjs,ts,tsx,cts,mts}": "eslint"
+    "*.{vue,js,jsx,cjs,mjs,ts,tsx,cts,mts}": "eslint --fix --cache"
   }
 }

packages/create-vue-lib/package.json

@@ -20,19 +20,19 @@
     "dist"
   ],
   "devDependencies": {
-    "@tsconfig/node22": "^22.0.2",
+    "@tsconfig/node24": "^24.0.3",
     "@types/ejs": "^3.1.5",
-    "@types/node": "^22.16.5",
+    "@types/node": "^24.10.4",
     "@types/prompts": "^2.4.9",
     "copyfiles": "^2.4.1",
     "ejs": "^3.1.10",
     "npm-run-all2": "^8.0.4",
     "picocolors": "^1.1.1",
     "prompts": "^2.4.2",
-    "publint": "^0.3.12",
-    "rimraf": "^6.0.1",
-    "tsup": "^8.5.0",
-    "typescript": "~5.8.0"
+    "publint": "^0.3.16",
+    "rimraf": "^6.1.2",
+    "tsup": "^8.5.1",
+    "typescript": "~5.9.3"
   },
   "scripts": {
     "clean": "rimraf dist LICENSE README.md",

packages/create-vue-lib/src/index.ts

@@ -7,6 +7,7 @@ import prompts, { type PromptObject } from 'prompts'
 import ejs from 'ejs'
 import { bgGreen, bgRed, bgYellowBright, black, bold, cyan, green, magenta, red } from 'picocolors'
 import packageJson from '../package.json'
+import versions from './template/versions.json'
 
 async function prompt(options: Omit<PromptObject, 'name'>) {
   try {
@@ -472,6 +473,22 @@ function copyFiles(templateFile: string, config: Config) {
       content = content.replace(/([{[(]\n)\n+/g, '$1')
     }
 
+    if (target.endsWith('package.json')) {
+      // Replace "$" with actual dependency versions
+      content = content.replace(/"([^"]+)": "\$"/g, (all, name: string) => {
+        const version = versions[name as keyof typeof versions]
+
+        if (typeof version === 'string') {
+          return `"${name}": "${version}"`
+        }
+        else {
+          console.log(bgRed(black('ERROR')))
+          console.log(red(`Couldn't find package version for "${name}"`))
+          process.exit(1)
+        }
+      })
+    }
+
     fs.writeFileSync(target, content)
   }
   else {

packages/create-vue-lib/src/template/base/config/.gitignore.ejs

@@ -16,9 +16,6 @@ coverage
 <%- config.packagesDir %>docs/.vitepress/cache
 <%- config.packagesDir %><%- config.mainPackageDirName %>/README.md
 
-/cypress/videos/
-/cypress/screenshots/
-
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
@@ -30,3 +27,12 @@ coverage
 *.sw?
 
 *.tsbuildinfo
+
+.eslintcache
+
+# Cypress
+/cypress/videos/
+/cypress/screenshots/
+
+# Vitest
+__screenshots__/

packages/create-vue-lib/src/template/base/config/package.json.ejs

@@ -7,25 +7,25 @@
   },
   "devDependencies": {
     <%_ if (config.includeEsLint) { _%>
-    "@eslint/compat": "^1.3.1",
+    "@eslint/compat": "$",
     <%_ if (config.includeEsLintStylistic) { _%>
-    "@stylistic/eslint-plugin": "^5.2.2",
+    "@stylistic/eslint-plugin": "$",
     <%_ } _%>
-    "@tsconfig/node22": "^22.0.2",
-    "@types/node": "^22.16.5",
+    "@tsconfig/node24": "$",
+    "@types/node": "$",
     <%_ if (config.includeVitest) { _%>
-    "@vitest/eslint-plugin": "^1.3.4",
+    "@vitest/eslint-plugin": "$",
     <%_ } _%>
-    "@vue/eslint-config-typescript": "^14.6.0",
-    "eslint": "^9.31.0",
-    "eslint-plugin-vue": "~10.3.0",
-    "jiti": "^2.4.2",
-    "lint-staged": "^16.1.2",
-    "npm-run-all2": "^8.0.4",
+    "@vue/eslint-config-typescript": "$",
+    "eslint": "$",
+    "eslint-plugin-vue": "$",
+    "jiti": "$",
+    "lint-staged": "$",
+    "npm-run-all2": "$",
     <%_ } _%>
-    "simple-git-hooks": "^2.13.0",
+    "simple-git-hooks": "$",
     <%_ if (config.includeEsLint) { _%>
-    "typescript": "~5.8.0"
+    "typescript": "$"
     <%_ } _%>
   },
   "scripts": {
@@ -45,8 +45,8 @@
     "type-check": "run-p type-check:*",
     "type-check:packages": "pnpm run -r type-check",
     "type-check:self": "tsc",
-    "lint": "eslint",
-    "lint:fix": "eslint --fix",
+    "lint": "eslint --cache",
+    "lint:fix": "eslint --fix --cache",
     "lint:staged": "lint-staged",
     <%_ } else { _%>
     "type-check": "pnpm run -r type-check",
@@ -60,7 +60,7 @@
     "pre-commit": "pnpm exec run-s type-check lint:staged"
   },
   "lint-staged": {
-    "*.{vue,js,jsx,cjs,mjs,ts,tsx,cts,mts}": "eslint --fix"
+    "*.{vue,js,jsx,cjs,mjs,ts,tsx,cts,mts}": "eslint --fix --cache"
   }
   <%_ } else { _%>
   "simple-git-hooks": {

packages/create-vue-lib/src/template/base/config/packages/@projectName@/package.json.ejs

@@ -38,35 +38,35 @@
     "vue": "^3.2.0"
   },
   "devDependencies": {
-    "@rollup/plugin-replace": "^6.0.2",
+    "@rollup/plugin-replace": "$",
     <%_ if (config.includeTailwind) { _%>
-    "@tailwindcss/vite": "^4.1.11",
+    "@tailwindcss/vite": "$",
     <%_ } _%>
-    "@tsconfig/node22": "^22.0.2",
-    "@types/jsdom": "^21.1.7",
-    "@types/node": "^22.16.5",
-    "@vitejs/plugin-vue": "^6.0.1",
+    "@tsconfig/node24": "$",
+    "@types/jsdom": "$",
+    "@types/node": "$",
+    "@vitejs/plugin-vue": "$",
     <%_ if (config.includeVitest) { _%>
-    "@vitest/coverage-v8": "^3.2.4",
-    "@vue/test-utils": "^2.4.6",
+    "@vitest/coverage-v8": "$",
+    "@vue/test-utils": "$",
     <%_ } _%>
-    "@vue/tsconfig": "^0.7.0",
-    "copyfiles": "^2.4.1",
-    "jsdom": "^26.1.0",
-    "npm-run-all2": "^8.0.4",
-    "publint": "^0.3.12",
-    "rimraf": "^6.0.1",
+    "@vue/tsconfig": "$",
+    "copyfiles": "$",
+    "jsdom": "$",
+    "npm-run-all2": "$",
+    "publint": "$",
+    "rimraf": "$",
     <%_ if (config.includeTailwind) { _%>
-    "tailwindcss": "^4.1.11",
+    "tailwindcss": "$",
     <%_ } _%>
-    "typescript": "~5.8.0",
-    "vite": "^7.0.6",
-    "vite-plugin-dts": "^4.5.4",
+    "typescript": "$",
+    "vite": "$",
+    "vite-plugin-dts": "$",
     <%_ if (config.includeVitest) { _%>
-    "vitest": "^3.2.4",
+    "vitest": "$",
     <%_ } _%>
-    "vue": "^3.5.18",
-    "vue-tsc": "^3.0.4"
+    "vue": "$",
+    "vue-tsc": "$"
   },
   "scripts": {
     "clean:dist": "rimraf dist",

packages/create-vue-lib/src/template/base/config/packages/@projectName@/tsconfig.node.json

@@ -1,5 +1,5 @@
 {
-  "extends": "@tsconfig/node22/tsconfig.json",
+  "extends": "@tsconfig/node24/tsconfig.json",
   "include": [
     "vite.config.*",
     "vitest.config.*",

packages/create-vue-lib/src/template/eslint/config/eslint.config.mts.ejs

@@ -14,12 +14,12 @@ import pluginVitest from '@vitest/eslint-plugin'
 export default defineConfigWithVueTs(
   {
     name: 'app/files-to-lint',
-    files: ['**/*.{ts,mts,vue}']
+    files: ['**/*.{vue,ts,mts}']
   },
 
   includeIgnoreFile(path.resolve(path.dirname(fileURLToPath(import.meta.url)), '.gitignore')),
 
-  pluginVue.configs['flat/essential'],
+  ...pluginVue.configs['flat/essential'],
   vueTsConfigs.recommended,
 
   <%_ if (config.includeEsLintStylistic) { _%>