Use a pnpm catalog for dependencies

Author: skirtles-code

package.json

@@ -6,18 +6,18 @@
     "node": "^20.19.0 || >=22.12.0"
   },
   "devDependencies": {
-    "@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.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.1",
-    "typescript": "~5.9.3"
+    "@eslint/compat": "catalog:",
+    "@stylistic/eslint-plugin": "catalog:",
+    "@tsconfig/node24": "catalog:",
+    "@types/node": "catalog:",
+    "@vue/eslint-config-typescript": "catalog:",
+    "eslint": "catalog:",
+    "eslint-plugin-vue": "catalog:",
+    "jiti": "catalog:",
+    "lint-staged": "catalog:",
+    "npm-run-all2": "catalog:",
+    "simple-git-hooks": "catalog:",
+    "typescript": "catalog:"
   },
   "scripts": {
     "clean": "pnpm run -r clean",

packages/create-vue-lib/package.json

@@ -20,19 +20,19 @@
     "dist"
   ],
   "devDependencies": {
-    "@tsconfig/node24": "^24.0.3",
-    "@types/ejs": "^3.1.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.16",
-    "rimraf": "^6.1.2",
-    "tsdown": "^0.21.9",
-    "typescript": "~5.9.3"
+    "@tsconfig/node24": "catalog:",
+    "@types/ejs": "catalog:",
+    "@types/node": "catalog:",
+    "@types/prompts": "catalog:",
+    "copyfiles": "catalog:",
+    "ejs": "catalog:",
+    "npm-run-all2": "catalog:",
+    "picocolors": "catalog:",
+    "prompts": "catalog:",
+    "publint": "catalog:",
+    "rimraf": "catalog:",
+    "tsdown": "catalog:",
+    "typescript": "catalog:"
   },
   "scripts": {
     "clean": "rimraf dist LICENSE README.md",

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

@@ -7,7 +7,6 @@ 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 {
@@ -483,22 +482,6 @@ 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/package.json.ejs

@@ -7,25 +7,25 @@
   },
   "devDependencies": {
     <%_ if (config.includeEsLint) { _%>
-    "@eslint/compat": "$",
+    "@eslint/compat": "catalog:",
     <%_ if (config.includeEsLintStylistic) { _%>
-    "@stylistic/eslint-plugin": "$",
+    "@stylistic/eslint-plugin": "catalog:",
     <%_ } _%>
-    "@tsconfig/node24": "$",
-    "@types/node": "$",
+    "@tsconfig/node24": "catalog:",
+    "@types/node": "catalog:",
     <%_ if (config.includeVitest) { _%>
-    "@vitest/eslint-plugin": "$",
+    "@vitest/eslint-plugin": "catalog:",
     <%_ } _%>
-    "@vue/eslint-config-typescript": "$",
-    "eslint": "$",
-    "eslint-plugin-vue": "$",
-    "jiti": "$",
-    "lint-staged": "$",
-    "npm-run-all2": "$",
+    "@vue/eslint-config-typescript": "catalog:",
+    "eslint": "catalog:",
+    "eslint-plugin-vue": "catalog:",
+    "jiti": "catalog:",
+    "lint-staged": "catalog:",
+    "npm-run-all2": "catalog:",
     <%_ } _%>
-    "simple-git-hooks": "$",
+    "simple-git-hooks": "catalog:",
     <%_ if (config.includeEsLint) { _%>
-    "typescript": "$"
+    "typescript": "catalog:"
     <%_ } _%>
   },
   "scripts": {

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": "$",
+    "@rollup/plugin-replace": "catalog:",
     <%_ if (config.includeTailwind) { _%>
-    "@tailwindcss/vite": "$",
+    "@tailwindcss/vite": "catalog:",
     <%_ } _%>
-    "@tsconfig/node24": "$",
-    "@types/jsdom": "$",
-    "@types/node": "$",
-    "@vitejs/plugin-vue": "$",
+    "@tsconfig/node24": "catalog:",
+    "@types/jsdom": "catalog:",
+    "@types/node": "catalog:",
+    "@vitejs/plugin-vue": "catalog:",
     <%_ if (config.includeVitest) { _%>
-    "@vitest/coverage-v8": "$",
-    "@vue/test-utils": "$",
+    "@vitest/coverage-v8": "catalog:",
+    "@vue/test-utils": "catalog:",
     <%_ } _%>
-    "@vue/tsconfig": "$",
-    "copyfiles": "$",
-    "jsdom": "$",
-    "npm-run-all2": "$",
-    "publint": "$",
-    "rimraf": "$",
+    "@vue/tsconfig": "catalog:",
+    "copyfiles": "catalog:",
+    "jsdom": "catalog:",
+    "npm-run-all2": "catalog:",
+    "publint": "catalog:",
+    "rimraf": "catalog:",
     <%_ if (config.includeTailwind) { _%>
-    "tailwindcss": "$",
+    "tailwindcss": "catalog:",
     <%_ } _%>
-    "typescript": "$",
-    "vite": "$",
-    "vite-plugin-dts": "$",
+    "typescript": "catalog:",
+    "vite": "catalog:",
+    "vite-plugin-dts": "catalog:",
     <%_ if (config.includeVitest) { _%>
-    "vitest": "$",
+    "vitest": "catalog:",
     <%_ } _%>
-    "vue": "$",
-    "vue-tsc": "$"
+    "vue": "catalog:",
+    "vue-tsc": "catalog:"
   },
   "scripts": {
     "clean:dist": "rimraf dist",

packages/create-vue-lib/src/template/base/config/pnpm-workspace.yaml.ejs

@@ -11,13 +11,50 @@ packages:
   <%_ } _%>
   <%_ } _%>
 
