<template lang="pug">
  transition(name='page-loader')
    .page-loader(v-if='isShown')
      i
      span {{ msg }}
</template>

<script type='js'>
export default {
  name: 'page-loader',
  props: ['text'],
  data () {
    return {}
  },
  computed: {
    msg () { return this.$store.state.pageLoader.msg },
    isShown () { return this.$store.state.pageLoader.shown }
  },
  mounted() {
    this.$store.commit('pageLoader/msgChange', this.text)
  }
}
</script>