1 files changed, 24 insertions, 0 deletions
diff --git a/app/assets/javascripts/repository/index.js b/app/assets/javascripts/repository/index.js
index e9214e3acff..e5d22f50d72 100644
--- a/app/assets/javascripts/repository/index.js
+++ b/app/assets/javascripts/repository/index.js
@@ -11,6 +11,7 @@ import RefSelector from '~/ref/components/ref_selector.vue';
 import App from './components/app.vue';
 import Breadcrumbs from './components/breadcrumbs.vue';
 import DirectoryDownloadLinks from './components/directory_download_links.vue';
+import ForkInfo from './components/fork_info.vue';
 import LastCommit from './components/last_commit.vue';
 import BlobControls from './components/blob_controls.vue';
 import apolloProvider from './graphql';
@@ -63,6 +64,28 @@ export default function setupVueRepositoryList() {
     },
   });
 
+  const initForkInfo = () => {
+    const forkEl = document.getElementById('js-fork-info');
+    if (!forkEl) {
+      return null;
+    }
+    const { sourceName, sourcePath } = forkEl.dataset;
+    return new Vue({
+      el: forkEl,
+      apolloProvider,
+      render(h) {
+        return h(ForkInfo, {
+          props: {
+            projectPath,
+            selectedRef: ref,
+            sourceName,
+            sourcePath,
+          },
+        });
+      },
+    });
+  };
+
   const initLastCommitApp = () =>
     new Vue({
       el: document.getElementById('js-last-commit'),
@@ -118,6 +141,7 @@ export default function setupVueRepositoryList() {
 
   initLastCommitApp();
   initBlobControlsApp();
+  initForkInfo();
   initRefSwitcher();
 
   router.afterEach(({ params: { path } }) => {