1 files changed, 37 insertions, 0 deletions
diff --git a/app/assets/javascripts/registry/list/index.js b/app/assets/javascripts/registry/list/index.js
new file mode 100644
index 00000000000..3d0ff327b42
--- /dev/null
+++ b/app/assets/javascripts/registry/list/index.js
@@ -0,0 +1,37 @@
+import Vue from 'vue';
+import registryApp from './components/app.vue';
+import Translate from '~/vue_shared/translate';
+
+Vue.use(Translate);
+
+export default () =>
+  new Vue({
+    el: '#js-vue-registry-images',
+    components: {
+      registryApp,
+    },
+    data() {
+      const { dataset } = document.querySelector(this.$options.el);
+      return {
+        registryData: {
+          endpoint: dataset.endpoint,
+          characterError: Boolean(dataset.characterError),
+          helpPagePath: dataset.helpPagePath,
+          noContainersImage: dataset.noContainersImage,
+          containersErrorImage: dataset.containersErrorImage,
+          repositoryUrl: dataset.repositoryUrl,
+          isGroupPage: dataset.isGroupPage,
+          personalAccessTokensHelpLink: dataset.personalAccessTokensHelpLink,
+          registryHostUrlWithPort: dataset.registryHostUrlWithPort,
+          twoFactorAuthHelpLink: dataset.twoFactorAuthHelpLink,
+        },
+      };
+    },
+    render(createElement) {
+      return createElement('registry-app', {
+        props: {
+          ...this.registryData,
+        },
+      });
+    },
+  });