Merge branch 'fix-vue-order-in-components-alerts_settings' into 'master'

Fix component option order in alerts_settings

See merge request gitlab-org/gitlab!51356

app/assets/javascripts/alerts_settings/components/alert_mapping_builder.vue

@@ -40,6 +40,11 @@ export default {
   directives: {
     GlTooltip,
   },
+  inject: {
+    gitlabAlertFields: {
+      default: gitlabFieldsMock,
+    },
+  },
   props: {
     payloadFields: {
       type: Array,
@@ -57,11 +62,6 @@ export default {
       gitlabFields: this.gitlabAlertFields,
     };
   },
-  inject: {
-    gitlabAlertFields: {
-      default: gitlabFieldsMock,
-    },
-  },
   computed: {
     mappingData() {
       return this.gitlabFields.map((gitlabField) => {

app/assets/javascripts/alerts_settings/components/alerts_settings_form.vue

@@ -117,6 +117,7 @@ export default {
   directives: {
     GlModal: GlModalDirective,
   },
+  mixins: [glFeatureFlagsMixin()],
   inject: {
     generic: {
       default: {},
@@ -125,7 +126,6 @@ export default {
       default: {},
     },
   },
-  mixins: [glFeatureFlagsMixin()],
   props: {
     loading: {
       type: Boolean,

app/assets/javascripts/alerts_settings/index.js

@@ -35,6 +35,9 @@ export default (el) => {
 
   return new Vue({
     el,
+    components: {
+      AlertSettingsWrapper,
+    },
     provide: {
       prometheus: {
         active: parseBoolean(prometheusActivated),
@@ -56,9 +59,6 @@ export default (el) => {
       multiIntegrations: parseBoolean(multiIntegrations),
     },
     apolloProvider,
-    components: {
-      AlertSettingsWrapper,
-    },
     render(createElement) {
       return createElement('alert-settings-wrapper');
     },