[nuxt] Cookie persistence broken on Netlify builds

[fanckush]

Describe the bug

on my local dev server cookie based persistence (default config) works fine
when I deploy the site to on netlify, I can see pinia trying to set the cookie but the name is being set to '' blank and the value is set to undefined. While on the dev server the cookie name is main and the value is the encoded store

Dev server on localhost

Netlify deploy

**note: ** i'm not 100% sure that the reproduction is useful. while the bug occurs there as well, I don't know if the reason is the same. i'm happy to debug this however you suggest.

Reproduction

https://stackblitz.com/edit/github-4dwbqx-jbccag?file=package.json,nuxt.config.ts,app.vue,composables%2Fstore.ts,package-lock.json

System Info

System:
    OS: macOS 14.1.1
    CPU: (8) arm64 Apple M1 Pro
    Memory: 166.42 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.11.0 - /opt/homebrew/opt/node@20/bin/node
    npm: 10.2.4 - /opt/homebrew/opt/node@20/bin/npm
    bun: 1.0.22 - /opt/homebrew/bin/bun
  Browsers:
    Brave Browser: 120.1.61.116
    Safari: 17.1

Used Package Manager

bun

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible of the bug.

[prazdevs]

Yeah, the stackblitz you gave works perfectly fine (open the preview in a new window to have it working).
Curious to see if it's Netlify specific or some other SaaS have issues. I've had issues with Netlify building the app couple times so idk. I'll eventually take a look whenever.

Have you tried playing around using localStorage instead of cookies to see if the problem is cookies or the plugin itself ?

[fanckush]

just tested, localStorage works fine 👍🏼
i'll stick with that for now

[prazdevs]

However be mindful of using data from the store, as it will be rehydrated only when the client is hydrated as well. So data from the server is not the same as the one in the client

[fanckush]

I was using ssr: false so far. Now that I switched to ssr, I get the hydration mismatch. Is there another storage mechanism I could use that is read by the server as well?