useCookie not updating value in browser

[martinszeltins]

Environment

Stackblitz

------------------------------
- Operating System: Linux
- Node Version:     v18.18.0
- Nuxt Version:     3.11.2
- CLI Version:      3.11.1
- Nitro Version:    2.9.6
- Package Manager:  npm@10.2.3
- Builder:          -
- User Config:      devtools
- Runtime Modules:  -
- Build Modules:    -
------------------------------

Reproduction

https://stackblitz.com/edit/nuxt-starter-kkckgc?file=app.vue

Describe the bug

When using useCookie it updates the cookie ref itself but the change is not reflected in browser devtools as can be seen in the screenshot below.

And when calling refreshCookie() it takes the value that is in the browser (old value) even when the ref value is newer.

Screenshot:

Additional context

No response

Logs

No response

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• nuxt-starter-kkckgc (Open reproduction)

[vhovorun]

@martinszeltins Try to click refresh button inside devtools after changing cookie value and it will show you updated value

[martinszeltins]

@martinszeltins Try to click refresh button inside devtools after changing cookie value and it will show you updated value !

Nope, the value is not updating even when I refresh cookies.