[ci skip] First iteration: port haml into vue

1 files changed, 25 insertions, 0 deletions

diff --git a/app/assets/javascripts/registry/index.js b/app/assets/javascripts/registry/index.js
index e69de29bb2d..4f7895897b2 100644
--- a/app/assets/javascripts/registry/index.js
+++ b/app/assets/javascripts/registry/index.js
@@ -0,0 +1,25 @@
+import Vue from 'vue';
+import Translate from '../vue_shared/translate';
+import registryApp from './components/app.vue';
+
+// Vue.use(Translate);
+
+document.addEventListener('DOMContentLoaded', () => new Vue({
+  el: '#js-vue-registry-images',
+  components: {
+    registryApp,
+  },
+  data() {
+    const dataset = document.querySelector(this.$options.el).dataset;
+    return {
+      endpoint: dataset.endpoint,
+    };
+  },
+  render(createElement) {
+    return createElement('registry-app', {
+      props: {
+        endpoint: this.endpoint,
+      },
+    });
+  },
+}));