From: Eduardo San Martin Morote Date: Mon, 25 Jul 2022 09:33:54 +0000 (+0200) Subject: fix(devtools): state formatting X-Git-Tag: @pinia/nuxt@0.3.1~5 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=b01f5c2a5cb62cfd3e0df9da5570925f3a6f077a;p=thirdparty%2Fvuejs%2Fpinia.git fix(devtools): state formatting Fix #1358 --- diff --git a/packages/pinia/src/devtools/plugin.ts b/packages/pinia/src/devtools/plugin.ts index 04e4abdc..97b08c46 100644 --- a/packages/pinia/src/devtools/plugin.ts +++ b/packages/pinia/src/devtools/plugin.ts @@ -134,7 +134,7 @@ export function registerPiniaDevtools(app: DevtoolsApp, pinia: Pinia) { value: store._isOptionsAPI ? { _custom: { - value: store.$state, + value: toRaw(store.$state), actions: [ { icon: 'restore', @@ -144,7 +144,11 @@ export function registerPiniaDevtools(app: DevtoolsApp, pinia: Pinia) { ], }, } - : store.$state, + : // NOTE: workaround to unwrap transferred refs + Object.keys(store.$state).reduce((state, key) => { + state[key] = store.$state[key] + return state + }, {} as StateTree), }) if (store._getters && store._getters.length) {