1 files changed, 38 insertions, 0 deletions
diff --git a/app/assets/javascripts/lib/utils/vue3compat/vuex.js b/app/assets/javascripts/lib/utils/vue3compat/vuex.js
new file mode 100644
index 00000000000..ff94ff3d04a
--- /dev/null
+++ b/app/assets/javascripts/lib/utils/vue3compat/vuex.js
@@ -0,0 +1,38 @@
+import Vue from 'vue';
+import {
+  createStore,
+  mapState,
+  mapGetters,
+  mapActions,
+  mapMutations,
+  createNamespacedHelpers,
+} from 'vuex-vue3';
+
+export { mapState, mapGetters, mapActions, mapMutations, createNamespacedHelpers };
+
+const installedStores = new WeakMap();
+
+export default {
+  Store: class VuexCompatStore {
+    constructor(...args) {
+      // eslint-disable-next-line no-constructor-return
+      return createStore(...args);
+    }
+  },
+
+  install() {
+    Vue.mixin({
+      beforeCreate() {
+        const { app } = this.$.appContext;
+        const { store } = this.$options;
+        if (store && !installedStores.get(app)?.has(store)) {
+          if (!installedStores.has(app)) {
+            installedStores.set(app, new WeakSet());
+          }
+          installedStores.get(app).add(store);
+          this.$.appContext.app.use(this.$options.store);
+        }
+      },
+    });
+  },
+};