-minimumReleaseAge: 1440
-
 allowBuilds:
 <%_ if (config.includeTailwind) { _%>
   '@tailwindcss/oxide': true
 <%_ } _%>
   'esbuild': true
   'simple-git-hooks': false
 
+catalog:
+  '@eslint/compat': ^2.0.0
+  '@rollup/plugin-replace': ^6.0.3
+  '@stylistic/eslint-plugin': ^5.6.1
+  '@tailwindcss/vite': ^4.1.18
+  '@tsconfig/node24': ^24.0.3
+  '@types/jsdom': ^27.0.0
+  '@types/node': ^24.10.4
+  '@vitejs/plugin-vue': ^6.0.3
+  '@vitest/coverage-v8': ^4.0.16
+  '@vitest/eslint-plugin': ^1.6.5
+  '@vue/eslint-config-typescript': ^14.6.0
+  '@vue/test-utils': ^2.4.6
+  '@vue/tsconfig': ^0.8.1
+  copyfiles: ^2.4.1
+  eslint: ^9.39.2
+  eslint-plugin-vue: ~10.6.2
+  jiti: ^2.6.1
+  jsdom: ^27.3.0
+  lint-staged: ^16.2.7
+  npm-run-all2: ^8.0.4
+  postcss: ^8.5.6
+  publint: ^0.3.16
+  rimraf: ^6.1.2
+  simple-git-hooks: ^2.13.1
+  tailwindcss: ^4.1.18
+  typescript: ~5.9.3
+  vite: ^7.3.0
+  vite-plugin-dts: ^4.5.4
+  vite-plugin-vue-devtools: ^8.0.5
+  vitepress: ^1.6.4
+  vitest: ^4.0.16
+  vue: ^3.5.26
+  vue-tsc: ^3.2.1
+
+cleanupUnusedCatalogs: true
+
 dedupePeers: true
+
+minimumReleaseAge: 1440

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

@@ -2,25 +2,25 @@
   "private": true,
   "type": "module",
   "dependencies": {
-    "vue": "$"
+    "vue": "catalog:"
   },
   "devDependencies": {
     <%_ if (config.includeTailwind) { _%>
-    "@tailwindcss/vite": "$",
+    "@tailwindcss/vite": "catalog:",
     <%_ } _%>
-    "@tsconfig/node24": "$",
-    "@types/node": "$",
-    "@vitejs/plugin-vue": "$",
-    "@vue/tsconfig": "$",
-    "npm-run-all2": "$",
-    "rimraf": "$",
+    "@tsconfig/node24": "catalog:",
+    "@types/node": "catalog:",
+    "@vitejs/plugin-vue": "catalog:",
+    "@vue/tsconfig": "catalog:",
+    "npm-run-all2": "catalog:",
+    "rimraf": "catalog:",
     <%_ if (config.includeTailwind) { _%>
-    "tailwindcss": "$",
+    "tailwindcss": "catalog:",
     <%_ } _%>
-    "typescript": "$",
-    "vite": "$",
-    "vite-plugin-vue-devtools": "$",
-    "vue-tsc": "$"
+    "typescript": "catalog:",
+    "vite": "catalog:",
+    "vite-plugin-vue-devtools": "catalog:",
+    "vue-tsc": "catalog:"
   },
   "scripts": {
     "clean": "rimraf dist",

packages/create-vue-lib/src/template/versions.json

@@ -2,26 +2,26 @@
   "private": true,
   "type": "module",
   "dependencies": {
-    "vue": "$"
+    "vue": "catalog:"
   },
   "devDependencies": {
     <%_ if (config.includeTailwind) { _%>
-    "@tailwindcss/vite": "$",
+    "@tailwindcss/vite": "catalog:",
     <%_ } _%>
-    "@tsconfig/node24": "$",
-    "@types/node": "$",
-    "@vue/tsconfig": "$",
-    "npm-run-all2": "$",
+    "@tsconfig/node24": "catalog:",
+    "@types/node": "catalog:",
+    "@vue/tsconfig": "catalog:",
+    "npm-run-all2": "catalog:",
     <%_ if (config.includeVpRaw) { _%>
-    "postcss": "$",
+    "postcss": "catalog:",
     <%_ } _%>
-    "rimraf": "$",
+    "rimraf": "catalog:",
     <%_ if (config.includeTailwind) { _%>
-    "tailwindcss": "$",
+    "tailwindcss": "catalog:",
     <%_ } _%>
-    "typescript": "$",
-    "vitepress": "$",
-    "vue-tsc": "$"
+    "typescript": "catalog:",
+    "vitepress": "catalog:",
+    "vue-tsc": "catalog:"
   },
   "scripts": {
     "clean": "rimraf dist .vitepress/cache",

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

@@ -5,14 +5,14 @@
     "vue": "^3.5.26"
   },
   "devDependencies": {
-    "@tsconfig/node24": "^24.0.3",
-    "@types/node": "^24.10.4",
-    "@vue/tsconfig": "^0.8.1",
-    "npm-run-all2": "^8.0.4",
-    "rimraf": "^6.1.2",
-    "typescript": "~5.9.3",
-    "vitepress": "^1.6.4",
-    "vue-tsc": "^3.2.1"
+    "@tsconfig/node24": "catalog:",
+    "@types/node": "catalog:",
+    "@vue/tsconfig": "catalog:",
+    "npm-run-all2": "catalog:",
+    "rimraf": "catalog:",
+    "typescript": "catalog:",
+    "vitepress": "catalog:",
+    "vue-tsc": "catalog:"
   },
   "scripts": {
     "clean": "rimraf dist .vitepress/cache",