Having troubles updating Vue and Eslint dependencies

[jtuchel]

I want to update all dependencies of a given Vue project. It uses

{
  "dependencies": {
    "@mdi/font": "7.4.47",
    "ajv": "8.12.0",
    "pinia": "2.1.7",
    "roboto-fontface": "0.10.0",
    "vue": "3.4.21",
    "vue-i18n": "9.10.2",
    "vuetify": "3.5.13"
  },
  "devDependencies": {
    "@intlify/unplugin-vue-i18n": "4.0.0",
    "@rushstack/eslint-patch": "1.10.1",
    "@tsconfig/node18": "18.2.4",
    "@types/node": "20.12.2",
    "@vitejs/plugin-vue": "5.0.4",
    "@vue/eslint-config-prettier": "9.0.0",
    "@vue/eslint-config-typescript": "13.0.0",
    "@vue/tsconfig": "0.5.1",
    "eslint": "8.57.0",
    "eslint-plugin-vue": "9.24.0",
    "npm-run-all": "4.1.5",
    "prettier": "3.2.5",
    "typescript": "5.4.3",
    "vite": "5.2.7",
    "vue-tsc": "2.0.7"
  }
}

Updating all dependencies to their latest release version is not possible. Unfortunately the installation fails with

npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: @vue/eslint-config-typescript@13.0.0
npm error Found: eslint@9.9.0
npm error node_modules/eslint
npm error   dev eslint@"9.9.0" from the root project
npm error   peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.0
npm error   node_modules/@eslint-community/eslint-utils
npm error     @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@7.18.0
npm error     node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/utils
npm error       @typescript-eslint/utils@"7.18.0" from @typescript-eslint/eslint-plugin@7.18.0
npm error       node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/eslint-plugin
npm error         @typescript-eslint/eslint-plugin@"^7.1.1" from @vue/eslint-config-typescript@13.0.0
npm error         node_modules/@vue/eslint-config-typescript
npm error       1 more (@typescript-eslint/type-utils)
npm error     @eslint-community/eslint-utils@"^4.2.0" from eslint@9.9.0
npm error     1 more (eslint-plugin-vue)
npm error   5 more (@vue/eslint-config-prettier, eslint-config-prettier, ...)
npm error
npm error Could not resolve dependency:
npm error peer eslint@"^8.56.0" from @vue/eslint-config-typescript@13.0.0
npm error node_modules/@vue/eslint-config-typescript
npm error   dev @vue/eslint-config-typescript@"13.0.0" from the root project
npm error
npm error Conflicting peer dependency: eslint@8.57.0
npm error node_modules/eslint
npm error   peer eslint@"^8.56.0" from @vue/eslint-config-typescript@13.0.0
npm error   node_modules/@vue/eslint-config-typescript
npm error     dev @vue/eslint-config-typescript@"13.0.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /home/runner/.npm/_logs/2024-08-12T18_43_57_954Z-eresolve-report.txt
npm error A complete log of this run can be found in: /home/runner/.npm/_logs/2024-08-12T18_43_57_954Z-debug-0.log

I thought this would be an internal problem and I could wait some weeks but the problem still appears. I also created a new Vue project via npm create vue@latest and updated all packages, unfortunately I get the same error.

Does someone know how to fix this?

Please let me know if you need more information!

[matthiashermsen]

You might be facing this issue

vuejs/eslint-config-typescript#76

[Shyam-Chen]

Try referencing my configuration; it has worked well for me.

vuejs/eslint-config-typescript#76 (comment)