diff --git a/frontend/package.json b/frontend/package.json
index ff54030ed86d..658552cc44e7 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@adapttive/vue-markdown": "^4.0.1",
+    "@vue/composition-api": "^1.0.4",
     "axios": "^0.21.1",
     "core-js": "^3.14.0",
     "fuse.js": "^6.4.6",
@@ -24,7 +25,6 @@
     "vuex-persistedstate": "^4.0.0-beta.3"
   },
   "devDependencies": {
-    "typeface-roboto": "^1.1.13",
     "@intlify/vue-i18n-loader": "^1.1.0",
     "@mdi/font": "^5.9.55",
     "@mdi/js": "^5.9.55",
@@ -40,6 +40,7 @@
     "preload-webpack-plugin": "^2.3.0",
     "sass": "^1.34.1",
     "sass-loader": "^8.0.2",
+    "typeface-roboto": "^1.1.13",
     "vue-cli-plugin-i18n": "~1.0.1",
     "vue-cli-plugin-vuetify": "^2.4.1",
     "vue-cli-plugin-webpack-bundle-analyzer": "^4.0.0",
@@ -72,4 +73,4 @@
     "last 2 versions",
     "not dead"
   ]
-}
\ No newline at end of file
+}
diff --git a/frontend/src/installCompAPI.js b/frontend/src/installCompAPI.js
new file mode 100644
index 000000000000..c1a45139dba5
--- /dev/null
+++ b/frontend/src/installCompAPI.js
@@ -0,0 +1,3 @@
+import Vue from "vue";
+import VueCompositionAPI from "@vue/composition-api";
+Vue.use(VueCompositionAPI);
diff --git a/frontend/src/main.js b/frontend/src/main.js
index e579b1295673..d7ad28f64372 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -1,3 +1,5 @@
+import "./installCompAPI"; // Must Be First
+
 import Vue from "vue";
 import App from "./App.vue";
 import vuetify from "./plugins/vuetify";