Vue 3 Conflicting peer dependency

[viniciushvsilva]

When trying to install vue-datacms it results in the error below:

`npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: project@undefined
npm ERR! Found: [email protected]
npm ERR! node_modules/vue
npm ERR! peer vue@">= 2.5 < 2.7 || >=3.0.0" from [email protected]
npm ERR! node_modules/@hexdigital/nuxt-datocms/node_modules/vue-datocms
npm ERR! vue-datocms@"^4.0.2" from @hexdigital/[email protected]
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 [email protected]
npm ERR! node_modules/@hexdigital/nuxt-datocms/node_modules/vue-demi
npm ERR! vue-demi@"^0.13.11" from [email protected]
npm ERR! node_modules/@hexdigital/nuxt-datocms/node_modules/vue-datocms
npm ERR! vue-datocms@"^4.0.2" from @hexdigital/[email protected]
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: [email protected]
npm ERR! node_modules/vue
npm ERR! peer vue@">= 2.5 < 2.7" from @vue/[email protected]
npm ERR! node_modules/@vue/composition-api
npm ERR! peerOptional @vue/composition-api@"^1.7.1" from [email protected]
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`

[sistrall]

Hello @viniciushvsilva,

You can bypass 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 but haven’t found it yet.

Please don't hesitate to contact me if you have other issues.

[antinomy-studio]

Hi,

We're having the same issue, but on our deploys on Netlify. npm i vue-datocms --force didn't solve it.
Would you have an idea of which version of vue-datocms starts breaking?

Thanks!