npm依存関係の解消

前提

vue、firebaseを使ってwebサービスの開発中、

npm i

したら以下のエラーが

User@UserMacBook-Pro app-edit % npm i
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: @vue/compiler-sfc@3.0.2
npm ERR! Found: vue@2.6.10
npm ERR! node_modules/vue
npm ERR!   vue@"2.6.10" from the root project
npm ERR!   peer vue@"2.x || 3.x" from @sentry/vue@6.12.0
npm ERR!   node_modules/@sentry/vue
npm ERR!     @sentry/vue@"^6.12.0" from the root project
npm ERR!   4 more (@vue/babel-preset-app, @vue/test-utils, element-ui, vue-jest)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"3.0.2" from @vue/compiler-sfc@3.0.2
npm ERR! node_modules/@vue/compiler-sfc
npm ERR!   peerOptional @vue/compiler-sfc@"^3.0.0-beta.14" from @vue/cli-service@4.5.8
npm ERR!   node_modules/@vue/cli-service
npm ERR!     dev @vue/cli-service@"^4.5.8" from the root project
npm ERR!     3 more (@vue/cli-plugin-babel, @vue/cli-plugin-router, @vue/cli-plugin-vuex)
npm ERR!   @vue/compiler-sfc@"^3.0.0-beta.15" from vue-codemod@0.0.4
npm ERR!   node_modules/vue-codemod
npm ERR!     vue-codemod@"^0.0.4" from @vue/cli@4.5.8
npm ERR!     node_modules/@vue/cli
npm ERR!       dev @vue/cli@"^4.5.8" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: vue@3.0.2
npm ERR! node_modules/vue
npm ERR!   peer vue@"3.0.2" from @vue/compiler-sfc@3.0.2
npm ERR!   node_modules/@vue/compiler-sfc
npm ERR!     peerOptional @vue/compiler-sfc@"^3.0.0-beta.14" from @vue/cli-service@4.5.8
npm ERR!     node_modules/@vue/cli-service
npm ERR!       dev @vue/cli-service@"^4.5.8" from the root project
npm ERR!       3 more (@vue/cli-plugin-babel, @vue/cli-plugin-router, @vue/cli-plugin-vuex)
npm ERR!     @vue/compiler-sfc@"^3.0.0-beta.15" from vue-codemod@0.0.4
npm ERR!     node_modules/vue-codemod
npm ERR!       vue-codemod@"^0.0.4" from @vue/cli@4.5.8
npm ERR!       node_modules/@vue/cli
npm ERR!         dev @vue/cli@"^4.5.8" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /Users/user/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/user/.npm/_logs/2022-10-31T14_31_30_167Z-debug-0.log

依存関係のエラーだとは思うのですが、以下の記事
https://teratail.com/questions/368923
のように、脆弱性によるものではないかと思い

npm audit

をすると以下の結果が」、

148 vulnerabilities (13 low, 47 moderate, 67 high, 21 critical)

hightとcriticalは直した方がいいと記事を読んだことがありますが、、、、、

的外れなことやってます？？

実現したいこと、知りたいこと

・エラーの意味を理解していないので、教えてほしい。
・上記のエラーを解消する。
・無事に'npm i'を完了させる。

補足情報（FW/ツールのバージョンなど）

package.json
1{
2  "name": "*****",
3  "version": "0.0.1",
4  "description": "*********",
5  "author": "**************",
6  "license": "None",
7  "private": true,
8  "scripts": {
9    "dev": "vue-cli-service serve",
10    "build:prod": "vue-cli-service build",
11    "build:stage": "vue-cli-service build --mode staging",
12    "preview": "node build/index.js --preview",
13    "lint": "eslint --fix --ext .js,.vue src",
14    "lint:ci": "eslint --ext .js,.vue src",
15    "test:unit": "jest --clearCache && vue-cli-service test:unit",
16    "test:ci": "npm run lint:ci && npm run test:unit",
17    "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml"
18  },
19  "dependencies": {
20    "@sentry/tracing": "^6.12.0",
21    "@sentry/vue": "^6.12.0",
22    "apexcharts": "^3.20.0",
23    "array-tree-filter": "^2.1.0",
24    "axios": "0.18.1",
25    "browserslist": "^4.21.3",
26    "cors": "^2.8.5",
27    "dayjs": "^1.8.34",
28    "element-ui": "2.13.0",
29    "encoding-japanese": "^1.0.30",
30    "firebase": "^7.13.1",
31    "html2pdf.js": "^0.9.2",
32    "js-cookie": "2.2.0",
33    "lodash": "^4.17.19",
34    "normalize.css": "7.0.0",
35    "nprogress": "0.2.0",
36    "papaparse": "^5.2.0",
37    "path-to-regexp": "2.4.0",
38    "vue": "2.6.10",
39    "vue-apexcharts": "^1.6.0",
40    "vue-clipboard2": "^0.3.1",
41    "vue-i18n": "^8.22.4",
42    "vue-mq": "^1.0.1",
43    "vue-router": "3.0.6",
44    "vue-tel-input": "^5.5.0",
45    "vuex": "3.1.0"
46  },
47  "devDependencies": {
48    "@babel/core": "^7.12.3",
49    "@babel/register": "7.0.0",
50    "@sentry/webpack-plugin": "^1.17.1",
51    "@vue/cli": "^4.5.8",
52    "@vue/cli-plugin-babel": "^4.5.8",
53    "@vue/cli-plugin-eslint": "^3.9.1",
54    "@vue/cli-plugin-unit-jest": "3.6.3",
55    "@vue/cli-service": "^4.5.8",
56    "@vue/test-utils": "1.0.0-beta.29",
57    "autoprefixer": "^9.5.1",
58    "babel-core": "7.0.0-bridge.0",
59    "babel-eslint": "10.0.1",
60    "babel-jest": "23.6.0",
61    "chalk": "2.4.2",
62    "connect": "3.6.6",
63    "core-js": "^3.6.5",
64    "eslint": "5.15.3",
65    "eslint-plugin-vue": "5.2.2",
66    "html-webpack-plugin": "3.2.0",
67    "mockjs": "1.0.1-beta3",
68    "node-sass": "^4.9.0",
69    "runjs": "^4.3.2",
70    "sass-loader": "^10.0.4",
71    "script-ext-html-webpack-plugin": "2.1.3",
72    "script-loader": "0.7.2",
73    "serve-static": "^1.13.2",
74    "svg-sprite-loader": "4.1.3",
75    "svgo": "1.2.2",
76    "vue-template-compiler": "2.6.10"
77  },
78  "engines": {
79    "node": ">=12.16.1",
80    "npm": ">= 6.0.0"
81  },
82  "browserslist": [
83    "> 1%",
84    "last 2 versions"
85  ],
86  "volta": {
87    "node": "12.22.4"
88  }
89}
90