Merge branch '34017-common-vue' into 'master'

Remove vue from main.bundle.js

Closes #34017

See merge request !12327

app/assets/javascripts/commit/pipelines/pipelines_bundle.js

@@ -10,6 +10,11 @@ import commitPipelinesTable from './pipelines_table.vue';
 
 const CommitPipelinesTable = Vue.extend(commitPipelinesTable);
 
+// export for use in merge_request_tabs.js (TODO: remove this hack when we understand how to load
+// vue.js in merge_request_tabs.js)
+window.gl = window.gl || {};
+window.gl.CommitPipelinesTable = CommitPipelinesTable;
+
 document.addEventListener('DOMContentLoaded', () => {
   const pipelineTableViewEl = document.querySelector('#commit-pipeline-table-view');
 

app/assets/javascripts/merge_request_tabs.js

@@ -3,12 +3,10 @@
 /* global Flash */
 /* global notes */
 
-import Vue from 'vue';
 import Cookies from 'js-cookie';
 import './breakpoints';
 import './flash';
 import BlobForkSuggestion from './blob/blob_fork_suggestion';
-import commitPipelinesTable from './commit/pipelines/pipelines_table.vue';
 
 /* eslint-disable max-len */
 // MergeRequestTabs
@@ -236,7 +234,7 @@ import commitPipelinesTable from './commit/pipelines/pipelines_table.vue';
 
     mountPipelinesView() {
       const pipelineTableViewEl = document.querySelector('#commit-pipeline-table-view');
-      const CommitPipelinesTable = Vue.extend(commitPipelinesTable);
+      const CommitPipelinesTable = gl.CommitPipelinesTable;
       this.commitPipelinesTable = new CommitPipelinesTable({
         propsData: {
           endpoint: pipelineTableViewEl.dataset.endpoint,