`setSelected` timeframes bug (mutation in action)
I'm pretty confident this is a result of the recent timeframes update (!1391 (merged)) and I believe it's a simple matter of properly using a mutation for leverage the Vue.set
implementation in the action
's setSelected
helper.
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in callback for watcher "function () { return this._data.$$state }": "Error: [vuex] do not mutate vuex store state outside mutation handlers."
(found in <Root>)
warn @ vue.runtime.esm.js?2b0e:619
logError @ vue.runtime.esm.js?2b0e:1884
globalHandleError @ vue.runtime.esm.js?2b0e:1879
handleError @ vue.runtime.esm.js?2b0e:1839
run @ vue.runtime.esm.js?2b0e:4564
update @ vue.runtime.esm.js?2b0e:4536
notify @ vue.runtime.esm.js?2b0e:730
set @ vue.runtime.esm.js?2b0e:1093
eval @ designs.js?dece:540
setSelected @ designs.js?dece:539
loadReport @ designs.js?dece:545
wrappedActionHandler @ vuex.esm.js?2f62:732
dispatch @ vuex.esm.js?2f62:437
boundDispatch @ vuex.esm.js?2f62:331
local.dispatch @ vuex.esm.js?2f62:662
eval @ designs.js?dece:460
Promise.then (async)
getDesign @ designs.js?dece:446
wrappedActionHandler @ vuex.esm.js?2f62:732
dispatch @ vuex.esm.js?2f62:437
boundDispatch @ vuex.esm.js?2f62:331
initializeDesign @ Design.vue?d5da:153
Promise.then (async)
reinitialize @ Design.vue?d5da:220
eval @ Design.vue?d5da:106
poll @ vue-router.esm.js?8c4f:2310
eval @ vue-router.esm.js?8c4f:2292
eval @ vue-router.esm.js?8c4f:2163
eval @ vue-router.esm.js?8c4f:2162
eval @ vue.runtime.esm.js?2b0e:1980
flushCallbacks @ vue.runtime.esm.js?2b0e:1906
Promise.then (async)
timerFunc @ vue.runtime.esm.js?2b0e:1933
nextTick @ vue.runtime.esm.js?2b0e:1990
Vue.$nextTick @ vue.runtime.esm.js?2b0e:3515
eval @ vue-router.esm.js?8c4f:2161
step @ vue-router.esm.js?8c4f:1843
eval @ vue-router.esm.js?8c4f:1847
eval @ vue-router.esm.js?8c4f:2139
eval @ vue-router.esm.js?8c4f:2295
beforeRouteEnter @ Design.vue?d5da:105
routeEnterGuard @ vue-router.esm.js?8c4f:2284
iterator @ vue-router.esm.js?8c4f:2120
step @ vue-router.esm.js?8c4f:1846
step @ vue-router.esm.js?8c4f:1850
runQueue @ vue-router.esm.js?8c4f:1854
eval @ vue-router.esm.js?8c4f:2154
step @ vue-router.esm.js?8c4f:1843
eval @ vue-router.esm.js?8c4f:1847
eval @ vue-router.esm.js?8c4f:2139
eval @ vue-router.esm.js?8c4f:1921
iterator @ vue-router.esm.js?8c4f:2120
step @ vue-router.esm.js?8c4f:1846
step @ vue-router.esm.js?8c4f:1850
step @ vue-router.esm.js?8c4f:1850
eval @ vue-router.esm.js?8c4f:1847
eval @ vue-router.esm.js?8c4f:2139
eval @ index.js?a18c:106
iterator @ vue-router.esm.js?8c4f:2120
step @ vue-router.esm.js?8c4f:1846
runQueue @ vue-router.esm.js?8c4f:1854
confirmTransition @ vue-router.esm.js?8c4f:2147
transitionTo @ vue-router.esm.js?8c4f:2034
init @ vue-router.esm.js?8c4f:2734
beforeCreate @ vue-router.esm.js?8c4f:1203
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
callHook @ vue.runtime.esm.js?2b0e:4213
Vue._init @ vue.runtime.esm.js?2b0e:4998
Vue @ vue.runtime.esm.js?2b0e:5079
eval @ main.js?56d7:55
./src/main.js @ app.js:8824
__webpack_require__ @ app.js:727
fn @ app.js:101
1 @ app.js:9294
__webpack_require__ @ app.js:727
(anonymous) @ app.js:794
(anonymous) @ app.js:797
Show 44 more frames
vue.runtime.esm.js?2b0e:1888 Error: [vuex] do not mutate vuex store state outside mutation handlers.
at assert (vuex.esm.js?2f62:90)
at Vue.store._vm.$watch.deep (vuex.esm.js?2f62:774)
at Watcher.run (vue.runtime.esm.js?2b0e:4562)
at Watcher.update (vue.runtime.esm.js?2b0e:4536)
at Dep.notify (vue.runtime.esm.js?2b0e:730)
at Function.set (vue.runtime.esm.js?2b0e:1093)
at eval (designs.js?dece:540)
at Array.forEach (<anonymous>)
at setSelected (designs.js?dece:539)
at Store.loadReport (designs.js?dece:545)