1 files changed, 72 insertions, 0 deletions
diff --git a/app/assets/javascripts/profile/components/profile_tabs.vue b/app/assets/javascripts/profile/components/profile_tabs.vue
new file mode 100644
index 00000000000..2425d56c52a
--- /dev/null
+++ b/app/assets/javascripts/profile/components/profile_tabs.vue
@@ -0,0 +1,72 @@
+<script>
+import { GlTabs } from '@gitlab/ui';
+
+import OverviewTab from './overview_tab.vue';
+import ActivityTab from './activity_tab.vue';
+import GroupsTab from './groups_tab.vue';
+import ContributedProjectsTab from './contributed_projects_tab.vue';
+import PersonalProjectsTab from './personal_projects_tab.vue';
+import StarredProjectsTab from './starred_projects_tab.vue';
+import SnippetsTab from './snippets_tab.vue';
+import FollowersTab from './followers_tab.vue';
+import FollowingTab from './following_tab.vue';
+
+export default {
+  components: {
+    GlTabs,
+    OverviewTab,
+    ActivityTab,
+    GroupsTab,
+    ContributedProjectsTab,
+    PersonalProjectsTab,
+    StarredProjectsTab,
+    SnippetsTab,
+    FollowersTab,
+    FollowingTab,
+  },
+  tabs: [
+    {
+      key: 'overview',
+      component: OverviewTab,
+    },
+    {
+      key: 'activity',
+      component: ActivityTab,
+    },
+    {
+      key: 'groups',
+      component: GroupsTab,
+    },
+    {
+      key: 'contributedProjects',
+      component: ContributedProjectsTab,
+    },
+    {
+      key: 'personalProjects',
+      component: PersonalProjectsTab,
+    },
+    {
+      key: 'starredProjects',
+      component: StarredProjectsTab,
+    },
+    {
+      key: 'snippets',
+      component: SnippetsTab,
+    },
+    {
+      key: 'followers',
+      component: FollowersTab,
+    },
+    {
+      key: 'following',
+      component: FollowingTab,
+    },
+  ],
+};
+</script>
+
+<template>
+  <gl-tabs>
+    <component :is="component" v-for="{ key, component } in $options.tabs" :key="key" />
+  </gl-tabs>
+</template>