Merge branch 'tz-treeshake-vue-toasted' into 'master'

Moved vue-toasted into status modal

See merge request gitlab-org/gitlab!48476

app/assets/javascripts/header.js

 import $ from 'jquery';
 import Vue from 'vue';
-import { GlToast } from '@gitlab/ui';
 import Translate from '~/vue_shared/translate';
 import { highCountTrim } from '~/lib/utils/text_utility';
 import Tracking from '~/tracking';
@@ -35,7 +34,6 @@ function initStatusTriggers() {
           const statusModalElement = document.createElement('div');
           setStatusModalWrapperEl.appendChild(statusModalElement);
 
-          Vue.use(GlToast);
           Vue.use(Translate);
 
           // eslint-disable-next-line no-new

app/assets/javascripts/set_status_modal/set_status_modal_wrapper.vue

 <script>
 /* eslint-disable vue/no-v-html */
 import $ from 'jquery';
+import Vue from 'vue';
 import GfmAutoComplete from 'ee_else_ce/gfm_auto_complete';
-import { GlModal, GlTooltipDirective, GlIcon, GlFormCheckbox } from '@gitlab/ui';
+import { GlToast, GlModal, GlTooltipDirective, GlIcon, GlFormCheckbox } from '@gitlab/ui';
 import { deprecatedCreateFlash as createFlash } from '~/flash';
 import { __, s__ } from '~/locale';
 import Api from '~/api';
@@ -16,6 +17,8 @@ export const AVAILABILITY_STATUS = {
   NOT_SET: 'not_set',
 };
 
+Vue.use(GlToast);
+
 export default {
   components: {
     GlIcon,