1 files changed, 4 insertions, 6 deletions
diff --git a/app/assets/javascripts/badges/components/badge_settings.vue b/app/assets/javascripts/badges/components/badge_settings.vue
index 05268ad8b0f..269928f6636 100644
--- a/app/assets/javascripts/badges/components/badge_settings.vue
+++ b/app/assets/javascripts/badges/components/badge_settings.vue
@@ -1,5 +1,5 @@
 <script>
-import { mapState } from 'vuex';
+import { mapState, mapActions } from 'vuex';
 import createFlash from '~/flash';
 import { s__ } from '~/locale';
 import GlModal from '~/vue_shared/components/gl_modal.vue';
@@ -24,16 +24,14 @@ export default {
     },
   },
   methods: {
+    ...mapActions(['deleteBadge']),
     onSubmitModal() {
-      this.$store
-        .dispatch('deleteBadge', this.badgeInModal)
+      this.deleteBadge(this.badgeInModal)
         .then(() => {
           createFlash(s__('Badges|The badge was deleted.'), 'notice');
         })
         .catch(error => {
-          createFlash(
-            s__('Badges|Deleting the badge failed, please try again.'),
-          );
+          createFlash(s__('Badges|Deleting the badge failed, please try again.'));
           throw error;
         });
     },