diff --git a/package.json b/package.json
index 5765554..3d4fa5f 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "google"
   ],
   "devDependencies": {
+    "@vue/compiler-sfc": "^3.2.26",
     "copy-webpack-plugin": "^9.0.1",
     "css-loader": "^6.2.0",
     "json5": "^2.2.0",
@@ -32,6 +33,8 @@
     "sass": "^1.38.1",
     "sass-loader": "^12.1.0",
     "style-loader": "^3.2.1",
+    "vue-loader": "^17.0.0",
+    "vue-style-loader": "^4.1.3",
     "webpack": "^5.44.0",
     "webpack-cli": "^4.7.2",
     "webpack-preprocessor-loader": "^1.1.4",
@@ -39,6 +42,7 @@
   },
   "private": true,
   "dependencies": {
+    "@material/menu": "^10.0.0",
     "@material/tooltip": "^12.0.0",
     "async-mutex": "^0.3.2",
     "google-protobuf": "^3.18.0-rc.2",
@@ -46,6 +50,8 @@
     "idb": "^6.1.2",
     "poll-until-promise": "^3.6.1",
     "semver": "^7.3.5",
-    "sw-xhr": "^0.0.3"
+    "sw-xhr": "^0.0.3",
+    "vue": "^3.2.26",
+    "vue-material-adapter": "^3.2.3"
   }
 }