Emit submit event instead of passing handler

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>
 

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>