diff --git a/package-lock.json b/package-lock.json
index 4a19ac5a6..7f10b364d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,7 +7,9 @@
       "name": "connect-components",
       "hasInstallScript": true,
       "dependencies": {
+        "@heroicons/vue": "^2.0.18",
         "@pinia/nuxt": "^0.4.11",
+        "@vueuse/components": "^10.1.2",
         "crypto-js": "^4.1.1",
         "dayjs": "^1.11.7"
       },
@@ -980,6 +982,14 @@
         "node": ">=12"
       }
     },
+    "node_modules/@heroicons/vue": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/@heroicons/vue/-/vue-2.0.18.tgz",
+      "integrity": "sha512-BcTC9nq2TkwNSfQuqo96J7ehx4etezypc2YeTq7KsXWxrcrerhkgjLrxGRBnStN0wrXo0Gv4BInybqz5uBG6Cw==",
+      "peerDependencies": {
+        "vue": ">= 3"
+      }
+    },
     "node_modules/@ioredis/commands": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@ioredis/commands/-/commands-1.2.0.tgz",
@@ -1752,8 +1762,7 @@
     "node_modules/@types/web-bluetooth": {
       "version": "0.0.17",
       "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.17.tgz",
-      "integrity": "sha512-4p9vcSmxAayx72yn70joFoL44c9MO/0+iVEBIQXe3v2h2SiAsEIo/G5v6ObFWvNKRFjbrVadNf9LqEEZeQPzdA==",
-      "dev": true
+      "integrity": "sha512-4p9vcSmxAayx72yn70joFoL44c9MO/0+iVEBIQXe3v2h2SiAsEIo/G5v6ObFWvNKRFjbrVadNf9LqEEZeQPzdA=="
     },
     "node_modules/@unhead/dom": {
       "version": "1.1.27",
@@ -2110,11 +2119,20 @@
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.4.tgz",
       "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ=="
     },
+    "node_modules/@vueuse/components": {
+      "version": "10.1.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/components/-/components-10.1.2.tgz",
+      "integrity": "sha512-HlYFYCg3twMhnQgPS4/muz8XIYKViFVKnpL0Xtw5+9ib2gtWvu1Qu7hj6kDMDtOIw1CnNRsUbMLiNI+LXkxSSQ==",
+      "dependencies": {
+        "@vueuse/core": "10.1.2",
+        "@vueuse/shared": "10.1.2",
+        "vue-demi": ">=0.14.0"
+      }
+    },
     "node_modules/@vueuse/core": {
       "version": "10.1.2",
       "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.1.2.tgz",
       "integrity": "sha512-roNn8WuerI56A5uiTyF/TEYX0Y+VKlhZAF94unUfdhbDUI+NfwQMn4FUnUscIRUhv3344qvAghopU4bzLPNFlA==",
-      "dev": true,
       "dependencies": {
         "@types/web-bluetooth": "^0.0.17",
         "@vueuse/metadata": "10.1.2",
@@ -2129,7 +2147,6 @@
       "version": "10.1.2",
       "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.1.2.tgz",
       "integrity": "sha512-3mc5BqN9aU2SqBeBuWE7ne4OtXHoHKggNgxZR2K+zIW4YLsy6xoZ4/9vErQs6tvoKDX6QAqm3lvsrv0mczAwIQ==",
-      "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/antfu"
       }
@@ -2158,7 +2175,6 @@
       "version": "10.1.2",
       "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.1.2.tgz",
       "integrity": "sha512-1uoUTPBlgyscK9v6ScGeVYDDzlPSFXBlxuK7SfrDGyUTBiznb3mNceqhwvZHjtDRELZEN79V5uWPTF1VDV8svA==",
-      "dev": true,
       "dependencies": {
         "vue-demi": ">=0.14.0"
       },
diff --git a/package.json b/package.json
index afcce6d16..25b7483eb 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,9 @@
     "nuxt-custom-elements": "^2.0.0-beta.12"
   },
   "dependencies": {
+    "@heroicons/vue": "^2.0.18",
     "@pinia/nuxt": "^0.4.11",
+    "@vueuse/components": "^10.1.2",
     "crypto-js": "^4.1.1",
     "dayjs": "^1.11.7"
   },