Emit submit event instead of passing handler

2 files changed, 7 insertions, 6 deletions

diff --git a/app/assets/javascripts/pipelines/components/pipeline_stop_modal.vue b/app/assets/javascripts/pipelines/components/pipeline_stop_modal.vue
index d4fa556f095..4cafd147511 100644
--- a/app/assets/javascripts/pipelines/components/pipeline_stop_modal.vue
+++ b/app/assets/javascripts/pipelines/components/pipeline_stop_modal.vue
@@ -24,10 +24,6 @@ export default {
       required: true,
       deep: true,
     },
-    onSubmit: {
-      type: Function,
-      required: true,
-    },
   },
   computed: {
     modalTitle() {
@@ -52,6 +48,11 @@ export default {
       return !_.isEmpty(this.pipeline.ref);
     },
   },
+  methods: {
+    emitSubmit(event) {
+      this.$emit('submit', event);
+    },
+  },
 };
 </script>
 <template>
@@ -60,7 +61,7 @@ export default {
     :header-title-text="modalTitle"
     :footer-primary-button-text="s__('Pipeline|Stop pipeline')"
     footer-primary-button-variant="danger"
-    @submit="onSubmit"
+    @submit="emitSubmit($event)"
   >
     <p v-html="modalText"></p>
 
diff --git a/app/assets/javascripts/pipelines/components/pipelines_table.vue b/app/assets/javascripts/pipelines/components/pipelines_table.vue
index 9d837ddf646..fcd1f119df0 100644
--- a/app/assets/javascripts/pipelines/components/pipelines_table.vue
+++ b/app/assets/javascripts/pipelines/components/pipelines_table.vue
@@ -84,6 +84,6 @@ export default {
       :view-type="viewType"
       :canceling-pipeline="cancelingPipeline"
     />
-    <pipeline-stop-modal :pipeline="pipeline" :on-submit="onSubmit" />
+    <pipeline-stop-modal :pipeline="pipeline" @submit="onSubmit" />
   </div>
 </template>