1 files changed, 23 insertions, 0 deletions
diff --git a/app/assets/javascripts/tags/init_new_tag_ref_selector.js b/app/assets/javascripts/tags/init_new_tag_ref_selector.js
new file mode 100644
index 00000000000..11c7516f16c
--- /dev/null
+++ b/app/assets/javascripts/tags/init_new_tag_ref_selector.js
@@ -0,0 +1,23 @@
+import Vue from 'vue';
+import RefSelector from '~/ref/components/ref_selector.vue';
+
+export default function initNewTagRefSelector() {
+  const el = document.querySelector('.js-new-tag-ref-selector');
+
+  if (el) {
+    const { projectId, defaultBranchName, hiddenInputName } = el.dataset;
+    // eslint-disable-next-line no-new
+    new Vue({
+      el,
+      render(createComponent) {
+        return createComponent(RefSelector, {
+          props: {
+            value: defaultBranchName,
+            name: hiddenInputName,
+            projectId,
+          },
+        });
+      },
+    });
+  }
+}