diff --git a/javascript/shared-todo-starter/package-lock.json b/javascript/shared-todo-starter/package-lock.json
index 4ba19f71..d5b10771 100644
--- a/javascript/shared-todo-starter/package-lock.json
+++ b/javascript/shared-todo-starter/package-lock.json
@@ -7,7 +7,7 @@
       "name": "shared-todo-starter",
       "hasInstallScript": true,
       "dependencies": {
-        "@heroicons/vue": "1.0.6",
+        "@heroicons/vue": "2.2.0",
         "@nuxt/ui-templates": "1.3.4",
         "@web5/api": "0.11.0",
         "vue": "3.5.12",
@@ -1087,9 +1087,10 @@
       }
     },
     "node_modules/@heroicons/vue": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/@heroicons/vue/-/vue-1.0.6.tgz",
-      "integrity": "sha512-ng2YcCQrdoQWEFpw+ipFl2rZo8mZ56v0T5+MyfQQvNqfKChwgP6DMloZLW+rl17GEcHkE3H82UTAMKBKZr4+WA==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@heroicons/vue/-/vue-2.2.0.tgz",
+      "integrity": "sha512-G3dbSxoeEKqbi/DFalhRxJU4mTXJn7GwZ7ae8NuEQzd1bqdd0jAbdaBZlHPcvPD2xI1iGzNVB4k20Un2AguYPw==",
+      "license": "MIT",
       "peerDependencies": {
         "vue": ">= 3"
       }
diff --git a/javascript/shared-todo-starter/package.json b/javascript/shared-todo-starter/package.json
index d2f47aa5..823bff50 100644
--- a/javascript/shared-todo-starter/package.json
+++ b/javascript/shared-todo-starter/package.json
@@ -24,7 +24,7 @@
     "start-server-and-test": "^2.0.4"
   },
   "dependencies": {
-    "@heroicons/vue": "1.0.6",
+    "@heroicons/vue": "2.2.0",
     "@nuxt/ui-templates": "1.3.4",
     "@web5/api": "0.11.0",
     "vue": "3.5.12",
diff --git a/javascript/shared-todo/package-lock.json b/javascript/shared-todo/package-lock.json
index feec459e..737a48b2 100644
--- a/javascript/shared-todo/package-lock.json
+++ b/javascript/shared-todo/package-lock.json
@@ -7,7 +7,7 @@
       "name": "shared-todo-completed",
       "hasInstallScript": true,
       "dependencies": {
-        "@heroicons/vue": "1.0.6",
+        "@heroicons/vue": "2.2.0",
         "@nuxt/kit": "3.13.2",
         "@nuxt/ui-templates": "1.3.4",
         "@web5/api": "0.11.0",
@@ -1043,9 +1043,10 @@
       }
     },
     "node_modules/@heroicons/vue": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/@heroicons/vue/-/vue-1.0.6.tgz",
-      "integrity": "sha512-ng2YcCQrdoQWEFpw+ipFl2rZo8mZ56v0T5+MyfQQvNqfKChwgP6DMloZLW+rl17GEcHkE3H82UTAMKBKZr4+WA==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@heroicons/vue/-/vue-2.2.0.tgz",
+      "integrity": "sha512-G3dbSxoeEKqbi/DFalhRxJU4mTXJn7GwZ7ae8NuEQzd1bqdd0jAbdaBZlHPcvPD2xI1iGzNVB4k20Un2AguYPw==",
+      "license": "MIT",
       "peerDependencies": {
         "vue": ">= 3"
       }
