page-loader.vue 463 B

1234567891011121314151617181920212223
  1. <template lang="pug">
  2. transition(name='page-loader')
  3. .page-loader(v-if='isShown')
  4. i
  5. span {{ msg }}
  6. </template>
  7. <script type='js'>
  8. export default {
  9. name: 'page-loader',
  10. props: ['text'],
  11. data () {
  12. return {}
  13. },
  14. computed: {
  15. msg () { return this.$store.state.pageLoader.msg },
  16. isShown () { return this.$store.state.pageLoader.shown }
  17. },
  18. mounted() {
  19. this.$store.commit('pageLoader/msgChange', this.text)
  20. }
  21. }
  22. </script>