1 files changed, 60 insertions, 0 deletions
diff --git a/app/assets/javascripts/import_entities/import_projects/index.js b/app/assets/javascripts/import_entities/import_projects/index.js
new file mode 100644
index 00000000000..7373b628f2b
--- /dev/null
+++ b/app/assets/javascripts/import_entities/import_projects/index.js
@@ -0,0 +1,60 @@
+import Vue from 'vue';
+import Translate from '~/vue_shared/translate';
+import { parseBoolean } from '~/lib/utils/common_utils';
+import ImportProjectsTable from './components/import_projects_table.vue';
+import createStore from './store';
+
+Vue.use(Translate);
+
+export function initStoreFromElement(element) {
+  const {
+    ciCdOnly,
+    canSelectNamespace,
+    provider,
+
+    reposPath,
+    jobsPath,
+    importPath,
+    namespacesPath,
+    paginatable,
+  } = element.dataset;
+
+  return createStore({
+    initialState: {
+      defaultTargetNamespace: gon.current_username,
+      ciCdOnly: parseBoolean(ciCdOnly),
+      canSelectNamespace: parseBoolean(canSelectNamespace),
+      provider,
+    },
+    endpoints: {
+      reposPath,
+      jobsPath,
+      importPath,
+      namespacesPath,
+    },
+    hasPagination: parseBoolean(paginatable),
+  });
+}
+
+export function initPropsFromElement(element) {
+  return {
+    providerTitle: element.dataset.providerTitle,
+    filterable: parseBoolean(element.dataset.filterable),
+    paginatable: parseBoolean(element.dataset.paginatable),
+  };
+}
+
+export default function mountImportProjectsTable(mountElement) {
+  if (!mountElement) return undefined;
+
+  const store = initStoreFromElement(mountElement);
+  const props = initPropsFromElement(mountElement);
+
+  return new Vue({
+    el: mountElement,
+    store,
+    render(createElement) {
+      return createElement(ImportProjectsTable, { props });
+    },
+  });
+}