1 files changed, 8 insertions, 22 deletions
diff --git a/app/assets/javascripts/pages/import/bitbucket_server/status/index.js b/app/assets/javascripts/pages/import/bitbucket_server/status/index.js
index 90eb423c7a7..680ff0ddcde 100644
--- a/app/assets/javascripts/pages/import/bitbucket_server/status/index.js
+++ b/app/assets/javascripts/pages/import/bitbucket_server/status/index.js
@@ -1,24 +1,10 @@
-import Vue from 'vue';
-import { initStoreFromElement, initPropsFromElement } from '~/import_entities/import_projects';
-import BitbucketServerStatusTable from './components/bitbucket_server_status_table.vue';
-
-function BitbucketServerStatus() {
-  const mountElement = document.getElementById('import-projects-mount-element');
-  if (!mountElement) return undefined;
+import mountImportProjectsTable from '~/import_entities/import_projects';
 
-  const store = initStoreFromElement(mountElement);
-  const attrs = initPropsFromElement(mountElement);
-  const { reconfigurePath } = mountElement.dataset;
-
-  return new Vue({
-    el: mountElement,
-    store,
-    render(createElement) {
-      return createElement(BitbucketServerStatusTable, {
-        attrs: { ...attrs, reconfigurePath },
-      });
-    },
-  });
-}
+import BitbucketServerStatusTable from './components/bitbucket_server_status_table.vue';
 
-BitbucketServerStatus();
+const mountElement = document.getElementById('import-projects-mount-element');
+mountImportProjectsTable({
+  mountElement,
+  Component: BitbucketServerStatusTable,
+  extraProps: ({ reconfigurePath }) => ({ reconfigurePath }),
+});