diff --git a/assets/package-lock.json b/assets/package-lock.json
index 1ebaf2888174..431a508609d6 100644
--- a/assets/package-lock.json
+++ b/assets/package-lock.json
@@ -21,7 +21,7 @@
         "@tailwindcss/forms": "^0.5.6",
         "@tailwindcss/typography": "^0.4.1",
         "abortcontroller-polyfill": "^1.7.3",
-        "alpinejs": "^2.8.2",
+        "alpinejs": "^3.13.2",
         "autoprefixer": "^10.4.15",
         "babel-loader": "^8.2.2",
         "chart.js": "^3.3.2",
@@ -70,10 +70,10 @@
         "webpack-bundle-analyzer": "^4.4.2"
       }
     },
-    "../../../../../deps/phoenix": {
+    "../../deps/phoenix": {
       "extraneous": true
     },
-    "../../../../../deps/phoenix_html": {
+    "../../deps/phoenix_html": {
       "extraneous": true
     },
     "node_modules/@alloc/quick-lru": {
@@ -2025,6 +2025,19 @@
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
       "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
     },
+    "node_modules/@vue/reactivity": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.5.tgz",
+      "integrity": "sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg==",
+      "dependencies": {
+        "@vue/shared": "3.1.5"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.1.5.tgz",
+      "integrity": "sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA=="
+    },
     "node_modules/@webassemblyjs/ast": {
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.6.tgz",
@@ -2289,9 +2302,12 @@
       "integrity": "sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM= sha512-0FcBfdcmaumGPQ0qPn7Q5qTgz/ooXgIyp1rf8ik5bGX8mpE2YHjC0P/eyQvxu1GURYQgq9ozf2mteQ5ZD9YiyQ=="
     },
     "node_modules/alpinejs": {
-      "version": "2.8.2",
-      "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-2.8.2.tgz",
-      "integrity": "sha512-5yOUtckn4CBp0qsHpo2qgjZyZit84uXvHbB7NJ27sn4FA6UlFl2i9PGUAdTXkcbFvvxDJBM+zpOD8RuNYFvQAw=="
+      "version": "3.13.2",
+      "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.13.2.tgz",
+      "integrity": "sha512-WzojeeN082kLZznGI1HAuP8yFJSWqJ1fGdz2mUjj45H4y0XwToE7fFqtI3mCPRR+BpcSbxT/NL+FyPnYAWSltw==",
+      "dependencies": {
+        "@vue/reactivity": "~3.1.1"
+      }
     },
     "node_modules/ansi-colors": {
       "version": "4.1.3",
@@ -11101,6 +11117,19 @@
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
       "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
     },
+    "@vue/reactivity": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.5.tgz",
+      "integrity": "sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg==",
+      "requires": {
+        "@vue/shared": "3.1.5"
+      }
+    },
+    "@vue/shared": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.1.5.tgz",
+      "integrity": "sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA=="
+    },
     "@webassemblyjs/ast": {
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.6.tgz",
@@ -11328,9 +11357,12 @@
       "integrity": "sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM= sha512-0FcBfdcmaumGPQ0qPn7Q5qTgz/ooXgIyp1rf8ik5bGX8mpE2YHjC0P/eyQvxu1GURYQgq9ozf2mteQ5ZD9YiyQ=="
     },
     "alpinejs": {
-      "version": "2.8.2",
-      "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-2.8.2.tgz",
-      "integrity": "sha512-5yOUtckn4CBp0qsHpo2qgjZyZit84uXvHbB7NJ27sn4FA6UlFl2i9PGUAdTXkcbFvvxDJBM+zpOD8RuNYFvQAw=="
+      "version": "3.13.2",
+      "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.13.2.tgz",
+      "integrity": "sha512-WzojeeN082kLZznGI1HAuP8yFJSWqJ1fGdz2mUjj45H4y0XwToE7fFqtI3mCPRR+BpcSbxT/NL+FyPnYAWSltw==",
+      "requires": {
+        "@vue/reactivity": "~3.1.1"
+      }
     },
     "ansi-colors": {
       "version": "4.1.3",
diff --git a/assets/package.json b/assets/package.json
index 663f5b0e08a5..f1c2a8060ff2 100644
--- a/assets/package.json
+++ b/assets/package.json
@@ -23,7 +23,7 @@
     "@tailwindcss/forms": "^0.5.6",
     "@tailwindcss/typography": "^0.4.1",
     "abortcontroller-polyfill": "^1.7.3",
-    "alpinejs": "^2.8.2",
+    "alpinejs": "^3.13.2",
     "autoprefixer": "^10.4.15",
     "babel-loader": "^8.2.2",
     "chart.js": "^3.3.2",