diff --git a/javascript/shared-todo/package.json b/javascript/shared-todo/package.json
index f2ab544f..892df55e 100644
--- a/javascript/shared-todo/package.json
+++ b/javascript/shared-todo/package.json
@@ -23,7 +23,7 @@
     "start-server-and-test": "^2.0.4"
   },
   "dependencies": {
-    "@heroicons/vue": "1.0.6",
+    "@heroicons/vue": "2.2.0",
     "@nuxt/kit": "3.13.2",
     "@nuxt/ui-templates": "1.3.4",
     "@web5/api": "0.11.0",
diff --git a/javascript/todo-starter/package-lock.json b/javascript/todo-starter/package-lock.json
index a13e3508..dcf7e409 100644
--- a/javascript/todo-starter/package-lock.json
+++ b/javascript/todo-starter/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.0.0",
       "dependencies": {
         "@headlessui/vue": "1.7.23",
-        "@heroicons/vue": "1.0.6",
+        "@heroicons/vue": "2.2.0",
         "@noble/ed25519": "2.1.0",
         "@vueuse/core": "11.2.0",
         "@web5/api": "0.11.0",
@@ -759,9 +759,10 @@
       }
     },
     "node_modules/@heroicons/vue": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/@heroicons/vue/-/vue-1.0.6.tgz",
-      "integrity": "sha512-ng2YcCQrdoQWEFpw+ipFl2rZo8mZ56v0T5+MyfQQvNqfKChwgP6DMloZLW+rl17GEcHkE3H82UTAMKBKZr4+WA==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@heroicons/vue/-/vue-2.2.0.tgz",
+      "integrity": "sha512-G3dbSxoeEKqbi/DFalhRxJU4mTXJn7GwZ7ae8NuEQzd1bqdd0jAbdaBZlHPcvPD2xI1iGzNVB4k20Un2AguYPw==",
+      "license": "MIT",
       "peerDependencies": {
         "vue": ">= 3"
       }
diff --git a/javascript/todo-starter/package.json b/javascript/todo-starter/package.json
index 38cfa80d..947e4b81 100644
--- a/javascript/todo-starter/package.json
+++ b/javascript/todo-starter/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@headlessui/vue": "1.7.23",
-    "@heroicons/vue": "1.0.6",
+    "@heroicons/vue": "2.2.0",
     "@noble/ed25519": "2.1.0",
     "@vueuse/core": "11.2.0",
     "@web5/api": "0.11.0",
diff --git a/javascript/todo/package-lock.json b/javascript/todo/package-lock.json
index d755e73e..ba21c327 100644
--- a/javascript/todo/package-lock.json
+++ b/javascript/todo/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.0.0",
       "dependencies": {
         "@headlessui/vue": "1.7.23",
-        "@heroicons/vue": "1.0.6",
+        "@heroicons/vue": "2.2.0",
         "@noble/ed25519": "2.1.0",
         "@vueuse/core": "11.2.0",
         "@web5/api": "0.11.0",
@@ -760,9 +760,10 @@
       }
     },
     "node_modules/@heroicons/vue": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/@heroicons/vue/-/vue-1.0.6.tgz",
-      "integrity": "sha512-ng2YcCQrdoQWEFpw+ipFl2rZo8mZ56v0T5+MyfQQvNqfKChwgP6DMloZLW+rl17GEcHkE3H82UTAMKBKZr4+WA==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@heroicons/vue/-/vue-2.2.0.tgz",
+      "integrity": "sha512-G3dbSxoeEKqbi/DFalhRxJU4mTXJn7GwZ7ae8NuEQzd1bqdd0jAbdaBZlHPcvPD2xI1iGzNVB4k20Un2AguYPw==",
+      "license": "MIT",
       "peerDependencies": {
         "vue": ">= 3"
       }
diff --git a/javascript/todo/package.json b/javascript/todo/package.json
index e49454b9..6a5c0dc7 100644
--- a/javascript/todo/package.json
+++ b/javascript/todo/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@headlessui/vue": "1.7.23",
-    "@heroicons/vue": "1.0.6",
+    "@heroicons/vue": "2.2.0",
     "@noble/ed25519": "2.1.0",
     "@vueuse/core": "11.2.0",
     "@web5/api": "0.11.0",