diff --git a/ee/app/assets/javascripts/dependencies/index.js b/ee/app/assets/javascripts/dependencies/index.js
index d7293299f6a537469d2126351aab50b0ec8c73ab..0536246bc180c375f43d1d425688baee20ee61ba 100644
--- a/ee/app/assets/javascripts/dependencies/index.js
+++ b/ee/app/assets/javascripts/dependencies/index.js
@@ -16,6 +16,7 @@ export default () => {
 
   return new Vue({
     el,
+    name: 'DependenciesAppRoot',
     components: {
       DependenciesApp,
     },
diff --git a/ee/app/assets/javascripts/on_demand_scans/on_demand_scans_bundle.js b/ee/app/assets/javascripts/on_demand_scans/on_demand_scans_bundle.js
index 4863731d91adbacc1cd3df44900f4c12bb2036f8..2068dd5b0a9de42eba3702085ccf70d518169c44 100644
--- a/ee/app/assets/javascripts/on_demand_scans/on_demand_scans_bundle.js
+++ b/ee/app/assets/javascripts/on_demand_scans/on_demand_scans_bundle.js
@@ -19,6 +19,7 @@ export default () => {
 
   return new Vue({
     el,
+    name: 'OnDemandScansRoot',
     router: createRouter(),
     apolloProvider,
     provide: {
diff --git a/ee/app/assets/javascripts/on_demand_scans_form/index.js b/ee/app/assets/javascripts/on_demand_scans_form/index.js
index b9350264dca7528d5f239655e7c6f552f20c15a0..25f1a2045df0aecb630acd439d7ad7f8a493d754 100644
--- a/ee/app/assets/javascripts/on_demand_scans_form/index.js
+++ b/ee/app/assets/javascripts/on_demand_scans_form/index.js
@@ -22,6 +22,7 @@ export default () => {
 
   return new Vue({
     el,
+    name: 'OnDemandScansFormRoot',
     apolloProvider,
     provide: {
       projectPath,
diff --git a/ee/app/assets/javascripts/security_dashboard/security_dashboard_init.js b/ee/app/assets/javascripts/security_dashboard/security_dashboard_init.js
index 098bf89095c7643c6885a07cbe4d8b08f225dd23..57b7136d4688e6a3695f6acf51f90a84a79409b9 100644
--- a/ee/app/assets/javascripts/security_dashboard/security_dashboard_init.js
+++ b/ee/app/assets/javascripts/security_dashboard/security_dashboard_init.js
@@ -58,6 +58,7 @@ export default (el, dashboardType) => {
 
   return new Vue({
     el,
+    name: 'SecurityDashboardRoot',
     store,
     router,
     apolloProvider,
diff --git a/ee/app/assets/javascripts/security_dashboard/vulnerability_report_init.js b/ee/app/assets/javascripts/security_dashboard/vulnerability_report_init.js
index 2006bcad6f4a9f12634e3718a5d3a75735cf1209..d62dfde3a0b4c257d6b777b5c223dbbcc2e53b08 100644
--- a/ee/app/assets/javascripts/security_dashboard/vulnerability_report_init.js
+++ b/ee/app/assets/javascripts/security_dashboard/vulnerability_report_init.js
@@ -122,6 +122,7 @@ export default (el, dashboardType) => {
 
   return new Vue({
     el,
+    name: 'VulnerabilityReportRoot',
     store,
     router,
     apolloProvider,
diff --git a/ee/app/assets/javascripts/vulnerabilities/vulnerabilities_init.js b/ee/app/assets/javascripts/vulnerabilities/vulnerabilities_init.js
index 00186a07406141cf925d06f594d23f0d3d201a20..7c31c976a666fd9961070d736dbafca1d8d8c4ea 100644
--- a/ee/app/assets/javascripts/vulnerabilities/vulnerabilities_init.js
+++ b/ee/app/assets/javascripts/vulnerabilities/vulnerabilities_init.js
@@ -16,6 +16,7 @@ export default (el) => {
 
   return new Vue({
     el,
+    name: 'VulnerabilityRoot',
     apolloProvider,
     provide: {
       reportType: vulnerability.reportType,