App.vue

<template>
  <v-app>
    <v-main>
      <Alert
        :open="alertOpen"
        :message="message"
        :type="type"
      />
      <router-view/>
    </v-main>
  </v-app>
</template>

<script>
import { EventBus } from '@/event-bus'

import Alert from './components/Alert.vue'

export default {
  name: 'App',

  components: {
    Alert
  },

  created() {
    EventBus.$on('openAlert',( massage , type) => { 
      this.alertOpen = true, 
      this.message = massage,
      this.type = type
    }),

    EventBus.$on('closeAlert',() => { this.alertOpen = false })
  
  },

  data: () => ({
    alertOpen: false ,
    message:'',
    type:'',
  }),

  mounted(){
    // this.$store.dispatch('getProjectList')
  },
  beforeDestroy(){
    EventBus.$off('openAlert');
    EventBus.$off('closeAlert');
  }
};
</script>
<style lang="scss">

html,body{
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%
}

#app {
  background-color:#CFD8DC;
  height: 100%;
  width: 100%;
}

html  {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
html::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}


</style>