diff --git a/package-lock.json b/package-lock.json
index 778fcf216..f95f4b1f1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -41,7 +41,7 @@
         "vue-material-design-icons": "^5.3.1",
         "vue-router": "^3.6.5",
         "vue-smooth-dnd": "^0.8.1",
-        "vuex": "^3.6.2",
+        "vuex": "^4.1.0",
         "vuex-router-sync": "^5.0.0"
       },
       "devDependencies": {
@@ -5426,6 +5426,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+      "license": "MIT"
+    },
     "node_modules/@vue/eslint-config-typescript": {
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-13.0.0.tgz",
@@ -21248,10 +21254,15 @@
       }
     },
     "node_modules/vuex": {
-      "version": "3.6.2",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/vuex/-/vuex-4.1.0.tgz",
+      "integrity": "sha512-hmV6UerDrPcgbSy9ORAtNXDr9M4wlNP4pEFKye4ujJF8oqgFFuxDCdOLS3eNoRTtq5O3hoBDh9Doj1bQMYHRbQ==",
       "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^6.0.0-beta.11"
+      },
       "peerDependencies": {
-        "vue": "^2.0.0"
+        "vue": "^3.2.0"
       }
     },
     "node_modules/vuex-router-sync": {
diff --git a/package.json b/package.json
index c2e37ff71..6e884ff1e 100644
--- a/package.json
+++ b/package.json
@@ -62,7 +62,7 @@
     "vue-material-design-icons": "^5.3.1",
     "vue-router": "^3.6.5",
     "vue-smooth-dnd": "^0.8.1",
-    "vuex": "^3.6.2",
+    "vuex": "^4.1.0",
     "vuex-router-sync": "^5.0.0"
   },
   "browserslist": [