feat(vuex): legacy mode setting, closes #932

Author: Guillaume Chau

src/backend/vuex.js

@@ -301,7 +301,7 @@ export function initVuexBackend (hook, bridge, isLegacy) {
             if (Array.isArray(mutation.handlers)) {
               mutation.handlers.forEach(handler => handler(payload))
             } else {
-              if (isLegacy) {
+              if (isLegacy || SharedData.vuex1) {
                 // Vuex 1
                 mutation.handlers(store.state, payload)
               } else {

src/devtools/views/settings/GlobalPreferences.vue

@@ -91,5 +91,20 @@
         May impact performance or cause crashes
       </template>
     </VueFormField>
+
+    <VueFormField
+      title="Vuex Legacy"
+    >
+      <VueSwitch v-model="$shared.vuex1">
+        Enable compatibility mode
+      </VueSwitch>
+      <template #subtitle>
+        <VueIcon
+          icon="warning"
+          class="medium"
+        />
+        If you use Vuex 1.x, enable this option
+      </template>
+    </VueFormField>
   </div>
 </template>

src/shared-data.js

@@ -13,7 +13,8 @@ const internalSharedData = {
   recordPerf: false,
   editableProps: false,
   logDetected: true,
-  vuexAutoload: false
+  vuexAutoload: false,
+  vuex1: false
 }
 
 const persisted = [
@@ -23,7 +24,8 @@ const persisted = [
   'recordVuex',
   'editableProps',
   'logDetected',
-  'vuexAutoload'
+  'vuexAutoload',
+  'vuex1'
 ]
 
 // ---- INTERNALS ---- //