Move modal dialog to app root component

app/assets/javascripts/groups/components/item_actions.vue

 <script>
-<<<<<<< HEAD
-  import { s__ } from '~/locale';
-  import tooltip from '~/vue_shared/directives/tooltip';
-  import icon from '~/vue_shared/components/icon.vue';
-  import modal from '~/vue_shared/components/modal.vue';
-  import eventHub from '../event_hub';
-  import { COMMON_STR } from '../constants';
-
-  export default {
-    components: {
-      icon,
-      modal,
-=======
 import tooltip from '~/vue_shared/directives/tooltip';
 import icon from '~/vue_shared/components/icon.vue';
 import eventHub from '../event_hub';
@@ -24,17 +11,6 @@ export default {
   directives: {
     tooltip,
   },
-  props: {
-    parentGroup: {
-      type: Object,
-      required: false,
-      default: () => ({}),
->>>>>>> upstream/master
-    },
-    directives: {
-      tooltip,
-    },
-<<<<<<< HEAD
   props: {
     parentGroup: {
       type: Object,
@@ -45,19 +21,7 @@ export default {
       type: Object,
       required: true,
     },
-=======
   },
-  computed: {
-    leaveBtnTitle() {
-      return COMMON_STR.LEAVE_BTN_TITLE;
->>>>>>> upstream/master
-    },
-    data() {
-      return {
-        modalStatus: false,
-      };
-    },
-<<<<<<< HEAD
   computed: {
     leaveBtnTitle() {
       return COMMON_STR.LEAVE_BTN_TITLE;
@@ -65,21 +29,6 @@ export default {
     editBtnTitle() {
       return COMMON_STR.EDIT_BTN_TITLE;
     },
-      leaveConfirmationMessage() {
-        return s__(`GroupsTree|Are you sure you want to leave the "${this.group.fullName}" group?`);
-      },
-    },
-    methods: {
-      onLeaveGroup() {
-        this.modalStatus = true;
-      },
-      leaveGroup() {
-        this.modalStatus = false;
-        eventHub.$emit('leaveGroup', this.group, this.parentGroup);
-      },
-    },
-  };
-=======
   },
   methods: {
     onLeaveGroup() {
@@ -87,7 +36,6 @@ export default {
     },
   },
 };
->>>>>>> upstream/master
 </script>
 
 <template>