Pinia 2.0.30 install pb with Nuxt 3.2.X

[Lord-Y]

Hello guys,

Pinia cannot be installed with Nuxt 3.2.X. Here are steps to reproduce:

npx nuxi init pinia
cd pinia
npm i
npm install pinia

Here is the output when trying to install pinia:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: undefined@undefined
npm ERR! Found: vue@3.2.47
npm ERR! node_modules/vue
npm ERR!   peer vue@"^3.2.47" from @nuxt/vite-builder@3.2.2
npm ERR!   node_modules/@nuxt/vite-builder                                                                                                                                                                                                                                                                                    13:17:35
npm ERR!     @nuxt/vite-builder@"3.2.2" from nuxt@3.2.2
npm ERR!     node_modules/nuxt
npm ERR!       dev nuxt@"^3.2.2" from the root project
npm ERR!   peer vue@">=2.7 || >=3" from @unhead/vue@1.0.22
npm ERR!   node_modules/@unhead/vue
npm ERR!     @unhead/vue@"^1.0.22" from @vueuse/head@1.0.26
npm ERR!     node_modules/@vueuse/head
npm ERR!       @vueuse/head@"^1.0.26" from nuxt@3.2.2
npm ERR!       node_modules/nuxt
npm ERR!         dev nuxt@"^3.2.2" from the root project
npm ERR!   6 more (@vitejs/plugin-vue, @vitejs/plugin-vue-jsx, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! pinia@"*" 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.4.0" from pinia@2.0.30
npm ERR!     node_modules/pinia
npm ERR!       pinia@"*" 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! 
[2023-02-18T12_18_01_597Z-eresolve-report.txt](https://github.com/vuejs/pinia/files/10774192/2023-02-18T12_18_01_597Z-eresolve-report.txt)

npm ERR! 
npm ERR! For a full report see:
npm ERR! /home/xxx/.npm/_logs/2023-02-18T12_18_01_597Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/xxx/.npm/_logs/2023-02-18T12_18_01_597Z-debug-0.log

Please find enclosed the /home/xxx/.npm/_logs/2023-02-18T12_18_01_597Z-debug-0.log log file.
Node version if that can help:

node --version
v18.14.0

Any help?

2023-02-18T12_18_01_597Z-eresolve-report.txt

[angelhdzmultimedia]

In package.json:

{
  "name": "my-app",
   ...
  "override": {
      "vue": "latest"
  }
}

[Lord-Y]

Thx for the help @angelhdzmultimedia but it didn't worked.

[rogadev]

Didn't help me.

[angelhdzmultimedia]

Didn't help me.

You didn't have to downvote me, my answer was taken directly from the documentation.

Extremely rude. And entitled.

[Lord-Y]

I just found this https://www.npmjs.com/package/@pinia/nuxt ans it works.

[angelhdzmultimedia]

I assumed you already installed @pinia/nuxt because that's in the docs. What only can be missed is the answer I provided, that solves the error installing pinia with npm (as per the doc as well).

Glad you solved it.

[rogadev]

Thing is, the StackBlitz that Pina's own module documentation provides suggests you should install both pinia and @nuxt/pinia. See here: https://stackblitz.com/github/piniajs/example-nuxt-3?file=package.json

So if I instally JUST @pinia/nuxt this will work fine? Their documentation is completely wrong and out of date?

[cannap]

So if I instally JUST @pinia/nuxt this will work fine? Their documentation is completely wrong and out of date?

https://pinia.vuejs.org/ssr/nuxt.html here everything you need