Vue Dato CMS conflict

While trying to install vue-datocms it results in the following error:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: webcore-institutional-template@undefined
npm ERR! Found: vue@3.2.47
npm ERR! node_modules/vue
npm ERR!   peer vue@">= 2.5 < 2.7 || >=3.0.0" from vue-datocms@4.0.5
npm ERR!   node_modules/@hexdigital/nuxt-datocms/node_modules/vue-datocms
npm ERR!     vue-datocms@"^4.0.2" from @hexdigital/nuxt-datocms@1.1.5
npm ERR!     node_modules/@hexdigital/nuxt-datocms
npm ERR!       @hexdigital/nuxt-datocms@"^1.1.5" from the root project
npm ERR!   peer vue@"^3.0.0-0 || ^2.6.0" from vue-demi@0.13.11
npm ERR!   node_modules/@hexdigital/nuxt-datocms/node_modules/vue-demi
npm ERR!     vue-demi@"^0.13.11" from vue-datocms@4.0.5
npm ERR!     node_modules/@hexdigital/nuxt-datocms/node_modules/vue-datocms
npm ERR!       vue-datocms@"^4.0.2" from @hexdigital/nuxt-datocms@1.1.5
npm ERR!       node_modules/@hexdigital/nuxt-datocms
npm ERR!         @hexdigital/nuxt-datocms@"^1.1.5" from the root project
npm ERR!   11 more (@nuxt/vite-builder, @unhead/vue, @vitejs/plugin-vue, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! vue-datocms@"*" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: vue@2.6.14
npm ERR! node_modules/vue
npm ERR!   peer vue@">= 2.5 < 2.7" from @vue/composition-api@1.7.1
npm ERR!   node_modules/@vue/composition-api
npm ERR!     peerOptional @vue/composition-api@"^1.7.1" from vue-datocms@4.0.5
npm ERR!     node_modules/vue-datocms
npm ERR!       vue-datocms@"*" 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/vinixhenri/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/vinixhenri/.npm/_logs/2023-05-08T17_38_01_218Z-debug-0.log

Environment:
Node v18.12.0
Vue 3.2.47
Nuxt 3.4.3

Hello @vinicius.silva

I’m @sistrall , from DatoCMS’s team.

You can avoid the problem with an npm i vue-datocms --force.

The issue seems to be related to the way vue-demi suggests to declare dependencies. I’ve been looking for a better solution for a while but haven’t found it yet. :slight_smile:

Please, reach out to me in case you have other issues.
Silvano

Hi @sistrall

It’s been a while since my last reply, but I’ve tried the solution above, and it doesn’t seem to be a solution at all.

It seems to me that when I install all other packages (npm i) then force-install the vue-datocms package, it doesn’t fix the problem.

Have you guys given any thoughts to this issue since last time we spoke?

Thanks.